PageSourceSearch

https://printroom.co/collections/product-library

html printroom.co collected 2026-10-04 08:38:24 UTC 863,583 bytes, 15,112 lines download raw bytes

1<!doctype html><html class="no-js" lang="en">
2  <head>
3
4
5<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"collection","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"a6111dc4847a5059d4622e3d27b184dd5cbae461b5d6fc459feab12efb47932d","state":{"template":"collection.product-library-v2","theme":151830298694,"product":null,"collection":"product-library","page":null,"blog":null,"article":null,"app":null},"now":1791103103,"path":"\/collections\/product-library","locale_root_url":"\/","canonical_url":"https:\/\/printroom.co\/collections\/product-library","customer_id":null,"customer_id_signature":"a6111dc4847a5059d4622e3d27b184dd5cbae461b5d6fc459feab12efb47932d","cart":null}</script>
5<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
5color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
5
6      
6<script data-locksmith>Locksmith.cache.cart=null</script>
6
7
8  
8<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"collection\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"a6111dc4847a5059d4622e3d27b184dd5cbae461b5d6fc459feab12efb47932d\",\"state\":{\"template\":\"collection.product-library-v2\",\"theme\":151830298694,\"product\":null,\"collection\":\"product-library\",\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1791103103,\"path\":\"\\\/collections\\\/product-library\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/printroom.co\\\/collections\\\/product-library\",\"customer_id\":null,\"customer_id_signature\":\"a6111dc4847a5059d4622e3d27b184dd5cbae461b5d6fc459feab12efb47932d\",\"cart\":null}";Locksmith.jsonTagSignature="70956b790e030d521bb4801cd555354233b918d04764e842da5f6a716ef5ae1a"</script>
8
9<meta name="google-site-verification" content="r89mOlbEOfEjECOwEHOd5jrv5jGOJeGHPXM78LaGLXY" />
10    
11    <meta charset="utf-8">
12    <meta http-equiv="X-UA-Compatible" content="IE=edge">
13    <meta name="viewport" content="width=device-width,initial-scale=1">
14    <meta name="theme-color" content="">
15<script>
16    window.dataLayer = window.dataLayer || [];
17    window.dataLayer.push({
18      store_access: 'public',
19      store_type: 'main',
20      page_template: "collection.product-library-v2"
21    });
22    window.prTrackLead = window.prTrackLead || function (detail) {
23      try {
24        detail = detail || {};
25        var ud = detail.user_data || {};
26        var email = (ud.email || '').toString().trim().toLowerCase();
27        var phone = (ud.phone_number || '').toString().replace(/[^0-9+]/g, '');
28        window.dataLayer.push({
29          event: 'generate_lead',
30          lead_type: detail.lead_type || 'unknown',
31          form_id: detail.form_id || null,
32          page_path: window.location.pathname,
33          /* Enhanced Conversions for Leads — GTM's user-provided-data variable reads
34             user_data.{email,phone_number}; Google hashes (SHA-256) client-side.
35             Same key shape as the quote/book-a-call pushes in global.bundle.js so ONE
36             GTM variable covers every lead type. */
37          user_data: {
38            email: email || undefined,
39            phone_number: phone || undefined
40          }
41        });
42      } catch (e) {}
43    };
44  </script>
44<script>
45    if (!window.__prGtmLoaded) {
46      window.__prGtmLoaded = true;
vendor: 455 bytes, lines 46-56
46
47      (function (w, d, s, l, i) {
48        w[l] = w[l] || [];
49        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
50        var f = d.getElementsByTagName(s)[0],
51          j = d.createElement(s),
52          dl = l != 'dataLayer' ? '&l=' + l : '';
53        j.async = true;
54        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
55        f.parentNode.insertBefore(j, f);
56      })(window, document, 'script', 'dataLayer', '
56GTM-W9DFFGB
vendor: 8 bytes, lines 56-57
56');
57    
57}
58  </script>
58
59
60    <link rel="canonical" href="https://printroom.co/collections/product-library">
61    
62    
63    
64
65    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
66
67    
67<script>
68(function() {
69  'use strict';
70  var observer = new MutationObserver(function(mutations) {
71    mutations.forEach(function(mutation) {
72      mutation.addedNodes.forEach(function(node) {
73        if (node.tagName === 'SCRIPT' && node.src && node.src.includes('popt.in')) {
74          node.remove();
75        }
76      });
77    });
78  });
79  observer.observe(document.documentElement, { childList: true, subtree: true });
80})();
81</script>
81<script>
82document.addEventListener('DOMContentLoaded', function() {
83  var scripts = document.querySelectorAll('script[data-block-script]');
84  if (!scripts.length) return;
85  if (window.Shopify && window.Shopify.designMode) {
86    scripts.forEach(function(s) {
87      var real = document.createElement('script');
88      real.textContent = s.textContent;
89      s.parentNode.replaceChild(real, s);
90    });
91    return;
92  }
93  var io = new IntersectionObserver(function(entries) {
94    entries.forEach(function(entry) {
95      if (!entry.isIntersecting) return;
96      io.unobserve(entry.target);
97      var pending = entry.target.querySelector('script[data-block-script]');
98      if (pending) {
99        var real = document.createElement('script');
100        real.textContent = pending.textContent;
101        pending.parentNode.replaceChild(real, pending);
102      }
103    });
104  }, { rootMargin: '300px' });
105  scripts.forEach(function(s) {
106    var block = s.closest('[data-ai-block]') || s.parentElement;
107    io.observe(block);
108  });
109});
110</script>
110<script>
111setTimeout(function() {
112  'use strict';
113
114  // Google Tag Manager loads early + reliably via the 'gtm-head' snippet
115  // (settings.gtm_container_id). The old "remove existing GTM then re-inject after
116  // 3s" hack saved ~922ms but delayed the Ads Conversion Linker (breaking gclid
117  // attribution) and dropped fast-bounce visitors from analytics. Do NOT re-add it.
118
119  // LAZY LOAD THIRD-PARTY ANALYTICS
120  var loadThirdPartyScripts = function() {
121    if (typeof fbq === 'undefined') {
122      !function(f,b,e,v,n,t,s){
123        if(f.fbq)return;n=f.fbq=function(){n.callMethod?
124        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
125        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
126        n.queue=[];t=b.createElement(e);t.async=!0;
127        t.src=v;s=b.getElementsByTagName(e)[0];
128        s.parentNode.insertBefore(t,s)
129      }(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
130    }
131    if (typeof clarity === 'undefined' && window.clarityCode) {
132      (function(c,l,a,r,i,t,y){
133        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
134        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
135        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
136      })(window,document,"clarity","script",window.clarityCode);
137    }
138  };
139  if ('requestIdleCallback' in window) {
140    requestIdleCallback(loadThirdPartyScripts, { timeout: 5000 });
141  } else {
142    setTimeout(loadThirdPartyScripts, 5000);
143  }
144
145  // LINK PREFETCH ON HOVER
146  var NO_PREFETCH = ['/cart','/checkout','/account','/admin','/password','/challenge','/apps/','/tools/','/services/'];
147  var prefetched = {};
148  var hoverTimer = null;
149
150  function shouldPrefetch(href) {
151    try {
152      var url = new URL(href, location.origin);
153      if (url.origin !== location.origin) return false;
154      if (url.pathname === location.pathname) return false;
155      if (prefetched[url.pathname]) return false;
156      if (navigator.connection && navigator.connection.saveData) return false;
157      for (var i = 0; i < NO_PREFETCH.length; i++) {
158        if (url.pathname.indexOf(NO_PREFETCH[i]) === 0) return false;
159      }
160      var ext = url.pathname.split('.').pop();
161      if (['jpg','jpeg','png','gif','svg','webp','pdf','zip','css','js'].indexOf(ext) !== -1) return false;
162      return true;
163    } catch (e) {
164      return false;
165    }
166  }
167
168  function prefetchUrl(href) {
169    var url = new URL(href, location.origin);
170    if (prefetched[url.pathname]) return;
171    prefetched[url.pathname] = true;
172    var link = document.createElement('link');
173    link.rel = 'prefetch';
174    link.href = href;
175    link.as = 'document';
176    document.head.appendChild(link);
177  }
178
179  document.addEventListener('pointerenter', function(e) {
180    var a = e.target.closest ? e.target.closest('a[href]') : null;
181    if (!a || !shouldPrefetch(a.href)) return;
182    var delay = e.pointerType === 'mouse' ? 65 : 0;
183    hoverTimer = setTimeout(function() { prefetchUrl(a.href); }, delay);
184  }, { capture: true, passive: true });
185
186  document.addEventListener('pointerleave', function() {
187    if (hoverTimer) { clearTimeout(hoverTimer); hoverTimer = null; }
188  }, { capture: true, passive: true });
189
190  if ('requestIdleCallback' in window) {
191    requestIdleCallback(function() {
192      var navLinks = document.querySelectorAll('nav a[href], [data-theme-header] a[href]');
193      var count = 0;
194      navLinks.forEach(function(a) {
195        if (count < 5 && shouldPrefetch(a.href)) {
196          prefetchUrl(a.href);
197          count++;
198        }
199      });
200    }, { timeout: 3000 });
201  }
202
203  // BFCACHE SUPPORT
204  window.addEventListener('pageshow', function(event) {
205    if (event.persisted) {
206      fetch('/cart.js').then(function(r) { return r.json(); }).then(function(data) {
207        document.querySelectorAll('[data-cart-count]').forEach(function(el) {
208          el.textContent = data.item_count;
209        });
210        if (window.Alpine && window.Alpine.store && window.Alpine.store('cartCount')) {
211          window.Alpine.store('cartCount').count = data.item_count;
212        }
213      }).catch(function() {});
214    }
215  });
216}, 0);
217</script>
217<script type="speculationrules">
218{
219  "prerender": [{
220    "where": {
221      "and": [
222        { "href_matches": "/*" },
223        { "not": { "href_matches": [
224          "/cart", "/cart/*",
225          "/checkout", "/checkout/*",
226          "/account", "/account/*",
227          "/admin/*",
228          "/password",
229          "/challenge/*",
230          "/apps/*",
231          "/tools/*",
232          "/services/*"
233        ] } },
234        { "not": { "selector_matches": "[target=_blank]" } }
235      ]
236    },
237    "eagerness": "moderate"
238  }],
239  "prefetch": [{
240    "where": {
241      "and": [
242        { "href_matches": "/*" },
243        { "not": { "href_matches": [
244          "/cart", "/cart/*",
245          "/checkout", "/checkout/*",
246          "/account", "/account/*"
247        ] } }
248      ]
249    },
250    "eagerness": "moderate"
251  }]
252}
253</script>
253
254
255
256<style>
257      .hero-image, [data-hero-image] { aspect-ratio: 16/9; width: 100%; height: auto; background-color: #f0f0f0; }
258      .product-image { aspect-ratio: 1/1; background-color: #fafafa; }
259      header, .header { min-height: 60px; }
260      main { min-height: 100vh; }
261      .skeleton { animation: skeleton-loading 1.5s infinite ease-in-out; background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size: 200% 100%; }
262      @keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
263      @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
264      @media (max-width: 1023px) { .hero-image-mobile, [data-hero-image-mobile] { aspect-ratio: 9/16; } }
265    </style><link
266        rel="icon"
267        type="image/png"
268        href="//printroom.co/cdn/shop/files/pr_branding_logo_favicon_flag-01_11ede80e-5ae5-41fe-8eb2-87dee0e48e14.png?crop=center&height=32&v=1646960588&width=32"
269      ><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
270    
271
272    
273
274 <!-- default to true --><!-- Contain template--><!-- setting name: pluginseo_pageTitleTruncateEnableForCollections-->
275    <!-- setting value: true -->
275<!-- pageTitleTemplate: Shop %% current_tags || join: ', ' || append_not_empty: ' ' %%%% collection.title || escape %% at %% shop.name %% -->
276  <!-- pageTitleToParse": Custom Products NZ | Embroidery, Screen Printing &amp; Supacolour -->
277  <!-- pageTitleTruncateApplicable: true -->
278
279  <!-- pluginseo_pageTitleTemplateApplyToAll: true -->
280  <!-- pageTitleTruncateApplicable: true --><!-- Custom page title: Yes --><title>Shop Product library at The Print Room | The Print Room</title> <!-- default to true --><!-- Contain template--><!-- setting name: pluginseo_metaDescriptionTruncateEnableForCollections-->
281    <!-- setting value: true --><!-- metaDescriptionTemplate: %% collection.all_tags || take: '3' || join: ', ' || prepend_not_empty: 'Shop ' || append_not_empty: ' and more ' %%%% collection.title || escape %% at %% shop.name %% %% collection.description || strip_html || strip_newlines || escape || strip %% -->
282  <!-- metaDescriptionToParse": Explore our extensive product library featuring high-quality custom apparel, merchandise, and promotional products. From t-shirts, hoodies, and caps to tote bags, embroidered garments, and printed accessories, we offer a range of customizable options to fit every brand and business need. Perfect for corporate gifts, team uniforms, and personalised promotional items. Fast production, premium quality, and expert customisation for all your branding needs. -->
283  <!-- metaDescriptionTruncateApplicable: true -->
284
285  <!-- pluginseo_metaDescriptionTemplateApplyToAll: true -->
286  <!-- metaDescriptionTruncateApplicable: true --><!-- Yes --><meta name="description" content="Shop pr:brand:american-apparel, pr:brand:as-colour, pr:brand:biz-collection and more Product library at The Print Room " />
287<script data-desc="seo-breadcrumb-list" type="application/ld+json">
288{
289  "@context": "http://schema.org",
290  "@type": "BreadcrumbList",
291  "itemListElement": [{
292          "@type": "ListItem",
293          "position": 1,
294          "item": {
295            "@id": "https://printroom.co/collections/product-library",
296            "name": "Product library"
297          }
298        }]
299}
300</script>
300<script data-desc="seo-organization" type="application/ld+json">
301  {
302    "@context": "http://schema.org",
303    "@type": "Organization",
304    "additionalType": "https://schema.org/OnlineStore",
305    "@id": "https://printroom.co#organization",
306    "name": "The Print Room",
307    "url": "https://printroom.co",
308    "description": "Shop pr:brand:american-apparel, pr:brand:as-colour, pr:brand:biz-collection and more Product library at The Print Room","logo": {
309        "type": "ImageObject",
310        "url": "https://printroom.co/cdn/shop/t/59/assets/pluginseo_structuredDataLogo_small.png?v=39003"
311      },
312      "image": "https://printroom.co/cdn/shop/t/59/assets/pluginseo_structuredDataLogo_small.png?v=39003","areaServed": [{ "@type": "Country", "name": "Australia" },
313    { "@type": "Country", "name": "New Zealand" }],
314    "sameAs": ["https://www.linkedin.com/company/theprintroom"]
315  }
316</script>
316<script data-desc="seo-website" type="application/ld+json">
317  {
318    "@context": "http://schema.org",
319    "@type": "WebSite",
320    "name": "The Print Room",
321    "url": "https://printroom.co",
322    "inLanguage": "en",
323    "potentialAction": {
324      "@type": "SearchAction",
325      "target": "https://printroom.co/search?q={search_term_string}",
326      "query-input": "required name=search_term_string"
327    }
328  }
329</script>
329<meta name="pluginseo" content="Plug in SEO Plus" data-ptf="s-te_co-ap" data-mdf="s-te_co" />
330
331
332    
332<script type="esms-options">
333  {
334    "noLoadEventRetriggers": true
335  }
336</script>
336
337
338<script>
339  if (
340    !(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))
341  ) {
342    const importMapShimScriptEl = document.createElement('script');
343    importMapShimScriptEl.src = '//printroom.co/cdn/shop/t/59/assets/es-module-shims.bundle.min.js?v=98603786603752121101787098437'
344    importMapShimScriptEl.async = true;
345
346    document.currentScript.after(importMapShimScriptEl);
347  }
348</script>
vendor: 1 bytes, line 348
348
349<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 349
349
350<script type="importmap">
351  {
352    "imports": {
353      "vendor": "//printroom.co/cdn/shop/t/59/assets/vendor.bundle.min.js?v=124729801276099409011787098433",
354      "deferrable-data": "//printroom.co/cdn/shop/t/59/assets/deferrable-data.bundle.js?v=160370895301608380811787098437",
355      "@supabase/supabase-js": "//printroom.co/cdn/shop/t/59/assets/supabase-js.bundle.js?v=151185893978749678631787098436",
356      "product": "//printroom.co/cdn/shop/t/59/assets/island-product.bundle.js?v=53162399053546849101790733316",
357      "quick-buy": "//printroom.co/cdn/shop/t/59/assets/island-quick-buy.bundle.js?v=147469616221971819701787098437",
358      "ai-chatbot": "//printroom.co/cdn/shop/t/59/assets/ai-chatbot.bundle.js?v=114215721854634402901788472409",
359      "leavers-quote-builder": "//printroom.co/cdn/shop/t/59/assets/leavers-quote-builder.bundle.js?v=140741536858912509621787098436",
360      "leavers-product-grid": "//printroom.co/cdn/shop/t/59/assets/leavers-product-grid.bundle.js?v=101839867699394922961787098435"
361    }
362  }
363</script>
363
364
365<script>
366      (function() {
367        var _originalAlert = window.alert;
368        window.alert = function(message) {
369          if (message && message.toLowerCase().includes('personalized text')) {
370            message = 'This field is required to place an order.';
371          }
372          _originalAlert.call(window, message);
373        };
374      })();
375    </script>
375
376
377    
377<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
377<meta name="google-site-verification" content="r89mOlbEOfEjECOwEHOd5jrv5jGOJeGHPXM78LaGLXY">
378<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7054289/digital_wallets/dialog">
379<meta id="in-context-paypal-metadata" data-shop-id="7054289" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
380<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/product-library.atom" />
381<link rel="next" href="/collections/product-library?page=2">
382<link rel="alternate" hreflang="x-default" href="https://theprintroom.nz/collections/product-library">
383<link rel="alternate" hreflang="en" href="https://theprintroom.nz/collections/product-library">
384<link rel="alternate" hreflang="en-AU" href="https://printroom.co/en-au/collections/product-library">
385<link rel="alternate" hreflang="en-CN" href="https://printroom.co/collections/product-library">
386<link rel="alternate" hreflang="en-FR" href="https://printroom.co/collections/product-library">
387<link rel="alternate" hreflang="en-GB" href="https://printroom.co/collections/product-library">
388<link rel="alternate" hreflang="en-US" href="https://printroom.co/collections/product-library">
389<link rel="alternate" type="application/json+oembed" href="https://printroom.co/collections/product-library.oembed">
390<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=488013894"></script>
390
391<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
392<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=488013894&shop_id=7054289" crossorigin="anonymous"></script>
vendor: 1 bytes, line 392
392
393<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7054289,"countryCode":"NZ","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7054289","merchantName":"The Print Room","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"The Print Room","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 393
393
394<script id="shopify-features" type="application/json">{"accessToken":"0a03320998ce9cf7ffe404a489cfebbd","betas":["rich-media-storefront-analytics"],"domain":"printroom.co","predictiveSearch":true,"shopId":7054289,"locale":"en"}</script>
vendor: 1 bytes, line 394
394
395<script>var Shopify = Shopify || {};
396Shopify.shop = "the-print-room.myshopify.com";
397Shopify.locale = "en";
398Shopify.currency = {"active":"USD","rate":"0.57265452"};
399Shopify.country = "US";
400Shopify.theme = {"name":"Print_Room_Co","id":151830298694,"schema_name":"Baseline","schema_version":"3.3.1","theme_store_id":null,"role":"main"};
401Shopify.theme.handle = "null";
402Shopify.theme.style = {"id":null,"handle":null};
403Shopify.cdnHost = "printroom.co/cdn";
404Shopify.routes = Shopify.routes || {};
405Shopify.routes.root = "/";
406Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
407Shopify.SignInWithShop = Shopify.SignInWithShop || {};
408Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
409Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 409
409
410<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 410
410
411<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 411
411
412<script>
413  window.ShopifyPay = window.ShopifyPay || {};
414  window.ShopifyPay.apiHost = "shop.app\/pay";
415  window.ShopifyPay.redirectState = null;
416</script>
vendor: 1 bytes, line 416
416
417<script>
418  window.Shopify = window.Shopify || {};
419  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
420  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
421  window.Shopify.SignInWithShop.eligible = true;
422</script>
vendor: 1 bytes, line 422
422
423<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 423
423
424<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 424
424
425<script type="module">
426  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
427
428  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
429
430</script>
vendor: 1 bytes, line 430
430
431<script>
432  window.Shopify = window.Shopify || {};
433  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
434  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"]};
435</script>
vendor: 1 bytes, line 435
435
436<script>(function() {
437  var isLoaded = false;
438  function asyncLoad() {
439    if (isLoaded) return;
440    isLoaded = true;
441    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=the-print-room.myshopify.com","https:\/\/app.carboncheckout.com\/assets\/api\/shopify.min.js?shop=the-print-room.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=WkJ8Uf\u0026shop=the-print-room.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-dfc514f941e0dbcfd9799eba509c69d2.js?shop=the-print-room.myshopify.com","\/\/d1liekpayvooaz.cloudfront.net\/apps\/uploadery\/uploadery.js?shop=the-print-room.myshopify.com","https:\/\/cdn.grw.reputon.com\/assets\/widget.js?shop=the-print-room.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/3ec9f5a684c36f6bf11dc30fc\/1a983ba3b184a8fb5b6da3882.js?shop=the-print-room.myshopify.com","https:\/\/cdn.hextom.com\/js\/quickannouncementbar.js?shop=the-print-room.myshopify.com","https:\/\/app.popt.in\/pixel.js?id=e7ff5c60e84fb\u0026shop=the-print-room.myshopify.com"];
442    for (var i = 0; i < urls.length; i++) {
443      var s = document.createElement('script');
444      s.type = 'text/javascript';
445      s.async = true;
446      s.src = urls[i];
447      var x = document.getElementsByTagName('script')[0];
448      x.parentNode.insertBefore(s, x);
449    }
450  };
451  if(window.attachEvent) {
452    window.attachEvent('onload', asyncLoad);
453  } else {
454    window.addEventListener('load', asyncLoad, false);
455  }
456})();</script>
vendor: 1 bytes, line 456
456
457<script id="__st">var __st={"a":7054289,"offset":46800,"reqid":"509013db-9cca-463d-a4c9-fc95001901fd-1791103103","pageurl":"printroom.co\/collections\/product-library","u":"b89c7a534285","p":"collection","rtyp":"collection","rid":291733831750};</script>
vendor: 1 bytes, line 457
457
458<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 458
458
459<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 459
459
460<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//printroom.co/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 460
460
461<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 = "//printroom.co/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>
461<script crossorigin="anonymous" defer="defer" src="//printroom.co/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 461
461
462<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 462
462
463<script>
464  window.Shopify = window.Shopify || {};
465  window.Shopify.MCP = window.Shopify.MCP || {};
466  window.Shopify.MCP.enabled = true;
467  window.Shopify.MCP.shop = "the-print-room.myshopify.com";
468  window.Shopify.MCP.mcpEndpoint = "https:\/\/printroom.co\/api\/mcp";
469  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"]}}];
470</script>
vendor: 1 bytes, line 470
470
471<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("\/\/printroom.co\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
472</script>
vendor: 1 bytes, line 472
472
473<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://printroom.co/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
474</script>
vendor: 1 bytes, line 474
474
475<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
476  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);
477</script>
vendor: 1 bytes, line 477
477
478<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})}}));
479</script>
479
480<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://printroom.co/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
481<style id="shopify-accelerated-checkout-cart">
482        #shopify-buyer-consent {
483  margin-top: 1em;
484  display: inline-block;
485  width: 100%;
486}
487
488#shopify-buyer-consent.hidden {
489  display: none;
490}
491
492#shopify-subscription-policy-button {
493  background: none;
494  border: none;
495  padding: 0;
496  text-decoration: underline;
497  font-size: inherit;
498  cursor: pointer;
499}
500
501#shopify-subscription-policy-button::before {
502  box-shadow: none;
503}
504
505      </style>
506
507<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
507
508
509      
510
511
512  <link
513    rel="preload"
514    as="font"
515    href="//printroom.co/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2"
516    type="font/woff2"
517    crossorigin
518  >
519
520
521
522  <link
523    rel="preload"
524    as="font"
525    href="//printroom.co/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
526    type="font/woff2"
527    crossorigin
528  >
529
530
531
532<style data-shopify>
533  @font-face {
534  font-family: "DM Sans";
535  font-weight: 400;
536  font-style: normal;
537  font-display: swap;
538  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
539       url("//printroom.co/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
540}
541
542  @font-face {
543  font-family: "DM Sans";
544  font-weight: 500;
545  font-style: normal;
546  font-display: swap;
547  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
548       url("//printroom.co/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
549}
550
551@font-face {
552  font-family: "DM Sans";
553  font-weight: 700;
554  font-style: normal;
555  font-display: swap;
556  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
557       url("//printroom.co/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
558}
559@font-face {
560  font-family: "DM Sans";
561  font-weight: 400;
562  font-style: italic;
563  font-display: swap;
564  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
565       url("//printroom.co/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
566}
567@font-face {
568  font-family: "DM Sans";
569  font-weight: 700;
570  font-style: italic;
571  font-display: swap;
572  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
573       url("//printroom.co/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
574}
575@font-face {
576  font-family: "DM Sans";
577  font-weight: 700;
578  font-style: normal;
579  font-display: swap;
580  src: url("//printroom.co/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
581       url("//printroom.co/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
582}
583</style>
584
585<style>:root {
586
587      --font-size-xs: 0.64rem;
588      --font-size-sm: 0.8rem;
589      --font-size-base: 1rem;
590      --font-size-lg: 1.25rem;
591      --font-size-xl: 1.563rem;
592      --font-size-2xl: 1.953rem;
593      --font-size-3xl: 2.441rem;
594      --font-size-4xl: 3.052rem;
595      --font-size-5xl: 3.815rem;
596      --font-size-6xl: 4.768rem;
597      --font-size-7xl: 5.96rem;
598      --font-size-8xl: 7.451rem;
599      --font-size-9xl: 9.313rem;
600
601      --type-scale-n-2: var(--font-size-xs);
602      --type-scale-n-1: var(--font-size-sm);
603      --type-scale-n0: var(--font-size-base);
604      --type-scale-n1: var(--font-size-lg);
605      --type-scale-n2: var(--font-size-xl);
606      --type-scale-n3: var(--font-size-2xl);
607      --type-scale-n4: var(--font-size-3xl);
608      --type-scale-n5: var(--font-size-4xl);
609      --type-scale-n6: var(--font-size-5xl);
610      --type-scale-n7: var(--font-size-6xl);
611      --type-scale-n8: var(--font-size-7xl);
612      --type-scale-n9: var(--font-size-8xl);
613      --type-scale-n10: var(--font-size-9xl);
614
615      --base-font-size: 93.75%;
616      --base-font-size-from-settings: 15;
617      --base-line-height: 1.2;
618      --heading-line-height: 1;
619
620      font-size: var(--base-font-size);
621      line-height: var(--base-line-height);
622
623      --heading-font-stack: "DM Sans", sans-serif;
624      --heading-font-weight: 500;
625      --heading-font-style: normal;
626
627
628      --body-font-stack: "DM Sans", sans-serif;
629      --body-font-weight: 400;
630      --body-font-bold: FontDrop;
631      --body-font-bold-italic: FontDrop;
632
633      --color-gridline: 30 35 38;
634      --gridline-width: 0px;
635
636      --text-border-width: 1px;
637      --checkbox-width: 1px;
638
639      --font-heading: "DM Sans", sans-serif;
640      --font-body: "DM Sans", sans-serif;
641      --font-body-weight: 400;
642      --font-body-style: normal;
643      --font-body-bold-weight: bold;
644
645      --heading-letterspacing: -0.025em;
646      --heading-capitalize: none;
647      --heading-decoration: none;
648
649      --standard-heading-size: var(--type-scale-n3);
650      --feature-heading-size: var(--type-scale-n4);
651      --secondary-heading-size: var(--type-scale-n2);
652
653      --body-copy-transform: none;
654
655      --wrapperWidth: 100vw;
656      --gutter: 0px;
657      --rowHeight: calc((var(--wrapperWidth) - (11 * var(--gutter))) / 12);
658
659      --global-scrolling-items-speed-multiplier: 1;
660
661      --add-to-cart-button-height: 44px;
662      --checkout-button-height: 44px;
663
664      --spacing: 1rem;
665      --spacing-double: 2rem;
666      --spacing-half: 0.5rem;
667
668      /* Equivalent to px-2 */
669      --section-horizontal-spacing-mobile: 0.5rem;
670      /* Equivalent to px-4 */
671      --section-horizontal-spacing-desktop: 1rem;
672
673      --section-horizontal-spacing: var(--section-horizontal-spacing-mobile);
674
675      --icon-thickness: 1.5;
676
677      /**
678       * Buttons
679       */
680      --button-text-transform: none;
681      --button-after-content: '\00a0\2192';
682      --button-border-radius: 9999px;
683
684      /**
685       * Links
686       */
687      --links-bottom-border-width: var(--text-border-width);
688      --links-bottom-padding: 0.25rem;
689      --links-text-transform: none;
690      --links-after-content: '\00a0\2192';
691      --links-before-content: '\2190\00a0';
692
693      background-color: rgb(var(--color-scheme-background));
694      color: rgb(var(--color-scheme-text));
695    }
696
697    @media (min-width: 1024px) {
698      :root {
699        --standard-heading-size: var(--type-scale-n5);
700        --feature-heading-size: var(--type-scale-n6);
701        --secondary-heading-size: var(--type-scale-n3);
702
703        --section-horizontal-spacing: var(--section-horizontal-spacing-desktop);
704      }
705    }
706
707    :root,
708      
709      [data-color-scheme="scheme1"] {
710        --color-scheme-text: 43 57 144;
711        --color-scheme-background: 255 255 255;
712        --color-scheme-accent: 248 250 244;
713        --color-scheme-accent-contrast:  43 57 144;
714        --color-scheme-secondary: 30 35 38;
715      }
716  
717      [data-color-scheme="scheme2"] {
718        --color-scheme-text: 30 35 38;
719        --color-scheme-background: 241 255 165;
720        --color-scheme-accent: 194 194 194;
721        --color-scheme-accent-contrast:  30 35 38;
722        --color-scheme-secondary: 30 35 38;
723      }
724  
725      [data-color-scheme="scheme3"] {
726        --color-scheme-text: 248 250 244;
727        --color-scheme-background: 43 57 144;
728        --color-scheme-accent: 248 250 244;
729        --color-scheme-accent-contrast:  241 255 165;
730        --color-scheme-secondary: 43 57 144;
731      }
732  
733      [data-color-scheme="scheme4"] {
734        --color-scheme-text: 248 250 244;
735        --color-scheme-background: 30 35 38;
736        --color-scheme-accent: 248 250 244;
737        --color-scheme-accent-contrast:  30 35 38;
738        --color-scheme-secondary: 248 250 244;
739      }
740  
741      [data-color-scheme="scheme5"] {
742        --color-scheme-text: 30 35 38;
743        --color-scheme-background: 255 255 255;
744        --color-scheme-accent: 30 35 38;
745        --color-scheme-accent-contrast:  255 255 255;
746        --color-scheme-secondary: 30 35 38;
747      }
748  
749      [data-color-scheme="scheme-62a93d7b-1ea3-42af-a18d-30461b13240a"] {
750        --color-scheme-text: 255 255 255;
751        --color-scheme-background: 255 255 255;
752        --color-scheme-accent: 255 255 255;
753        --color-scheme-accent-contrast:  255 255 255;
754        --color-scheme-secondary: 255 255 255;
755      }
756  
757      [data-color-scheme="scheme-7c315ead-1873-415d-a1a8-a7722419ef69"] {
758        --color-scheme-text: 43 57 144;
759        --color-scheme-background: 255 255 255;
760        --color-scheme-accent: 30 35 38;
761        --color-scheme-accent-contrast:  30 35 38;
762        --color-scheme-secondary: 30 35 38;
763      }
764  
765      [data-color-scheme="scheme-6641fd8c-0fdd-4ed9-bd94-b490824d6125"] {
766        --color-scheme-text: 30 35 38;
767        --color-scheme-background: 72 127 249;
768        --color-scheme-accent: 248 250 244;
769        --color-scheme-accent-contrast:  30 35 38;
770        --color-scheme-secondary: 30 35 38;
771      }
772  
773
774    [data-color-scheme] {
775      --payment-terms-background-color: rgb(var(--color-scheme-background));
776
777      --button-color-border: var(--color-scheme-text);
778      --button-color-background: var(--color-scheme-accent);
779      --button-color-text: var(--color-scheme-accent-contrast);
780      --button-color-border-hover: var(--color-scheme-text);
781      --button-color-background-hover: var(--color-scheme-text);
782      --button-color-text-hover: var(--color-scheme-background);
783    }
784
785    ::selection {
786      background-color: rgb(var(--color-scheme-accent));
787      color: rgb(var(--color-scheme-accent-contrast));
788    }
789
790    @keyframes scrolling-items {
791      0% {
792        transform: translate3d(0, 0, 0);
793      }
794
795      100% {
796        transform: translate3d(-50%, 0, 0);
797      }
798    }
799</style>
800
801<style id="generated-critical-css">
802image-with-placeholder{display:block}.theme-button,.theme-button--secondary{cursor:pointer;font-size:var(--font-size-base);line-height:var(--base-line-height);overflow-wrap:anywhere;padding:.5rem 2rem;text-transform:var(--button-text-transform);word-break:normal}.theme-button--secondary:after,.theme-button:after{--tw-content:var(--button-after-content);content:var(--tw-content)}.theme-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background)/var(--tw-bg-opacity,1));border-color:rgb(var(--button-color-border)/var(--tw-border-opacity,1));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--button-color-text)/var(--tw-text-opacity,1))}@media (hover:hover) and (pointer:fine){.theme-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background-hover)/var(--tw-bg-opacity,1));border-color:rgb(var(--button-color-border-hover)/var(--tw-border-opacity,1));color:rgb(var(--button-color-text-hover)/var(--tw-text-opacity,1))}}.theme-button--secondary{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-scheme-background)/var(--tw-bg-opacity,1));border-color:rgb(var(--color-scheme-text)/var(--tw-border-opacity,1));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--color-scheme-text)/var(--tw-text-opacity,1))}[data-color-scheme] .theme-button--secondary.rte a:hover,[data-color-scheme].theme-button--secondary .rte a:hover,[data-color-scheme].theme-button--secondary.rte a:hover{color:rgb(var(--color-scheme-accent));text-decoration-color:rgb(var(--color-scheme-accent))}[data-color-scheme] .theme-button--secondary.rte blockquote,[data-color-scheme].theme-button--secondary .rte blockquote,[data-color-scheme].theme-button--secondary.rte blockquote{background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}@media (hover:hover) and (pointer:fine){.theme-button--secondary:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(var(--color-scheme-accent)/var(--tw-border-opacity,1));color:rgb(var(--color-scheme-accent)/var(--tw-text-opacity,1))}}[data-shopify-xr-hidden]{display:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.shopify-payment-button__button--hidden{display:none!important}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:pointer-events-none{pointer-events:none}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:invisible{visibility:hidden}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:\!flex{display:flex!important}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:gap-gridline{gap:var(--gridline-width)}@media not all and (min-width:1024px){.splide:not(.is-active) .max-lg\:\[\.splide\:not\(\.is-active\)_\&\]\:hidden{display:none}}
803</style>
804<style id="manual-critical-css">
805  html {
806    background-color: rgb(var(--color-primary-background));
807    color: rgb(var(--color-primary-text));
808    font-size: var(--base-font-size);
809    line-height: var(--base-line-height);
810  }
811
812  [x-cloak] {
813    display: none;
814  }
815
816  data-island {
817    display: block;
818  }
819
820  html.no-js [x-cloak].no-js-undo-cloak {
821    display: revert;
822  }
823
824  body {
825    display: flex;
826    flex-direction: column;
827    min-height: 100vh;
828  }
829
830  @media (min-width: 768px) {
831    [md\:undo-x-cloak-block] {
832      display: block;
833    }
834  }
835
836  @media (max-width: 767px) {
837    [max-md\:undo-x-cloak-block] {
838      display: block;
839    }
840  }
841</style>
842
843      <style>
844  :root {
845    /* ── Colors ── */
846    --pr-blue: #2B3990;
847    --pr-blue-hover: #232e75;
848    --pr-bright-blue: #487FF9;       /* matches product-page volume-pricing table */
849    --pr-bright-blue-hover: #3D6CD4;
850    --pr-bright-blue-rgb: 72 127 249;
851    --pr-bright-blue-hover-rgb: 61 108 212;
852    --dusky-purple: #4B4D72;
853    --dusky-purple-hover: #3d3f5e;
854    --slider-green: #658a6a;
855    --off-white: #FBFBF6;
856    --pill-bg: #EEE;
857    --pill-bg-hover: #e2e2e2;
858    --cant-find-bg: #EFFE9C;
859
860    /* ── Typography ── */
861    --font-family: 'DM Sans', sans-serif;
862    --title-modal-size: 2.75rem;       /* 44px */
863    --title-modal-tracking: -0.05em;   /* -2.2px */
864    --title-drawer-size: 41px;
865    --title-drawer-tracking: -2px;
866    --body-size: 0.9375rem;            /* 15px */
867    --label-size: 0.8125rem;           /* 13px */
868    --pill-font-size: 0.66rem;         /* ~10.65px */
869    --cta-font-size: 1.5rem;           /* 24px */
870    --submit-font-size: 1.5rem;        /* 24px */
871    --input-font-size: 0.875rem;       /* 14px */
872
873    /* ── Borders ── */
874    --border-modal: 2px solid black;
875    --border-drawer-left: 2px solid black;
876    --border-pill: 0.666px solid black;
877    --border-input: 1px solid black;
878    --border-cta: 2px solid var(--dusky-purple);
879    --border-chip: 0.4px solid black;
880
881    /* ── Radii ── */
882    --radius-modal: 27px;
883    --radius-pill: 9999px;
884    --radius-input: 9999px;
885    --radius-textarea: 10px;
886    --radius-submit: 50px;
887    --radius-cta: 40px;
888    --radius-chip: 24px;
889    --radius-popover: 16px;
890
891    /* ── Shadows ── */
892    --shadow-modal: 0 4px 13px 2px rgba(0, 0, 0, 0.1);
893    --shadow-popover: 0 10px 25px rgba(0, 0, 0, 0.1);
894    --shadow-slider-thumb: 0 2px 6px rgba(0, 0, 0, 0.15);
895    --shadow-focus: 0 0 0 3px rgba(43, 57, 144, 0.1);
896
897    /* ── Sizing ── */
898    --product-image-drawer: 90px;
899    --product-image-modal: 53px;
900    --pill-height: 23px;
901    --submit-height: 70px;
902    --submit-max-width: 351px;
903    --start-quote-height: 79px;
904    --input-min-height: 2.75rem;       /* 44px */
905    --slider-thumb-size: 24px;
906    --slider-track-height: 6px;
907    --cta-width: 153px;
908    --cta-height: 47px;
909    --chip-width: 90px;
910    --chip-height: 21px;
911
912    /* ── Aliases (backward compat) ── */
913    --color-quote-accent: var(--pr-blue);
914  }
915</style>
916
917
918    <link rel="preload" href="//printroom.co/cdn/shop/t/59/assets/base.bundle.css?v=77867960145098054751787098434" as="style" onload="this.onload=null;this.rel='stylesheet'">
919    <noscript><link rel="stylesheet" href="//printroom.co/cdn/shop/t/59/assets/base.bundle.css?v=77867960145098054751787098434"></noscript>
920
921    <link rel="preload" href="//printroom.co/cdn/shop/t/59/assets/styles.css?v=1691680456440492591789529106" as="style" onload="this.onload=null;this.rel='stylesheet'">
922    <noscript><link rel="stylesheet" href="//printroom.co/cdn/shop/t/59/assets/styles.css?v=1691680456440492591789529106"></noscript>
923
924<meta property="og:site_name" content="The Print Room">
925<meta property="og:locale" content="en"><meta property="og:locale:alternate" content="en_NZ"><meta property="og:url" content="https://printroom.co/collections/product-library"><meta property="og:title" content="
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940Shop Product library at The Print Room
941 
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956| The Print Room
957">
958<meta property="og:type" content="website">
959<meta property="og:description" content="Shop pr:brand:american-apparel, pr:brand:as-colour, pr:brand:biz-collection and more Product library at The Print Room ">
960<meta property="og:image" content="https://printroom.co/cdn/shop/collections/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772649980">
961<meta
962    property="og:image:secure_url"
963    content="https://printroom.co/cdn/shop/collections/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772649980"
964  >
965  <meta property="og:image:width" content="1500">
966  <meta property="og:image:height" content="1500"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981Shop Product library at The Print Room
982 
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997| The Print Room
998">
999<meta name="twitter:description" content="Shop pr:brand:american-apparel, pr:brand:as-colour, pr:brand:biz-collection and more Product library at The Print Room ">
1000<script>
1001  window.THEMENAME = 'Baseline';
1002  window.THEMEVERSION = '3.0.0';
1003
1004  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
1005
1006  function debounce(fn, wait) {
1007    let t;
1008    return (...args) => {
1009      clearTimeout(t);
1010      t = setTimeout(() => fn.apply(this, args), wait);
1011    };
1012  }
1013
1014  window.theme = {
1015    strings: {
1016      loading: "Loading",
1017      itemCountOne: "{{ count }} item",
1018      itemCountOther: "{{ count }} items",
1019      addToCart: "Add to cart",
1020      soldOut: "Sold out",
1021      unavailable: "Unavailable",
1022      regularPrice: "Regular price",
1023      salePrice: "Sale price",
1024      sale: "Sale",
1025      unitPrice: "Unit price",
1026      unitPriceSeparator: "per",
1027      cartEmpty: "Your cart is currently empty.",
1028      cartCookies: "Enable cookies to use the shopping cart",
1029      update: "Update",
1030      quantity: "Quantity",
1031      discountedTotal: "Discounted total",
1032      regularTotal: "Regular total",
1033      priceColumn: "See Price column for discount details.",
1034      addedToCart: "Added to Cart!",
1035      cartError: "There was an error while updating your cart. Please try again.",
1036      cartAddError: "All {{ title }} are in your cart.",
1037      shippingCalculatorResultsTitleOne: "There is 1 rate:",
1038      shippingCalculatorResultsTitleMany: "There are {{ count }} rates:",
1039    },
1040    routes: {
1041      root_url: "\/",
1042      predictive_search_url: "\/search\/suggest",
1043      cart_url: "\/cart",
1044      cart_add_url: "\/cart\/add",
1045      cart_change_url: "\/cart\/change",
1046      cart_update_url: "\/cart\/update",
1047      cart_clear_url: "\/cart\/clear",
1048    },
1049    moneyFormat: "${{amount}}",
1050    moneyWithCurrencyFormat: "${{amount}} USD",
1051    get defaultMoneyFormat() {
1052      return this.moneyFormat;
1053    },
1054    cartItemCount: 0,
1055    settings: {
1056      cartType: "page",
1057      openDrawerOnAddToCart: false
1058    },
1059    info: {
1060      name: 'Baseline',
1061    }
1062  };
1063</script>
vendor: 1 bytes, line 1063
1063
1064<script src="//printroom.co/cdn/shop/t/59/assets/utils.js?v=84782252304122448471787098437" defer></script>
1064
1065    
1065<script src="//printroom.co/cdn/shop/t/59/assets/images.js?v=56710371490645595961787098434" defer></script>
1065
1066    
1066<script>
1067      window.themeEventsDebugMode = false;
1068    </script>
1068
1069    
1069<script src="//printroom.co/cdn/shop/t/59/assets/theme-events.js?v=133344252210966700221787098437" defer></script>
1069
1070
1071    
1072
1073    
1074  
1075  <!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled -->
1076  
1076<script type="text/javascript">
1077window.PunchoutSettings = {
1078            "cloud_url": "https://cloud.punchoutexpress.com",
1079            "token": "ba56ba1530c75285dc7e1f854b4ad1a1",
1080            "checkout_selector": "#main-cart-footer div.items-center",
1081            "checkout_text": "Transfer Cart",
1082            "cancel_selector": "#main-cart-footer div.items-center",
1083            "cancel_text": "Cancel",
1084            "hide_selector": "*[name=\"checkout\"],.shopify-payment-button,.additional-checkout-buttons,.additional-checkout-button, #main-cart-footer button.theme-button--secondary, #main-cart-footer button.text-button",
1085            "cart_container_selector": "#CartContainer,#CartDrawer,#ajaxifyModal"
1086        };
1087</script>
1087
1088
1089  <!-- Punchout Cloud -->
1090<script src="https://cdn.cloud.punchoutexpress.com/cloud/assets-shopify/0.2.0/punchout.min.js?v5_24_0" defer="defer"></script>
1090
1091<style type="text/css">.btn-punchout-cancel {margin-left: 10px;}</style>
1092<!-- /Punchout Cloud -->
1093
1094  
1095
1096<script>
1097(function() {
1098  console.log('[TWOA Punchout] Script loaded');
1099  
1100  // Check if we're on the Te Wananga page and Locksmith is present
1101  const isTWOAPage = window.location.pathname.includes('te-wananga-o-aotearoa');
1102  console.log('[TWOA Punchout] Is TWOA page:', isTWOAPage);
1103  console.log('[TWOA Punchout] Current path:', window.location.pathname);
1104  
1105  if (isTWOAPage) {
1106    // Check if punchout session is already active
1107    const urlParams = new URLSearchParams(window.location.search);
1108    const hasPunchoutSession = urlParams.has('punchout_sess_id');
1109    console.log('[TWOA Punchout] Has punchout session:', hasPunchoutSession);
1110    
1111    if (!hasPunchoutSession) {
1112      console.log('[TWOA Punchout] No punchout session detected, will auto-activate');
1113      
1114      // Wait for page to fully load, then activate punchout
1115      window.addEventListener('load', function() {
1116        // Check if there's a Locksmith password form visible
1117        const hasPasswordForm = document.querySelector('form[data-locksmith-form], input[type="password"][name*="lock"]');
1118        
1119        console.log('[TWOA Punchout] Page loaded - Has password form:', !!hasPasswordForm);
1120        
1121        if (!hasPasswordForm) {
1122          // No password form = user has access, activate punchout immediately
1123          console.log('[TWOA Punchout] ✓ Access granted - activating punchout session');
1124          const punchoutId = Date.now().toString() + Math.random().toString(36).substring(2, 15);
1125          const newUrl = new URL(window.location.href);
1126          newUrl.searchParams.set('punchout_sess_id', punchoutId);
1127          
1128          // Store in sessionStorage to persist across page navigation
1129          sessionStorage.setItem('twoa_punchout_active', 'true');
1130          sessionStorage.setItem('twoa_punchout_id', punchoutId);
1131          console.log('[TWOA Punchout] Session ID:', punchoutId);
1132          
1133          // Redirect with punchout parameter
1134          console.log('[TWOA Punchout] Redirecting to:', newUrl.toString());
1135          window.location.href = newUrl.toString();
1136        } else {
1137          console.log('[TWOA Punchout] Password form detected, waiting for login...');
1138          
1139          // Watch for form submission / successful login
1140          const checkForAccess = setInterval(function() {
1141            const formStillVisible = document.querySelector('form[data-locksmith-form], input[type="password"][name*="lock"]');
1142            
1143            if (!formStillVisible) {
1144              console.log('[TWOA Punchout] ✓ Password form disappeared - activating punchout');
1145              clearInterval(checkForAccess);
1146              
1147              const punchoutId = Date.now().toString() + Math.random().toString(36).substring(2, 15);
1148              sessionStorage.setItem('twoa_punchout_active', 'true');
1149              sessionStorage.setItem('twoa_punchout_id', punchoutId);
1150              
1151              const newUrl = new URL(window.location.href);
1152              newUrl.searchParams.set('punchout_sess_id', punchoutId);
1153              window.location.href = newUrl.toString();
1154            }
1155          }, 500);
1156          
1157          // Stop after 30 seconds
1158          setTimeout(() => clearInterval(checkForAccess), 30000);
1159        }
1160      });
1161    } else {
1162      // If punchout is already active, store it in session
1163      console.log('[TWOA Punchout] Punchout already active, storing in session');
1164      sessionStorage.setItem('twoa_punchout_active', 'true');
1165      sessionStorage.setItem('twoa_punchout_id', urlParams.get('punchout_sess_id'));
1166    }
1167  }
1168  
1169  // Apply punchout session to all pages if Te Wananga session is active
1170  const storedPunchoutActive = sessionStorage.getItem('twoa_punchout_active');
1171  const storedPunchoutId = sessionStorage.getItem('twoa_punchout_id');
1172  console.log('[TWOA Punchout] Session storage - Active:', storedPunchoutActive, 'ID:', storedPunchoutId);
1173  
1174  if (storedPunchoutActive === 'true' && storedPunchoutId) {
1175    const urlParams = new URLSearchParams(window.location.search);
1176    if (!urlParams.has('punchout_sess_id')) {
1177      console.log('[TWOA Punchout] Applying stored punchout session to current page');
1178      const newUrl = new URL(window.location.href);
1179      newUrl.searchParams.set('punchout_sess_id', storedPunchoutId);
1180      window.history.replaceState({}, '', newUrl.toString());
1181      console.log('[TWOA Punchout] URL updated:', newUrl.toString());
1182      
1183      // Reinitialize punchout if the script is loaded
1184      if (window.PunchoutCloud && window.PunchoutCloud.init) {
1185        console.log('[TWOA Punchout] Reinitializing PunchoutCloud');
1186        window.PunchoutCloud.init();
1187      }
1188    }
1189  }
1190})();
1191</script>
1191
1192
1193<!-- BEGIN app block: shopify://apps/one-tree-planted/blocks/index/1cbac389-d687-4afb-9e8a-26b6535fa1c2 -->
1193<script src="https://cdn.shopify.com/extensions/01a0f89b-d3f4-7fbc-a0d8-5474ae165888/reforestation-app-16/assets/script.js" defer></script>
1193
1194<!-- END app block -->
1194<script src="https://cdn.shopify.com/extensions/019d45d2-6a70-7eed-8da1-d1e8fd0fae86/fulfillment-fee-app-100/assets/fulfillment-fee-manager.js" type="text/javascript" defer="defer"></script>
1194
1195<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1196<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: 7054289,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 1196
1196
1197<script>
1198  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1199</script>
vendor: 1 bytes, line 1199
1199
1200<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}
1200).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: 7054289,storefrontBaseUrl: "https://printroom.co",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://printroom.co/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2246574150","configuration":"{\"accountID\":\"SWPcHh\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2207776838","configuration":"{\"tagID\":\"2612346888626\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1200,{"id":"1975877702","configuration":"{\"mailchimp_store_id\":\"store_sgk5l8njdgd17w61safe\", \"mailchimp_user_id\":\"33995925\",\"mailchimp_list_id\":\"ef9b0a5c04\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"462651462","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7N7TTE08E9\\\",\\\"GT-KD7KB7H4\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7N7TTE08E9\\\",\\\"MC-1HQ5JHVSZ0\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7N7TTE08E9\\\",\\\"MC-1HQ5JHVSZ0\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7N7TTE08E9\\\",\\\"MC-1HQ5JHVSZ0\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-7N7TTE08E9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"171573318","configuration":"{\"pixel_id\":\"1516354578649796\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"The Print Room","paymentSettings":{"currencyCode":"NZD"},"myshopifyDomain":"the-print-room.myshopify.com","countryCode":"NZ","storefrontUrl":"https:\/\/printroom.co"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4166829736006","handle":"stencil-hood","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500308959302","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8274958123078","handle":"surf-cap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500227629126","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8274971885638","handle":"weekend-tote-bag","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46076560605254","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8310098493510","handle":"milk-mug","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44797553672262","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7832314249286","handle":"heavy-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500307976262","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8274999083078","handle":"custom-business-sock","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44707158786118","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8394549297222","handle":"utility-tote-bag-16oz-colour","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45031957561414","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8275027722310","handle":"wo-s-maple-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500294475846","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7707046903878","handle":"organic-cotton-tea-towel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42193539858502","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301693435974","handle":"albany-hemp-cap-6-panel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44759244537926","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8275548700742","handle":"wo-s-heavy-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500298375238","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8285033693254","handle":"enamel-pin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44732082454598","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8284135653446","handle":"clyde-dad-cap-6-panel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44726619471942","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8347273330758","handle":"nalgene-sustain-wide-mouth-1l-bottle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44900005609542","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4166835667014","handle":"staple-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500302045254","
1200image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8293215174726","handle":"crew-sock","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44741140348998","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7860480704582","handle":"relax-hood","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500310466630","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7866819838022","handle":"everyday-tote","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43215492972614","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8283553136710","handle":"wos-relax-crew","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500298833990","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4166829834310","handle":"bucket-hat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500006969414","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8275582550086","handle":"relax-crew","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500309942342","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8284139126854","handle":"cable-beanie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500229431366","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8313167118406","handle":"stubby-cooler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44804677664838","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301685178438","handle":"finn-five-panel-cap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500226547782","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301754548294","handle":"carrie-tote","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500225040454","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301760184390","handle":"cuff-beanie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500226809926","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8302027276358","handle":"8oz-project-pargo-cup","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44764106653766","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301998342214","handle":"allegro-notebook","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500320821318","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8302030618694","handle":"12oz-project-pargo-sports-bottle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44764157313094","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8302005846086","handle":"moleskin-cahier-journal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500323246150","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7832412979270","handle":"classic-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500305027142","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301986119750","handle":"recycled-stainless-steel-pen","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50500320198726","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://printroom.co/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"151830298694","themePublished":"true","eventMetadataId":"9d6d8a54-5428-423a-a8d6-c29c6672754a","pageType":"collection","resourceId":"291733831750","shopId":"7054289","storefrontBaseUrl":"https:\/\/printroom.co","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\":\"291733831750\",\"t
1200itle\":\"Product library\",\"productVariants\":[{\"price\":{\"amount\":31.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Stencil Hood\",\"vendor\":\"AS Colour\",\"id\":\"4166829736006\",\"untranslatedTitle\":\"Stencil Hood\",\"url\":\"\/products\/stencil-hood\",\"type\":\"Sweatshirt\"},\"id\":\"50500308959302\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/5102_STENCIL_HOOD_ARMY__99147.1783375141.1280.1280.jpg?v=1790634809\"},\"sku\":\"5102\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":13.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Surf Cap\",\"vendor\":\"AS Colour\",\"id\":\"8274958123078\",\"untranslatedTitle\":\"Surf Cap\",\"url\":\"\/products\/surf-cap\",\"type\":\"Headwear\"},\"id\":\"50500227629126\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1114_SURF_CAP_ARMY__31359.1758751626.1280.1280.jpg?v=1790569693\"},\"sku\":\"1114\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":11.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Weekend Tote Bag\",\"vendor\":\"Print Room\",\"id\":\"8274971885638\",\"untranslatedTitle\":\"Weekend Tote Bag\",\"url\":\"\/products\/weekend-tote-bag\",\"type\":\"Bag\"},\"id\":\"46076560605254\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_2.jpg?v=1772657691\"},\"sku\":\"PRTBWE\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"},{\"price\":{\"amount\":13.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Milk Mug\",\"vendor\":\"Made to order\",\"id\":\"8310098493510\",\"untranslatedTitle\":\"Milk Mug\",\"url\":\"\/products\/milk-mug\",\"type\":\"Drinkware\"},\"id\":\"44797553672262\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/mto_milk_mug_scroggin.jpg?v=1785739796\"},\"sku\":\"MTO250MM\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Heavy Tee\",\"vendor\":\"AS Colour\",\"id\":\"7832314249286\",\"untranslatedTitle\":\"Heavy Tee\",\"url\":\"\/products\/heavy-tee\",\"type\":\"T-shirt\"},\"id\":\"50500307976262\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/5080_HEAVY_TEE_BLACK__83311.1784753478.1280.1280_7d7c44bc-e0d3-4e0a-b4ad-6c63f85eb4de.jpg?v=1790746317\"},\"sku\":\"5080\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"},{\"price\":{\"amount\":10.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Business Sock\",\"vendor\":\"Made to order\",\"id\":\"8274999083078\",\"untranslatedTitle\":\"Business Sock\",\"url\":\"\/products\/custom-business-sock\",\"type\":\"Socks\"},\"id\":\"44707158786118\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077\"},\"sku\":\"MTOBS24\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":13.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Utility Tote Bag 16oz Colour\",\"vendor\":\"Made to order\",\"id\":\"8394549297222\",\"untranslatedTitle\":\"Utility Tote Bag 16oz Colour\",\"url\":\"\/products\/utility-tote-bag-16oz-colour\",\"type\":\"Bag\"},\"id\":\"45031957561414\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170\"},\"sku\":\"MTOUT16C\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wo's Maple Tee\",\"vendor\":\"AS Colour\",\"id\":\"8275027722310\",\"untranslatedTitle\":\"Wo's Maple Tee\",\"url\":\"\/products\/wo-s-maple-tee\",\"type\":\"T-shirt\"},\"id\":\"50500294475846\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/4001_MAPLE_TEE_ARMY__42868.1770851430.1280.1280.jpg?v=1790562988\"},\"sku\":\"4001\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Organic Cotton Tea Towel\",\"vendor\":\"Print Room\",\"id\":\"7707046903878\",\"untranslatedTitle\":\"Organic Cotton Tea Towel\",\"url\":\"\/products\/organic-cotton-tea-towel\",\"type\":\"Tea towel\"},\"id\":\"42193539858502\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232\"},\"sku\":\"PPTT\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":14.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Albany Hemp Cap (6 panel)\",\"vendor\":\"Made to order\",\"id\":\"8301693435974\",\"untranslatedTitle\":\"Albany Hemp Cap (6 panel)\",\"url\":\"\/products\/albany-hemp-cap-6-panel\",\"type\":\"Headwear\"},\"id\":\"44759244537926\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709\"}
1200,\"sku\":\"MTOA6PDCH\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":19.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wo's Heavy Tee\",\"vendor\":\"AS Colour\",\"id\":\"8275548700742\",\"untranslatedTitle\":\"Wo's Heavy Tee\",\"url\":\"\/products\/wo-s-heavy-tee\",\"type\":\"T-shirt\"},\"id\":\"50500298375238\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/4080_WOS_HEAVY_TEE_BUBBLEGUM__87605.1779330914.1280.1280.jpg?v=1790562332\"},\"sku\":\"4080\",\"title\":\"Bubblegum\",\"untranslatedTitle\":\"Bubblegum\"},{\"price\":{\"amount\":3.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Enamel Pin\",\"vendor\":\"Made to order\",\"id\":\"8285033693254\",\"untranslatedTitle\":\"Enamel Pin\",\"url\":\"\/products\/enamel-pin\",\"type\":\"Accessories\"},\"id\":\"44732082454598\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/autohive_enamel_pin.jpg?v=1773277138\"},\"sku\":\"MTOEP30\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":14.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Clyde Dad Cap (6 panel)\",\"vendor\":\"Made to order\",\"id\":\"8284135653446\",\"untranslatedTitle\":\"Clyde Dad Cap (6 panel)\",\"url\":\"\/products\/clyde-dad-cap-6-panel\",\"type\":\"Headwear\"},\"id\":\"44726619471942\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005\"},\"sku\":\"MTOC6PDCC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":19.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Nalgene Sustain Wide Mouth 1L Bottle\",\"vendor\":\"Nalgene\",\"id\":\"8347273330758\",\"untranslatedTitle\":\"Nalgene Sustain Wide Mouth 1L Bottle\",\"url\":\"\/products\/nalgene-sustain-wide-mouth-1l-bottle\",\"type\":\"Drinkware\"},\"id\":\"44900005609542\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481\"},\"sku\":\"NBW1L\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Staple Tee\",\"vendor\":\"AS Colour\",\"id\":\"4166835667014\",\"untranslatedTitle\":\"Staple Tee\",\"url\":\"\/products\/staple-tee\",\"type\":\"T-shirt\"},\"id\":\"50500302045254\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/5001_STAPLE_TEE_ARCTIC_BLUE__69568.1750652455.1280.1280.jpg?v=1790562357\"},\"sku\":\"5001\",\"title\":\"Arctic blue\",\"untranslatedTitle\":\"Arctic blue\"},{\"price\":{\"amount\":9.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Crew Sock\",\"vendor\":\"Made to order\",\"id\":\"8293215174726\",\"untranslatedTitle\":\"Crew Sock\",\"url\":\"\/products\/crew-sock\",\"type\":\"Socks\"},\"id\":\"44741140348998\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431\"},\"sku\":\"MTOCS24\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":29.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Relax hood\",\"vendor\":\"AS Colour\",\"id\":\"7860480704582\",\"untranslatedTitle\":\"Relax hood\",\"url\":\"\/products\/relax-hood\",\"type\":\"Sweatshirt\"},\"id\":\"50500310466630\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_d5ad5eb5-d214-4e3b-9ac6-174631852ca2_slot_2.jpg?v=1772588266\"},\"sku\":\"5161\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"},{\"price\":{\"amount\":9.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Everyday Tote\",\"vendor\":\"Print Room\",\"id\":\"7866819838022\",\"untranslatedTitle\":\"Everyday Tote\",\"url\":\"\/products\/everyday-tote\",\"type\":\"Bag\"},\"id\":\"43215492972614\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088\"},\"sku\":\"PRTBED\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":25.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wo's Relax Crew\",\"vendor\":\"AS Colour\",\"id\":\"8283553136710\",\"untranslatedTitle\":\"Wo's Relax Crew\",\"url\":\"\/products\/wos-relax-crew\",\"type\":\"Sweatshirt\"},\"id\":\"50500298833990\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/4160_WOS_RELAX_CREW_BLACK__92029.1785300502.1280.1280.jpg?v=1790569761\"},\"sku\":\"4160\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"},{\"price\":{\"amount\":11.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bucket Hat\",\"vendor\":\"AS Colour\",\"id\":\"4166829834310\",\"untranslatedTitle\":\"Bucket Hat\",\"url\":\"\/products\/bucket-hat\",\"type\":\"Headwear\"}
1200,\"id\":\"50500006969414\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1117_BUCKET_HAT_ARMY__35865.1754350047.1280.1280.jpg?v=1790556631\"},\"sku\":\"1117\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":25.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Relax Crew\",\"vendor\":\"AS Colour\",\"id\":\"8275582550086\",\"untranslatedTitle\":\"Relax Crew\",\"url\":\"\/products\/relax-crew\",\"type\":\"Sweatshirt\"},\"id\":\"50500309942342\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/5160_RELAX_CREW_BLACK__83308.1653595566.1280.1280.jpg?v=1790569723\"},\"sku\":\"5160\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"},{\"price\":{\"amount\":13.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cable Beanie\",\"vendor\":\"AS Colour\",\"id\":\"8284139126854\",\"untranslatedTitle\":\"Cable Beanie\",\"url\":\"\/products\/cable-beanie\",\"type\":\"Headwear\"},\"id\":\"50500229431366\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1120_CABLE_BEANIE_ARMY__04662.1751586020.1280.1280.jpg?v=1790634826\"},\"sku\":\"1120\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":3.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Stubby Cooler\",\"vendor\":\"Made to order\",\"id\":\"8313167118406\",\"untranslatedTitle\":\"Stubby Cooler\",\"url\":\"\/products\/stubby-cooler\",\"type\":\"Accessories\"},\"id\":\"44804677664838\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864\"},\"sku\":\"MTOSC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":9.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Finn Five Panel Cap\",\"vendor\":\"AS Colour\",\"id\":\"8301685178438\",\"untranslatedTitle\":\"Finn Five Panel Cap\",\"url\":\"\/products\/finn-five-panel-cap\",\"type\":\"Headwear\"},\"id\":\"50500226547782\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1103_FINN_FIVE_PANEL_CAP_ARMY__91934.1749690406.1280.1280.jpg?v=1790656515\"},\"sku\":\"1103\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":10.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Carrie Tote\",\"vendor\":\"AS Colour\",\"id\":\"8301754548294\",\"untranslatedTitle\":\"Carrie Tote\",\"url\":\"\/products\/carrie-tote\",\"type\":\"Bag\"},\"id\":\"50500225040454\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1001_CARRIE_TOTE_ARMY__17094.1751581972.1280.1280.jpg?v=1790563618\"},\"sku\":\"1001\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":13.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cuff Beanie\",\"vendor\":\"AS Colour\",\"id\":\"8301760184390\",\"untranslatedTitle\":\"Cuff Beanie\",\"url\":\"\/products\/cuff-beanie\",\"type\":\"Headwear\"},\"id\":\"50500226809926\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/1107_CUFF_BEANIE_ARMY__39601.1754259284.1280.1280.jpg?v=1790563625\"},\"sku\":\"1107\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":19.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"8oz Project Pargo Cup\",\"vendor\":\"Project Pargo\",\"id\":\"8302027276358\",\"untranslatedTitle\":\"8oz Project Pargo Cup\",\"url\":\"\/products\/8oz-project-pargo-cup\",\"type\":\"Drinkware\"},\"id\":\"44764106653766\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548\"},\"sku\":\"PP8OZ\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Allegro Notebook\",\"vendor\":\"Trends NZ\",\"id\":\"8301998342214\",\"untranslatedTitle\":\"Allegro Notebook\",\"url\":\"\/products\/allegro-notebook\",\"type\":\"Stationery\"},\"id\":\"50500320821318\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/108400-2.jpg?v=1774384948\"},\"sku\":\"108400\",\"title\":\"Navy\",\"untranslatedTitle\":\"Navy\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"12oz Project Pargo Sports Bottle\",\"vendor\":\"Project Pargo\",\"id\":\"8302030618694\",\"untranslatedTitle\":\"12oz Project Pargo Sports Bottle\",\"url\":\"\/products\/12oz-project-pargo-sports-bottle\",\"type\":\"Drinkware\"},\"id\":\"44764157313094\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151\"},\"sku\":\"PP12OZSB\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Moleskin Cahier Journal\",\"vendor\":\"Trends NZ\",\"id\":\"8302005846086\",\"untranslatedTitle\":\"Moleskin Cahier Journal\",\"url\":\"\/products\/moleskin-cahier-journal\",\"type\":\"Stationery\"},\"id\":\"50500323246150\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/118899-1.jpg?v=1774384687\"},\"sku\":\"118899\",\"title\":\"Kraft\",\"untranslatedTitle\":\"Kraft\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Tee\",\"vendor\":\"AS Colour\",\"id\":\"7832412979270\",\"untranslatedTitle\":\"Classic Tee\",\"url\":\"\/products\/classic-tee\",\"type\":\"T-shirt\"},\"id\":\"50500305027142\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/5026_CLASSIC_TEE_ARMY__74150.1785274523.1280.1280.jpg?v=1790632748\"},\"sku\":\"5026\",\"title\":\"Army\",\"untranslatedTitle\":\"Army\"},{\"price\":{\"amount\":2.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Recycled Stainless Steel Pen\",\"vendor\":\"Trends NZ\",\"id\":\"8301986119750\",\"untranslatedTitle\":\"Recycled Stainless Steel Pen\",\"url\":\"\/products\/recycled-stainless-steel-pen\",\"type\":\"Stationery\"},\"id\":\"50500320198726\",\"image\":{\"src\":\"\/\/printroom.co\/cdn\/shop\/files\/106160-2_a70122cb-3380-4599-9b47-2acdd9067643.jpg?v=1774422646\"},\"sku\":\"106160\",\"title\":\"Silver\",\"untranslatedTitle\":\"Silver\"}]}}]]"});})();</script>
1200<script>
1201  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1202  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1203  window.ShopifyAnalytics.meta.currency = 'USD';
1204  var meta = {"products":[{"id":4166829736006,"gid":"gid:\/\/shopify\/Product\/4166829736006","vendor":"AS Colour","type":"Sweatshirt","handle":"stencil-hood","variants":[{"id":50500308959302,"price":3100,"name":"Stencil Hood - Army","public_title":"Army","sku":"5102"},{"id":50500308992070,"price":3100,"name":"Stencil Hood - Asphalt marle","public_title":"Asphalt marle","sku":"5102"},{"id":50500309024838,"price":3100,"name":"Stencil Hood - Black","public_title":"Black","sku":"5102"},{"id":50500309057606,"price":3100,"name":"Stencil Hood - Bone","public_title":"Bone","sku":"5102"},{"id":50500309090374,"price":3100,"name":"Stencil Hood - Burgundy","public_title":"Burgundy","sku":"5102"},{"id":50500309123142,"price":3100,"name":"Stencil Hood - Camel","public_title":"Camel","sku":"5102"},{"id":50500309155910,"price":3100,"name":"Stencil Hood - Coal","public_title":"Coal","sku":"5102"},{"id":50500309188678,"price":3100,"name":"Stencil Hood - Cobalt","public_title":"Cobalt","sku":"5102"},{"id":50500309221446,"price":3100,"name":"Stencil Hood - Ecru","public_title":"Ecru","sku":"5102"},{"id":50500309254214,"price":3100,"name":"Stencil Hood - Grey marle","public_title":"Grey marle","sku":"5102"},{"id":50500309286982,"price":3100,"name":"Stencil Hood - Navy","public_title":"Navy","sku":"5102"},{"id":50500309319750,"price":3100,"name":"Stencil Hood - Petrol blue","public_title":"Petrol blue","sku":"5102"},{"id":50500309352518,"price":3100,"name":"Stencil Hood - Pine green","public_title":"Pine green","sku":"5102"},{"id":50500309418054,"price":3100,"name":"Stencil Hood - Walnut","public_title":"Walnut","sku":"5102"},{"id":50500309450822,"price":3100,"name":"Stencil Hood - White marle","public_title":"White marle","sku":"5102"},{"id":50500309483590,"price":3100,"name":"Stencil Hood - White","public_title":"White","sku":"5102"}],"remote":false},{"id":8274958123078,"gid":"gid:\/\/shopify\/Product\/8274958123078","vendor":"AS Colour","type":"Headwear","handle":"surf-cap","variants":[{"id":50500227629126,"price":1300,"name":"Surf Cap - Army","public_title":"Army","sku":"1114"},{"id":50500227661894,"price":1300,"name":"Surf Cap - Atlantic","public_title":"Atlantic","sku":"1114"},{"id":50500227694662,"price":1300,"name":"Surf Cap - Bubblegum","public_title":"Bubblegum","sku":"1114"},{"id":50500227727430,"price":1300,"name":"Surf Cap - Black","public_title":"Black","sku":"1114"},{"id":50500227760198,"price":1300,"name":"Surf Cap - Bone","public_title":"Bone","sku":"1114"},{"id":50500227792966,"price":1300,"name":"Surf Cap - Bright royal","public_title":"Bright royal","sku":"1114"},{"id":50500227825734,"price":1300,"name":"Surf Cap - Burgundy","public_title":"Burgundy","sku":"1114"},{"id":50500227858502,"price":1300,"name":"Surf Cap - Butter","public_title":"Butter","sku":"1114"},{"id":50500227891270,"price":1300,"name":"Surf Cap - Camel","public_title":"Camel","sku":"1114"},{"id":50500227924038,"price":1300,"name":"Surf Cap - Carolina blue","public_title":"Carolina blue","sku":"1114"},{"id":50500227956806,"price":1300,"name":"Surf Cap - Charity pink","public_title":"Charity pink","sku":"1114"},{"id":50500227989574,"price":1300,"name":"Surf Cap - Chestnut","public_title":"Chestnut","sku":"1114"},{"id":50500228022342,"price":1300,"name":"Surf Cap - Citrus","public_title":"Citrus","sku":"1114"},{"id":50500228055110,"price":1300,"name":"Surf Cap - Cypress","public_title":"Cypress","sku":"1114"},{"id":50500228087878,"price":1300,"name":"Surf Cap - Ecru","public_title":"Ecru","sku":"1114"},{"id":50500228120646,"price":1300,"name":"Surf Cap - Eucalyptus","public_title":"Eucalyptus","sku":"1114"},{"id":50500228153414,"price":1300,"name":"Surf Cap - Fire","public_title":"Fire","sku":"1114"},{"id":50500228186182,"price":1300,"name":"Surf Cap - Forest green","public_title":"Forest green","sku":"1114"},{"id":50500228218950,"price":1300,"name":"Surf Cap - Grape","public_title":"Grape","sku":"1114"},{"id":50500228251718,"price":1300,"name":"Surf Cap - Hazy pink","public_title":"Hazy pink","sku":"1114"},{"id":50500228284486,"price":1300,"name":"Surf Cap - Hydro","public_title":"Hydro","sku":"1114"},{"id":50500228317254,"price":1300,"name":"Surf Cap - Khaki","public_title":"Khaki","sku":"1114"},{"id":50500228350022,"price":1300,"name":"Surf Cap - Lapis","public_title":"Lapis","sku":"1114"},{"id":50500228382790,"price":1300,"name":"Surf Cap - Lime","public_title":"Lime","sku":"1114"},{"id":50500228415558,"price":1300,"name":"Surf Cap - Midnight blue","public_title":"Midnight blue","sku":"1114"},{"id":50500228448326,"price":1300,"name":"Surf Cap - Mineral","public_title":"Mineral","sku":"1114"},{"id":50500228481094,"price":1300,"name":"Surf Cap - Mint","public_title":"Mint","sku":"1114"},{"id":50500228513862,"price":1300,"name":"Surf Cap - Mushroom","public_title":"Mushroom","sku":"1114"},{"id":50500228546630,"price":1300,"name":"Surf Cap - Mustard","public_title":"Mustard","sku":"1114"},{"id":50500228579398,"price":1300,"name":"Surf Cap - Navy","public_title":"Navy","sku":"1114"},{"id":50500228612166,"price":1300,"name":"Surf Cap - Orchid","public_title":"Orchid","sku":"1114"},{"id":50500228644934,"price":1300,"name":"Surf Cap - Petrol blue","public_title":"Petrol blue","sku":"1114"},{"id":50500228677702,"price":1300,"name":"Surf Cap - Pine green","public_title":"Pine green","sku":"1114"},{"id":50500228710470,"price":1300,"name":"Surf Cap - Powder","public_title":"Powder","sku":"1114"},{"id":50500228743238,"price":1300,"name":"Surf Cap - Red","public_title":"Red","sku":"1114"},{"id":50500228776006,"price":1300,"name":"Surf Cap - Sage","public_title":"Sage","sku":"1114"},{"id":50500228808774,"price":1300,"name":"Surf Cap - Smoke","public_title":"Smoke","sku":"1114"},{"id":50500228841542,"price":1300,"name":"Surf Cap - Sunset","public_title":"Sunset","sku":"1114"},{"id":50500228874310,"price":1300,"name":"Surf Cap - Storm","public_title":"Storm","sku":"1114"},{"id":50500228907078,"price":1300,"name":"Surf Cap - Taupe","public_title":"Taupe","sku":"1114"},{"id":50500228939846,"price":1300,"name":"Surf Cap - Violet","public_title":"Violet","sku":"1114"},{"id":50500228972614,"price":1300,"name":"Surf Cap - Walnut","public_title":"Walnut","sku":"1114"},{"id":50500229005382,"price":1300,"name":"Surf Cap - White","public_title":"White","sku":"1114"}],"remote":false},{"id":8274971885638,"gid":"gid:\/\/shopify\/Product\/8274971885638","vendor":"Print Room","type":"Bag","handle":"weekend-tote-bag","variants":[{"id":46076560605254,"price":1100,"name":"Weekend Tote Bag - Black","public_title":"Black","sku":"PRTBWE"},{"id":46076560638022,"price":1100,"name":"Weekend Tote Bag - White","public_title":"White","sku":"PRTBWE-2"},{"id":46076560670790,"price":1100,"name":"Weekend Tote Bag - Natural","public_title":"Natural","sku":"PRTBWE-3"},{"id":46076560703558,"price":1100,"name":"Weekend Tote Bag - Navy","public_title":"Navy","sku":"PRTBWE-4"},{"id":46076560736326,"price":1100,"name":"Weekend Tote Bag - Dar
1204k Olive","public_title":"Dark Olive","sku":"PRTBWE-5"}],"remote":false},{"id":8310098493510,"gid":"gid:\/\/shopify\/Product\/8310098493510","vendor":"Made to order","type":"Drinkware","handle":"milk-mug","variants":[{"id":44797553672262,"price":1300,"name":"Milk Mug","public_title":null,"sku":"MTO250MM"}],"remote":false},{"id":7832314249286,"gid":"gid:\/\/shopify\/Product\/7832314249286","vendor":"AS Colour","type":"T-shirt","handle":"heavy-tee","variants":[{"id":50500307976262,"price":1600,"name":"Heavy Tee - Black","public_title":"Black","sku":"5080"},{"id":50500308009030,"price":1600,"name":"Heavy Tee - Butter","public_title":"Butter","sku":"5080"},{"id":50500308074566,"price":1600,"name":"Heavy Tee - Cypress","public_title":"Cypress","sku":"5080"},{"id":50500308107334,"price":1600,"name":"Heavy Tee - Ecru","public_title":"Ecru","sku":"5080"},{"id":50500308140102,"price":1600,"name":"Heavy Tee - Grey marle","public_title":"Grey marle","sku":"5080"},{"id":50500308172870,"price":1600,"name":"Heavy Tee - Midnight blue","public_title":"Midnight blue","sku":"5080"},{"id":50500308205638,"price":1600,"name":"Heavy Tee - Navy","public_title":"Navy","sku":"5080"},{"id":50500308238406,"price":1600,"name":"Heavy Tee - Orchid","public_title":"Orchid","sku":"5080"},{"id":50500308271174,"price":1600,"name":"Heavy Tee - Pine green","public_title":"Pine green","sku":"5080"},{"id":50500308303942,"price":1600,"name":"Heavy Tee - Pistachio","public_title":"Pistachio","sku":"5080"},{"id":50500308336710,"price":1600,"name":"Heavy Tee - Red","public_title":"Red","sku":"5080"},{"id":50500308369478,"price":1600,"name":"Heavy Tee - Walnut","public_title":"Walnut","sku":"5080"},{"id":50500308402246,"price":1600,"name":"Heavy Tee - White","public_title":"White","sku":"5080"}],"remote":false},{"id":8274999083078,"gid":"gid:\/\/shopify\/Product\/8274999083078","vendor":"Made to order","type":"Socks","handle":"custom-business-sock","variants":[{"id":44707158786118,"price":1000,"name":"Business Sock","public_title":null,"sku":"MTOBS24"}],"remote":false},{"id":8394549297222,"gid":"gid:\/\/shopify\/Product\/8394549297222","vendor":"Made to order","type":"Bag","handle":"utility-tote-bag-16oz-colour","variants":[{"id":45031957561414,"price":1300,"name":"Utility Tote Bag 16oz Colour","public_title":null,"sku":"MTOUT16C"}],"remote":false},{"id":8275027722310,"gid":"gid:\/\/shopify\/Product\/8275027722310","vendor":"AS Colour","type":"T-shirt","handle":"wo-s-maple-tee","variants":[{"id":50500294475846,"price":1200,"name":"Wo's Maple Tee - Army","public_title":"Army","sku":"4001"},{"id":50500294508614,"price":1200,"name":"Wo's Maple Tee - Atlantic","public_title":"Atlantic","sku":"4001"},{"id":50500294541382,"price":1200,"name":"Wo's Maple Tee - Autumn","public_title":"Autumn","sku":"4001"},{"id":50500294574150,"price":1200,"name":"Wo's Maple Tee - Bubblegum","public_title":"Bubblegum","sku":"4001"},{"id":50500294606918,"price":1200,"name":"Wo's Maple Tee - Berry","public_title":"Berry","sku":"4001"},{"id":50500294639686,"price":1200,"name":"Wo's Maple Tee - Black","public_title":"Black","sku":"4001"},{"id":50500294672454,"price":1200,"name":"Wo's Maple Tee - Bone","public_title":"Bone","sku":"4001"},{"id":50500294705222,"price":1200,"name":"Wo's Maple Tee - Bright royal","public_title":"Bright royal","sku":"4001"},{"id":50500294737990,"price":1200,"name":"Wo's Maple Tee - Burgundy","public_title":"Burgundy","sku":"4001"},{"id":50500294770758,"price":1200,"name":"Wo's Maple Tee - Butter","public_title":"Butter","sku":"4001"},{"id":50500294803526,"price":1200,"name":"Wo's Maple Tee - Camel","public_title":"Camel","sku":"4001"},{"id":50500294836294,"price":1200,"name":"Wo's Maple Tee - Carolina blue","public_title":"Carolina blue","sku":"4001"},{"id":50500294869062,"price":1200,"name":"Wo's Maple Tee - Cardinal","public_title":"Cardinal","sku":"4001"},{"id":50500294901830,"price":1200,"name":"Wo's Maple Tee - Charity pink","public_title":"Charity pink","sku":"4001"},{"id":50500294934598,"price":1200,"name":"Wo's Maple Tee - Chestnut","public_title":"Chestnut","sku":"4001"},{"id":50500294967366,"price":1200,"name":"Wo's Maple Tee - Clay","public_title":"Clay","sku":"4001"},{"id":50500295000134,"price":1200,"name":"Wo's Maple Tee - Coal","public_title":"Coal","sku":"4001"},{"id":50500295032902,"price":1200,"name":"Wo's Maple Tee - Cobalt","public_title":"Cobalt","sku":"4001"},{"id":50500295065670,"price":1200,"name":"Wo's Maple Tee - Copper","public_title":"Copper","sku":"4001"},{"id":50500295098438,"price":1200,"name":"Wo's Maple Tee - Ecru","public_title":"Ecru","sku":"4001"},{"id":50500295131206,"price":1200,"name":"Wo's Maple Tee - Eucalyptus","public_title":"Eucalyptus","sku":"4001"},{"id":50500295163974,"price":1200,"name":"Wo's Maple Tee - Fire","public_title":"Fire","sku":"4001"},{"id":50500295196742,"price":1200,"name":"Wo's Maple Tee - Forest green","public_title":"Forest green","sku":"4001"},{"id":50500295229510,"price":1200,"name":"Wo's Maple Tee - Grey marle","public_title":"Grey marle","sku":"4001"},{"id":50500295262278,"price":1200,"name":"Wo's Maple Tee - Hydro","public_title":"Hydro","sku":"4001"},{"id":50500295295046,"price":1200,"name":"Wo's Maple Tee - Jade","public_title":"Jade","sku":"4001"},{"id":50500295327814,"price":1200,"name":"Wo's Maple Tee - Lime","public_title":"Lime","sku":"4001"},{"id":50500295360582,"price":1200,"name":"Wo's Maple Tee - Mauve","public_title":"Mauve","sku":"4001"},{"id":50500295393350,"price":1200,"name":"Wo's Maple Tee - Midnight blue","public_title":"Midnight blue","sku":"4001"},{"id":50500295426118,"price":1200,"name":"Wo's Maple Tee - Mineral","public_title":"Mineral","sku":"4001"},{"id":50500295458886,"price":1200,"name":"Wo's Maple Tee - Mushroom","public_title":"Mushroom","sku":"4001"},{"id":50500295491654,"price":1200,"name":"Wo's Maple Tee - Mustard","public_title":"Mustard","sku":"4001"},{"id":50500295524422,"price":1200,"name":"Wo's Maple Tee - Natural","public_title":"Natural","sku":"4001"},{"id":50500295557190,"price":1200,"name":"Wo's Maple Tee - Navy","public_title":"Navy","sku":"4001"},{"id":50500295589958,"price":1200,"name":"Wo's Maple Tee - Orange","public_title":"Orange","sku":"4001"},{"id":50500295622726,"price":1200,"name":"Wo's Maple Tee - Orchid","public_title":"Orchid","sku":"4001"},{"id":50500295655494,"price":1200,"name":"Wo's Maple Tee - Pale blue","public_title":"Pale blue","sku":"4001"},{"id":50500295688262,"price":1200,"name":"Wo's Maple Tee - Pale pink","public_title":"Pale pink","
1204sku":"4001"},{"id":50500295721030,"price":1200,"name":"Wo's Maple Tee - Petrol blue","public_title":"Petrol blue","sku":"4001"},{"id":50500295753798,"price":1200,"name":"Wo's Maple Tee - Pine green","public_title":"Pine green","sku":"4001"},{"id":50500295786566,"price":1200,"name":"Wo's Maple Tee - Pink","public_title":"Pink","sku":"4001"},{"id":50500295819334,"price":1200,"name":"Wo's Maple Tee - Pistachio","public_title":"Pistachio","sku":"4001"},{"id":50500295852102,"price":1200,"name":"Wo's Maple Tee - Powder","public_title":"Powder","sku":"4001"},{"id":50500295884870,"price":1200,"name":"Wo's Maple Tee - Purple","public_title":"Purple","sku":"4001"},{"id":50500295917638,"price":1200,"name":"Wo's Maple Tee - Red","public_title":"Red","sku":"4001"},{"id":50500295950406,"price":1200,"name":"Wo's Maple Tee - Sage","public_title":"Sage","sku":"4001"},{"id":50500295983174,"price":1200,"name":"Wo's Maple Tee - Sand","public_title":"Sand","sku":"4001"},{"id":50500296015942,"price":1200,"name":"Wo's Maple Tee - Seafoam","public_title":"Seafoam","sku":"4001"},{"id":50500296048710,"price":1200,"name":"Wo's Maple Tee - Walnut","public_title":"Walnut","sku":"4001"},{"id":50500296081478,"price":1200,"name":"Wo's Maple Tee - White","public_title":"White","sku":"4001"},{"id":50500296114246,"price":1200,"name":"Wo's Maple Tee - Yellow","public_title":"Yellow","sku":"4001"}],"remote":false},{"id":7707046903878,"gid":"gid:\/\/shopify\/Product\/7707046903878","vendor":"Print Room","type":"Tea towel","handle":"organic-cotton-tea-towel","variants":[{"id":42193539858502,"price":600,"name":"Organic Cotton Tea Towel","public_title":null,"sku":"PPTT"}],"remote":false},{"id":8301693435974,"gid":"gid:\/\/shopify\/Product\/8301693435974","vendor":"Made to order","type":"Headwear","handle":"albany-hemp-cap-6-panel","variants":[{"id":44759244537926,"price":1400,"name":"Albany Hemp Cap (6 panel)","public_title":null,"sku":"MTOA6PDCH"}],"remote":false},{"id":8275548700742,"gid":"gid:\/\/shopify\/Product\/8275548700742","vendor":"AS Colour","type":"T-shirt","handle":"wo-s-heavy-tee","variants":[{"id":50500298375238,"price":1900,"name":"Wo's Heavy Tee - Bubblegum","public_title":"Bubblegum","sku":"4080"},{"id":50500298408006,"price":1900,"name":"Wo's Heavy Tee - Black","public_title":"Black","sku":"4080"},{"id":50500298440774,"price":1900,"name":"Wo's Heavy Tee - Butter","public_title":"Butter","sku":"4080"},{"id":50500298473542,"price":1900,"name":"Wo's Heavy Tee - Ecru","public_title":"Ecru","sku":"4080"},{"id":50500298506310,"price":1900,"name":"Wo's Heavy Tee - Orchid","public_title":"Orchid","sku":"4080"},{"id":50500298539078,"price":1900,"name":"Wo's Heavy Tee - Plum","public_title":"Plum","sku":"4080"},{"id":50500298571846,"price":1900,"name":"Wo's Heavy Tee - White","public_title":"White","sku":"4080"}],"remote":false},{"id":8285033693254,"gid":"gid:\/\/shopify\/Product\/8285033693254","vendor":"Made to order","type":"Accessories","handle":"enamel-pin","variants":[{"id":44732082454598,"price":300,"name":"Enamel Pin","public_title":null,"sku":"MTOEP30"}],"remote":false},{"id":8284135653446,"gid":"gid:\/\/shopify\/Product\/8284135653446","vendor":"Made to order","type":"Headwear","handle":"clyde-dad-cap-6-panel","variants":[{"id":44726619471942,"price":1400,"name":"Clyde Dad Cap (6 panel)","public_title":null,"sku":"MTOC6PDCC"}],"remote":false},{"id":8347273330758,"gid":"gid:\/\/shopify\/Product\/8347273330758","vendor":"Nalgene","type":"Drinkware","handle":"nalgene-sustain-wide-mouth-1l-bottle","variants":[{"id":44900005609542,"price":1900,"name":"Nalgene Sustain Wide Mouth 1L Bottle","public_title":null,"sku":"NBW1L"}],"remote":false},{"id":4166835667014,"gid":"gid:\/\/shopify\/Product\/4166835667014","vendor":"AS Colour","type":"T-shirt","handle":"staple-tee","variants":[{"id":50500302045254,"price":1200,"name":"Staple Tee - Arctic blue","public_title":"Arctic blue","sku":"5001"},{"id":50500302078022,"price":1200,"name":"Staple Tee - Army","public_title":"Army","sku":"5001"},{"id":50500302110790,"price":1200,"name":"Staple Tee - Atlantic","public_title":"Atlantic","sku":"5001"},{"id":50500302143558,"price":1200,"name":"Staple Tee - Autumn","public_title":"Autumn","sku":"5001"},{"id":50500302176326,"price":1200,"name":"Staple Tee - Bubblegum","public_title":"Bubblegum","sku":"5001"},{"id":50500302209094,"price":1200,"name":"Staple Tee - Berry","public_title":"Berry","sku":"5001"},{"id":50500302241862,"price":1200,"name":"Staple Tee - Black","public_title":"Black","sku":"5001"},{"id":50500302274630,"price":1200,"name":"Staple Tee - Bone","public_title":"Bone","sku":"5001"},{"id":50500302307398,"price":1200,"name":"Staple Tee - Bright royal","public_title":"Bright royal","sku":"5001"},{"id":50500302340166,"price":1200,"name":"Staple Tee - Burgundy","public_title":"Burgundy","sku":"5001"},{"id":50500302372934,"price":1200,"name":"Staple Tee - Butter","public_title":"Butter","sku":"5001"},{"id":50500302405702,"price":1200,"name":"Staple Tee - Camel","public_title":"Camel","sku":"5001"},{"id":50500302438470,"price":1200,"name":"Staple Tee - Carolina blue","public_title":"Carolina blue","sku":"5001"},{"id":50500302471238,"price":1200,"name":"Staple Tee - Cardinal","public_title":"Cardinal","sku":"5001"},{"id":50500302504006,"price":1200,"name":"Staple Tee - Charity pink","public_title":"Charity pink","sku":"5001"},{"id":50500302536774,"price":1200,"name":"Staple Tee - Charcoal","public_title":"Charcoal","sku":"5001"},{"id":50500302569542,"price":1200,"name":"Staple Tee - Chestnut","public_title":"Chestnut","sku":"5001"},{"id":50500302602310,"price":1200,"name":"Staple Tee - Charlotte","public_title":"Charlotte","sku":"5001"},{"id":50500302635078,"price":1200,"name":"Staple Tee - Citrus","public_title":"Citrus","sku":"5001"},{"id":50500302667846,"price":1200,"name":"Staple Tee - Clay","public_title":"Clay","sku":"5001"},{"id":50500302700614,"price":1200,"name":"Staple Tee - Coal","public_title":"Coal","sku":"5001"},{"id":50500302733382,"price":1200,"name":"Staple Tee - Cobalt","public_title":"Cobalt","sku":"5001"},{"id":50500302766150,"price":1200,"name":"Staple Tee - Cocoa","public_title":"Cocoa","sku":"5001"}
1204,{"id":50500302798918,"price":1200,"name":"Staple Tee - Copper","public_title":"Copper","sku":"5001"},{"id":50500302831686,"price":1200,"name":"Staple Tee - Cypress","public_title":"Cypress","sku":"5001"},{"id":50500302864454,"price":1200,"name":"Staple Tee - Dark chocolate","public_title":"Dark chocolate","sku":"5001"},{"id":50500302897222,"price":1200,"name":"Staple Tee - Ecru","public_title":"Ecru","sku":"5001"},{"id":50500302929990,"price":1200,"name":"Staple Tee - Eucalyptus","public_title":"Eucalyptus","sku":"5001"},{"id":50500302962758,"price":1200,"name":"Staple Tee - Fire","public_title":"Fire","sku":"5001"},{"id":50500302995526,"price":1200,"name":"Staple Tee - Fog blue","public_title":"Fog blue","sku":"5001"},{"id":50500303028294,"price":1200,"name":"Staple Tee - Forest green","public_title":"Forest green","sku":"5001"},{"id":50500303061062,"price":1200,"name":"Staple Tee - Gold","public_title":"Gold","sku":"5001"},{"id":50500303093830,"price":1200,"name":"Staple Tee - Granite","public_title":"Granite","sku":"5001"},{"id":50500303126598,"price":1200,"name":"Staple Tee - Grey marle","public_title":"Grey marle","sku":"5001"},{"id":50500303159366,"price":1200,"name":"Staple Tee - Hydro","public_title":"Hydro","sku":"5001"},{"id":50500303192134,"price":1200,"name":"Staple Tee - Jade","public_title":"Jade","sku":"5001"},{"id":50500303224902,"price":1200,"name":"Staple Tee - Kelly green","public_title":"Kelly green","sku":"5001"},{"id":50500303257670,"price":1200,"name":"Staple Tee - Khaki","public_title":"Khaki","sku":"5001"},{"id":50500303290438,"price":1200,"name":"Staple Tee - Kiwi","public_title":"Kiwi","sku":"5001"},{"id":50500303323206,"price":1200,"name":"Staple Tee - Lapis","public_title":"Lapis","sku":"5001"},{"id":50500303355974,"price":1200,"name":"Staple Tee - Lemonade","public_title":"Lemonade","sku":"5001"},{"id":50500303388742,"price":1200,"name":"Staple Tee - Light grey","public_title":"Light grey","sku":"5001"},{"id":50500303421510,"price":1200,"name":"Staple Tee - Lime","public_title":"Lime","sku":"5001"},{"id":50500303454278,"price":1200,"name":"Staple Tee - Mauve","public_title":"Mauve","sku":"5001"},{"id":50500303487046,"price":1200,"name":"Staple Tee - Midnight blue","public_title":"Midnight blue","sku":"5001"},{"id":50500303519814,"price":1200,"name":"Staple Tee - Mineral","public_title":"Mineral","sku":"5001"},{"id":50500303552582,"price":1200,"name":"Staple Tee - Moss","public_title":"Moss","sku":"5001"},{"id":50500303585350,"price":1200,"name":"Staple Tee - Mushroom","public_title":"Mushroom","sku":"5001"},{"id":50500303618118,"price":1200,"name":"Staple Tee - Mustard","public_title":"Mustard","sku":"5001"},{"id":50500303650886,"price":1200,"name":"Staple Tee - Natural","public_title":"Natural","sku":"5001"},{"id":50500303683654,"price":1200,"name":"Staple Tee - Navy","public_title":"Navy","sku":"5001"},{"id":50500303716422,"price":1200,"name":"Staple Tee - Orange","public_title":"Orange","sku":"5001"},{"id":50500303749190,"price":1200,"name":"Staple Tee - Orchid","public_title":"Orchid","sku":"5001"},{"id":50500303781958,"price":1200,"name":"Staple Tee - Pale blue","public_title":"Pale blue","sku":"5001"},{"id":50500303814726,"price":1200,"name":"Staple Tee - Pale pink","public_title":"Pale pink","sku":"5001"},{"id":50500303847494,"price":1200,"name":"Staple Tee - Petrol blue","public_title":"Petrol blue","sku":"5001"},{"id":50500303880262,"price":1200,"name":"Staple Tee - Pine green","public_title":"Pine green","sku":"5001"},{"id":50500303913030,"price":1200,"name":"Staple Tee - Pink","public_title":"Pink","sku":"5001"},{"id":50500303945798,"price":1200,"name":"Staple Tee - Pistachio","public_title":"Pistachio","sku":"5001"},{"id":50500303978566,"price":1200,"name":"Staple Tee - Powder","public_title":"Powder","sku":"5001"},{"id":50500304011334,"price":1200,"name":"Staple Tee - Purple","public_title":"Purple","sku":"5001"},{"id":50500304044102,"price":1200,"name":"Staple Tee - Red","public_title":"Red","sku":"5001"},{"id":50500304076870,"price":1200,"name":"Staple Tee - Safari","public_title":"Safari","sku":"5001"},{"id":50500304109638,"price":1200,"name":"Staple Tee - Sage","public_title":"Sage","sku":"5001"},{"id":50500304142406,"price":1200,"name":"Staple Tee - Sand","public_title":"Sand","sku":"5001"},{"id":50500304175174,"price":1200,"name":"Staple Tee - Seafoam","public_title":"Seafoam","sku":"5001"},{"id":50500304207942,"price":1200,"name":"Staple Tee - Shadow","public_title":"Shadow","sku":"5001"},{"id":50500304240710,"price":1200,"name":"Staple Tee - Slate blue","public_title":"Slate blue","sku":"5001"},{"id":50500304273478,"price":1200,"name":"Staple Tee - Smoke","public_title":"Smoke","sku":"5001"},{"id":50500304306246,"price":1200,"name":"Staple Tee - Sunset","public_title":"Sunset","sku":"5001"},{"id":50500304339014,"price":1200,"name":"Staple Tee - Topaz","public_title":"Topaz","sku":"5001"},{"id":50500304371782,"price":1200,"name":"Staple Tee - Walnut","public_title":"Walnut","sku":"5001"},{"id":50500304404550,"price":1200,"name":"Staple Tee - White","public_title":"White","sku":"5001"},{"id":50500304437318,"price":1200,"name":"Staple Tee - Yellow","public_title":"Yellow","sku":"5001"}],"remote":false},{"id":8293215174726,"gid":"gid:\/\/shopify\/Product\/8293215174726","vendor":"Made to order","type":"Socks","handle":"crew-sock","variants":[{"id":44741140348998,"price":900,"name":"Crew Sock","public_title":null,"sku":"MTOCS24"}],"remote":false},{"id":7860480704582,"gid":"gid:\/\/shopify\/Product\/7860480704582","vendor":"AS Colour","type":"Sweatshirt","handle":"relax-hood","variants":[{"id":50500310466630,"price":2900,"name":"Relax hood - Black","public_title":"Black","sku":"5161"},{"id":50500310499398,"price":2900,"name":"Relax hood - Bone","public_title":"Bone","sku":"5161"},{"id":50500310532166,"price":2900,"name":"Relax hood - Butter","public_title":"Butter","sku":"5161"},{"id":50500310564934,"price":2900,"name":"Relax hood - Carolina blue","public_title":"Carolina blue","sku":"5161"},{"id":50500310597702,"price":2900,"name":"Relax hood - Charity pink","public_title":"Charity pink","sku":"5161"},{"id":50500310630470,"price":2900,"name":"Relax hood - Chestnut","public_title":"Chestnut","sku":"5161"},{"id":50500310663238,"price":2900,"name":"Relax hood - Clay","public_title":"Clay","sku":"5161"},{"id":50500310696006,"price":2900,"name":"Relax hood - Cobalt","public_title":"Cobalt","sku":"5161"},{"id":50500310728774,"price":2900,"name":"Relax hood - Cypress","public_title":"Cypress","sku":"5161"},{"id":50500310761542,"price":2900,"name":"Relax hood - Ecru","public_title":"Ecru","sku":"5161"},{"id":50500310794310,"price":2900,"name":"Relax hood - Grey marle","public_title":"Grey marle","sku":"5161"},{"id":50500310827078,"price":2900,"name":"Relax hood - Ink blue","public_title":"Ink blue","sku":"5161"},{"id":50500310859846,"price":2900,"name":"Relax hood - Liberty","public_title":"Liberty","sku":"5161"},{"id":50500310892614,"price":2900,"name":"Relax hood - Pine green","public_title":"Pine green","sku":"5161"},{"id":50500310925382,"price":2900,"name":"Relax hood - Powder","public_title":"Powder","sku":"5161"},{"id":50500310958150,"price":2900,"name":"Relax hood - Seafoam","public_title":"Seafoam","sku":"5161"},{"id":50500310990918,"price":2900,"name":"Relax hood - Shadow","public_title":"Shadow","sku":"5161"},{"id":50500311023686,"price":2900,"name":"Relax hood - Storm","public_title":"Storm","sku":"5161"},{"id":50500311056454,"price":2900,"name":"Relax hood - Walnut","public_title":"Walnut","sku":"5161"},{"id":50500311089222,"price":2900,"name":"Relax hood - White marle","public_title":"White marle","sku":"5161"},{"id":50500311121990,"price":2900,"name":"Relax hood - White","public_title":"White","sku":"5161"}],"remote":false},{"id":7866819838022,"gid":"gid:\/\/shopify\/Product\/7866819838022","vendor":"Print Room","type":"Bag","handle":"everyday-tote","variants":[{"id":43215492972614,"price":900,"name":"Everyday Tote","public_title":null,"sku":"PRTBED"}],"remote":false},{"id":8283553136710,"gid":"gid:\/\/shopify\/Product\/8283553136710","vendor":"AS Colour","type":"Sweatshirt","handle":"wos-relax-crew","variants":[{"id":50500298833990,"price":2500,"name":"Wo's Relax Crew - Black","public_title":"Black","sku":"4160"},{"id":50500298866758,"price":2500,"name":"Wo's Relax Crew - Bone","public_title":"Bone","sku":"4160"},{"id":50500298899526,"price":2500,"name":"Wo's Relax Crew - Butter","public_title":"Butter","sku":"4160"},{"id":50500298932294,"price":2500,"name":"Wo's Relax Crew - Ecru","public_title":"Ecru","sku":"4160"},{"id":50500298965062,"price":2500,"name":"Wo's Relax Crew - Grey marle","public_title":"Grey marle","sku":"4160"},{"id":50500298997830,"price":2500,"name":"Wo's Relax Crew - Hazy pink","public_title":"Hazy pink","sku":"4160"},{"id":50500299030598,"price":2500,"name":"Wo's Relax Crew - Ink blue","public_title":"Ink blue","sku":"4160"},{"id":50500299063366,"price":2500,"name":"Wo's Relax Crew - Orchid","public_title":"Orchid","sku":"4160"},{"id":50500299096134,"price":2500,"name":"Wo's Relax Crew - Powder","public_title":"Powder","sku":"4160"}
1204,{"id":50500299128902,"price":2500,"name":"Wo's Relax Crew - Shadow","public_title":"Shadow","sku":"4160"}],"remote":false},{"id":4166829834310,"gid":"gid:\/\/shopify\/Product\/4166829834310","vendor":"AS Colour","type":"Headwear","handle":"bucket-hat","variants":[{"id":50500006969414,"price":1100,"name":"Bucket Hat - Army","public_title":"Army","sku":"1117"},{"id":50500007002182,"price":1100,"name":"Bucket Hat - Black","public_title":"Black","sku":"1117"},{"id":50500007034950,"price":1100,"name":"Bucket Hat - Bone","public_title":"Bone","sku":"1117"},{"id":50500007067718,"price":1100,"name":"Bucket Hat - Ecru","public_title":"Ecru","sku":"1117"},{"id":50500007133254,"price":1100,"name":"Bucket Hat - Khaki","public_title":"Khaki","sku":"1117"},{"id":50500007166022,"price":1100,"name":"Bucket Hat - Navy","public_title":"Navy","sku":"1117"},{"id":50500007198790,"price":1100,"name":"Bucket Hat - Orchid","public_title":"Orchid","sku":"1117"},{"id":50500007231558,"price":1100,"name":"Bucket Hat - Powder","public_title":"Powder","sku":"1117"},{"id":50500007264326,"price":1100,"name":"Bucket Hat - Storm","public_title":"Storm","sku":"1117"},{"id":50500007297094,"price":1100,"name":"Bucket Hat - Walnut","public_title":"Walnut","sku":"1117"}],"remote":false},{"id":8275582550086,"gid":"gid:\/\/shopify\/Product\/8275582550086","vendor":"AS Colour","type":"Sweatshirt","handle":"relax-crew","variants":[{"id":50500309942342,"price":2500,"name":"Relax Crew - Black","public_title":"Black","sku":"5160"},{"id":50500309975110,"price":2500,"name":"Relax Crew - Bone","public_title":"Bone","sku":"5160"},{"id":50500310007878,"price":2500,"name":"Relax Crew - Butter","public_title":"Butter","sku":"5160"},{"id":50500310040646,"price":2500,"name":"Relax Crew - Chestnut","public_title":"Chestnut","sku":"5160"},{"id":50500310073414,"price":2500,"name":"Relax Crew - Clay","public_title":"Clay","sku":"5160"},{"id":50500310106182,"price":2500,"name":"Relax Crew - Cobalt","public_title":"Cobalt","sku":"5160"},{"id":50500310138950,"price":2500,"name":"Relax Crew - Cypress","public_title":"Cypress","sku":"5160"},{"id":50500310171718,"price":2500,"name":"Relax Crew - Ecru","public_title":"Ecru","sku":"5160"},{"id":50500310204486,"price":2500,"name":"Relax Crew - Grey marle","public_title":"Grey marle","sku":"5160"},{"id":50500310237254,"price":2500,"name":"Relax Crew - Ink blue","public_title":"Ink blue","sku":"5160"},{"id":50500310270022,"price":2500,"name":"Relax Crew - Pine green","public_title":"Pine green","sku":"5160"},{"id":50500310302790,"price":2500,"name":"Relax Crew - Powder","public_title":"Powder","sku":"5160"},{"id":50500310335558,"price":2500,"name":"Relax Crew - Sand","public_title":"Sand","sku":"5160"},{"id":50500310368326,"price":2500,"name":"Relax Crew - Shadow","public_title":"Shadow","sku":"5160"},{"id":50500310401094,"price":2500,"name":"Relax Crew - White marle","public_title":"White marle","sku":"5160"}],"remote":false},{"id":8284139126854,"gid":"gid:\/\/shopify\/Product\/8284139126854","vendor":"AS Colour","type":"Headwear","handle":"cable-beanie","variants":[{"id":50500229431366,"price":1300,"name":"Cable Beanie - Army","public_title":"Army","sku":"1120"},{"id":50500229464134,"price":1300,"name":"Cable Beanie - Black","public_title":"Black","sku":"1120"},{"id":50500229496902,"price":1300,"name":"Cable Beanie - Coal","public_title":"Coal","sku":"1120"},{"id":50500229529670,"price":1300,"name":"Cable Beanie - Cypress","public_title":"Cypress","sku":"1120"},{"id":50500229562438,"price":1300,"name":"Cable Beanie - Ecru","public_title":"Ecru","sku":"1120"},{"id":50500229595206,"price":1300,"name":"Cable Beanie - Eucalyptus","public_title":"Eucalyptus","sku":"1120"},{"id":50500229627974,"price":1300,"name":"Cable Beanie - Grey marle","public_title":"Grey marle","sku":"1120"},{"id":50500229693510,"price":1300,"name":"Cable Beanie - Navy","public_title":"Navy","sku":"1120"},{"id":50500229726278,"price":1300,"name":"Cable Beanie - Petrol blue","public_title":"Petrol blue","sku":"1120"},{"id":50500229759046,"price":1300,"name":"Cable Beanie - Plum","public_title":"Plum","sku":"1120"},{"id":50500229824582,"price":1300,"name":"Cable Beanie - Red","public_title":"Red","sku":"1120"}
1204,{"id":50500229857350,"price":1300,"name":"Cable Beanie - Walnut","public_title":"Walnut","sku":"1120"}],"remote":false},{"id":8313167118406,"gid":"gid:\/\/shopify\/Product\/8313167118406","vendor":"Made to order","type":"Accessories","handle":"stubby-cooler","variants":[{"id":44804677664838,"price":300,"name":"Stubby Cooler","public_title":null,"sku":"MTOSC"}],"remote":false},{"id":8301685178438,"gid":"gid:\/\/shopify\/Product\/8301685178438","vendor":"AS Colour","type":"Headwear","handle":"finn-five-panel-cap","variants":[{"id":50500226547782,"price":900,"name":"Finn Five Panel Cap - Army","public_title":"Army","sku":"1103"},{"id":50500226580550,"price":900,"name":"Finn Five Panel Cap - Black","public_title":"Black","sku":"1103"},{"id":50500226613318,"price":900,"name":"Finn Five Panel Cap - Mineral","public_title":"Mineral","sku":"1103"},{"id":50500226646086,"price":900,"name":"Finn Five Panel Cap - Navy","public_title":"Navy","sku":"1103"}],"remote":false},{"id":8301754548294,"gid":"gid:\/\/shopify\/Product\/8301754548294","vendor":"AS Colour","type":"Bag","handle":"carrie-tote","variants":[{"id":50500225040454,"price":1000,"name":"Carrie Tote - Army","public_title":"Army","sku":"1001"},{"id":50500225073222,"price":1000,"name":"Carrie Tote - Black","public_title":"Black","sku":"1001"},{"id":50500225105990,"price":1000,"name":"Carrie Tote - Bone","public_title":"Bone","sku":"1001"},{"id":50500225138758,"price":1000,"name":"Carrie Tote - Burgundy","public_title":"Burgundy","sku":"1001"},{"id":50500225171526,"price":1000,"name":"Carrie Tote - Charity pink","public_title":"Charity pink","sku":"1001"},{"id":50500225204294,"price":1000,"name":"Carrie Tote - Coal","public_title":"Coal","sku":"1001"},{"id":50500225237062,"price":1000,"name":"Carrie Tote - Cream","public_title":"Cream","sku":"1001"},{"id":50500225269830,"price":1000,"name":"Carrie Tote - Dark chocolate","public_title":"Dark chocolate","sku":"1001"},{"id":50500225302598,"price":1000,"name":"Carrie Tote - Forest green","public_title":"Forest green","sku":"1001"},{"id":50500225335366,"price":1000,"name":"Carrie Tote - Kelly green","public_title":"Kelly green","sku":"1001"},{"id":50500225368134,"price":1000,"name":"Carrie Tote - Khaki","public_title":"Khaki","sku":"1001"},{"id":50500225400902,"price":1000,"name":"Carrie Tote - Liberty","public_title":"Liberty","sku":"1001"},{"id":50500225433670,"price":1000,"name":"Carrie Tote - Mushroom","public_title":"Mushroom","sku":"1001"},{"id":50500225466438,"price":1000,"name":"Carrie Tote - Mustard","public_title":"Mustard","sku":"1001"},{"id":50500225499206,"price":1000,"name":"Carrie Tote - Navy","public_title":"Navy","sku":"1001"},{"id":50500225531974,"price":1000,"name":"Carrie Tote - Orange","public_title":"Orange","sku":"1001"},{"id":50500225564742,"price":1000,"name":"Carrie Tote - Petrol blue","public_title":"Petrol blue","sku":"1001"},{"id":50500225597510,"price":1000,"name":"Carrie Tote - Pine green","public_title":"Pine green","sku":"1001"},{"id":50500225630278,"price":1000,"name":"Carrie Tote - Pink","public_title":"Pink","sku":"1001"},{"id":50500225663046,"price":1000,"name":"Carrie Tote - Red","public_title":"Red","sku":"1001"},{"id":50500225695814,"price":1000,"name":"Carrie Tote - Sunset","public_title":"Sunset","sku":"1001"},{"id":50500225728582,"price":1000,"name":"Carrie Tote - Walnut","public_title":"Walnut","sku":"1001"}],"remote":false},{"id":8301760184390,"gid":"gid:\/\/shopify\/Product\/8301760184390","vendor":"AS Colour","type":"Headwear","handle":"cuff-beanie","variants":[{"id":50500226809926,"price":1300,"name":"Cuff Beanie - Army","public_title":"Army","sku":"1107"},{"id":50500226842694,"price":1300,"name":"Cuff Beanie - Asphalt marle","public_title":"Asphalt marle","sku":"1107"},{"id":50500226875462,"price":1300,"name":"Cuff Beanie - Black","public_title":"Black","sku":"1107"},{"id":50500226908230,"price":1300,"name":"Cuff Beanie - Bone","public_title":"Bone","sku":"1107"},{"id":50500226940998,"price":1300,"name":"Cuff Beanie - Camel","public_title":"Camel","sku":"1107"},{"id":50500226973766,"price":1300,"name":"Cuff Beanie - Cobalt","public_title":"Cobalt","sku":"1107"},{"id":50500227006534,"price":1300,"name":"Cuff Beanie - Ecru","public_title":"Ecru","sku":"1107"},{"id":50500227039302,"price":1300,"name":"Cuff Beanie - Grey marle","public_title":"Grey marle","sku":"1107"},{"id":50500227072070,"price":1300,"name":"Cuff Beanie - Mauve","public_title":"Mauve","sku":"1107"},{"id":50500227104838,"price":1300,"name":"Cuff Beanie - Mushroom","public_title":"Mushroom","sku":"1107"},{"id":50500227137606,"price":1300,"name":"Cuff Beanie - Navy","public_title":"Navy","sku":"1107"},{"id":50500227170374,"price":1300,"name":"Cuff Beanie - Orchid","public_title":"Orchid","sku":"1107"},{"id":50500227203142,"price":1300,"name":"Cuff Beanie - Petrol blue","public_title":"Petrol blue","sku":"1107"},{"id":50500227235910,"price":1300,"name":"Cuff Beanie - Pine green","public_title":"Pine green","sku":"1107"},{"id":50500227268678,"price":1300,"name":"Cuff Beanie - Pink","public_title":"Pink","sku":"1107"},{"id":50500227301446,"price":1300,"name":"Cuff Beanie - Powder","public_title":"Powder","sku":"1107"},{"id":50500227334214,"price":1300,"name":"Cuff Beanie - White marle","public_title":"White marle","sku":"1107"}],"remote":false},{"id":8302027276358,"gid":"gid:\/\/shopify\/Product\/8302027276358","vendor":"Project Pargo","type":"Drinkware","handle":"8oz-project-pargo-cup","variants":[{"id":44764106653766,"price":1900,"name":"8oz Project Pargo Cup","public_title":null,"sku":"PP8OZ"}],"remote":false},{"id":8301998342214,"gid":"gid:\/\/shopify\/Product\/8301998342214","vendor":"Trends NZ","type":"Stationery","handle":"allegro-notebook","variants":[{"id":50500320821318,"price":300,"name":"Allegro Notebook - Navy","public_title":"Navy","sku":"108400"},{"id":50500320854086,"price":300,"name":"Allegro Notebook - Black","public_title":"Black","sku":"108400"}],"remote":false},{"id":8302030618694,"gid":"gid:\/\/shopify\/Product\/8302030618694","vendor":"Project Pargo","type":"Drinkware","handle":"12oz-project-pargo-sports-bottle","variants":[{"id":44764157313094,"price":2800,"name":"12oz Project Pargo Sports Bottle","public_title":null,"sku":"PP12OZSB"}],"remote":false},{"id":8302005846086,"gid":"gid:\/\/shopify\/Product\/8302005846086","vendor":"Trends NZ","type":"Stationery","handle":"moleskin-cahier-journal","variants":[{"id":50500323246150,"price":600,"name":"Moleskin Cahier Journal - Kraft","public_title":"Kraft","sku":"118899"},{"id":50500323278918,"price":600,"name":"Moleskin Cahier Journal - Black","public_title":"Black","sku":"118899"}],"remote":false},{"id":7832412979270,"gid":"gid:\/\/shopify\/Product\/7832412979270","vendor":"AS Colour","type":"T-shirt","handle":"classic-tee","variants":[{"id":50500305027142,"price":1500,"name":"Classic Tee - Army","public_title":"Army","sku":"5026"},{"id":50500305059910,"price":1500,"name":"Classic Tee - Atlantic","public_title":"Atlantic","sku":"5026"},{"id":50500305092678,"price":1500,"name":"Classic Tee - Autumn","public_title":"Autumn","sku":"5026"},{"id":50500305125446,"price":1500,"name":"Classic Tee - Berry","public_title":"Berry","sku":"5026"},{"id":50500305158214,"price":1500,"name":"Classic Tee - Black","public_title":"Black","sku":"5026"},{"id":50500305190982,"price":1500,"name":"Classic Tee - Bone","public_title":"Bone","sku":"5026"},{"id":50500305223750,"price":1500,"name":"Classic Tee - Bright royal","public_title":"Bright royal","sku":"5026"}
1204,{"id":50500305256518,"price":1500,"name":"Classic Tee - Burgundy","public_title":"Burgundy","sku":"5026"},{"id":50500305289286,"price":1500,"name":"Classic Tee - Butter","public_title":"Butter","sku":"5026"},{"id":50500305322054,"price":1500,"name":"Classic Tee - Camel","public_title":"Camel","sku":"5026"},{"id":50500305354822,"price":1500,"name":"Classic Tee - Cardinal","public_title":"Cardinal","sku":"5026"},{"id":50500305387590,"price":1500,"name":"Classic Tee - Chestnut","public_title":"Chestnut","sku":"5026"},{"id":50500305420358,"price":1500,"name":"Classic Tee - Charlotte","public_title":"Charlotte","sku":"5026"},{"id":50500305453126,"price":1500,"name":"Classic Tee - Clay","public_title":"Clay","sku":"5026"},{"id":50500305485894,"price":1500,"name":"Classic Tee - Coal","public_title":"Coal","sku":"5026"},{"id":50500305518662,"price":1500,"name":"Classic Tee - Cobalt","public_title":"Cobalt","sku":"5026"},{"id":50500305551430,"price":1500,"name":"Classic Tee - Cocoa","public_title":"Cocoa","sku":"5026"},{"id":50500305584198,"price":1500,"name":"Classic Tee - Cypress","public_title":"Cypress","sku":"5026"},{"id":50500305616966,"price":1500,"name":"Classic Tee - Ecru","public_title":"Ecru","sku":"5026"},{"id":50500305649734,"price":1500,"name":"Classic Tee - Emerald","public_title":"Emerald","sku":"5026"},{"id":50500305682502,"price":1500,"name":"Classic Tee - Eucalyptus","public_title":"Eucalyptus","sku":"5026"},{"id":50500305715270,"price":1500,"name":"Classic Tee - Gravel","public_title":"Gravel","sku":"5026"},{"id":50500305748038,"price":1500,"name":"Classic Tee - Grey marle","public_title":"Grey marle","sku":"5026"},{"id":50500305780806,"price":1500,"name":"Classic Tee - Hazy pink","public_title":"Hazy pink","sku":"5026"},{"id":50500305813574,"price":1500,"name":"Classic Tee - Ink blue","public_title":"Ink blue","sku":"5026"},{"id":50500305846342,"price":1500,"name":"Classic Tee - Jade","public_title":"Jade","sku":"5026"},{"id":50500305879110,"price":1500,"name":"Classic Tee - Khaki","public_title":"Khaki","sku":"5026"},{"id":50500305911878,"price":1500,"name":"Classic Tee - Lagoon","public_title":"Lagoon","sku":"5026"},{"id":50500305944646,"price":1500,"name":"Classic Tee - Lapis","public_title":"Lapis","sku":"5026"},{"id":50500305977414,"price":1500,"name":"Classic Tee - Liberty","public_title":"Liberty","sku":"5026"},{"id":50500306010182,"price":1500,"name":"Classic Tee - Lime","public_title":"Lime","sku":"5026"},{"id":50500306042950,"price":1500,"name":"Classic Tee - Midnight blue","public_title":"Midnight blue","sku":"5026"},{"id":50500306075718,"price":1500,"name":"Classic Tee - Mineral","public_title":"Mineral","sku":"5026"},{"id":50500306108486,"price":1500,"name":"Classic Tee - Moss","public_title":"Moss","sku":"5026"},{"id":50500306141254,"price":1500,"name":"Classic Tee - Navy","public_title":"Navy","sku":"5026"},{"id":50500306174022,"price":1500,"name":"Classic Tee - Ocean","public_title":"Ocean","sku":"5026"},{"id":50500306206790,"price":1500,"name":"Classic Tee - Orchid","public_title":"Orchid","sku":"5026"},{"id":50500306239558,"price":1500,"name":"Classic Tee - Pale blue","public_title":"Pale blue","sku":"5026"},{"id":50500306272326,"price":1500,"name":"Classic Tee - Petrol blue","public_title":"Petrol blue","sku":"5026"},{"id":50500306305094,"price":1500,"name":"Classic Tee - Pine green","public_title":"Pine green","sku":"5026"},{"id":50500306337862,"price":1500,"name":"Classic Tee - Pistachio","public_title":"Pistachio","sku":"5026"},{"id":50500306370630,"price":1500,"name":"Classic Tee - Plum","public_title":"Plum","sku":"5026"},{"id":50500306403398,"price":1500,"name":"Classic Tee - Powder","public_title":"Powder","sku":"5026"},{"id":50500306436166,"price":1500,"name":"Classic Tee - Red","public_title":"Red","sku":"5026"},{"id":50500306468934,"price":1500,"name":"Classic Tee - Safari","public_title":"Safari","sku":"5026"},{"id":50500306501702,"price":1500,"name":"Classic Tee - Sand","public_title":"Sand","sku":"5026"},{"id":50500306534470,"price":1500,"name":"Classic Tee - Shadow","public_title":"Shadow","sku":"5026"},{"id":50500306567238,"price":1500,"name":"Classic Tee - Smoke","public_title":"Smoke","sku":"5026"},{"id":50500306600006,"price":1500,"name":"Classic Tee - Sunset","public_title":"Sunset","sku":"5026"},{"id":50500306632774,"price":1500,"name":"Classic Tee - Storm","public_title":"Storm","sku":"5026"},{"id":50500306665542,"price":1500,"name":"Classic Tee - Violet","public_title":"Violet","sku":"5026"},{"id":50500306698310,"price":1500,"name":"Classic Tee - Walnut","public_title":"Walnut","sku":"5026"},{"id":50500306731078,"price":1500,"name":"Classic Tee - Watermelon","public_title":"Watermelon","sku":"5026"},{"id":50500306763846,"price":1500,"name":"Classic Tee - White marle","public_title":"White marle","sku":"5026"},{"id":50500306796614,"price":1500,"name":"Classic Tee - White","public_title":"White","sku":"5026"},{"id":50500306829382,"price":1500,"name":"Classic Tee - Yellow","public_title":"Yellow","sku":"5026"}],"remote":false},{"id":8301986119750,"gid":"gid:\/\/shopify\/Product\/8301986119750","vendor":"Trends NZ","type":"Stationery","handle":"recycled-stainless-steel-pen","variants":[{"id":50500320198726,"price":200,"name":"Recycled Stainless Steel Pen - Silver","public_title":"Silver","sku":"106160"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":291733831750,"requestId":"509013db-9cca-463d-a4c9-fc95001901fd-1791103103"}};
1205  for (var attr in meta) {
1206    window.ShopifyAnalytics.meta[attr] = meta[attr];
1207  }
1208</script>
vendor: 1 bytes, line 1208
1208
1209<script class="analytics">
1210  (function () {
1211    var customDocumentWrite = function(content) {
1212      var jquery = null;
1213
1214      if (window.jQuery) {
1215        jquery = window.jQuery;
1216      } else if (window.Checkout && window.Checkout.$) {
1217        jquery = window.Checkout.$;
1218      }
1219
1220      if (jquery) {
1221        jquery('body').append(content);
1222      }
1223    };
1224
1225    var hasLoggedConversion = function(token) {
1226      if (token) {
1227        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1228      }
1229      return false;
1230    }
1231
1232    var setCookieIfConversion = function(token) {
1233      if (token) {
1234        var twoMonthsFromNow = new Date(Date.now());
1235        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1236
1237        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1238      }
1239    }
1240
1241    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1242    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1243    if (trekkie.integrations) {
1244      return;
1245    }
1246    trekkie.methods = [
1247      'identify',
1248      'page',
1249      'ready',
1250      'track',
1251      'trackForm',
1252      'trackLink'
1253    ];
1254    trekkie.factory = function(method) {
1255      return function() {
1256        var args = Array.prototype.slice.call(arguments);
1257        args.unshift(method);
1258        trekkie.push(args);
1259        if (method == 'track' || method == 'page') {
1260          var pageUrl;
1261          try {
1262            pageUrl = window.location.href;
1263          } catch (e) {}
1264          var pageReferrer;
1265          try {
1266            pageReferrer = document.referrer;
1267          } catch (e) {}
1268          try {
1269            if (window.__TREKKIE_SHIM_QUEUE == null) {
1270              window.__TREKKIE_SHIM_QUEUE = [];
1271            }
1272            window.__TREKKIE_SHIM_QUEUE.push({
1273              from: 'trekkie-stub',
1274              method: method,
1275              args: args.slice(1),
1276              pageContext: {
1277                url: pageUrl,
1278                referrer: pageReferrer
1279              }
1280            });
1281          } catch (e) {
1282            // no-op
1283          }
1284        }
1285        return trekkie;
1286      };
1287    };
1288    for (var i = 0; i < trekkie.methods.length; i++) {
1289      var key = trekkie.methods[i];
1290      trekkie[key] = trekkie.factory(key);
1291    }
1292    trekkie.load = function(config) {
1293      trekkie.config = config || {};
1294      trekkie.config.initialDocumentCookie = document.cookie;
1295      var first = document.getElementsByTagName('script')[0];
1296var script = document.createElement('script');
1297script.type = 'text/javascript';
1298script.onerror = function(e) {
1299  var scriptFallback = document.createElement('script');
1300  scriptFallback.type = 'text/javascript';
1301  scriptFallback.onerror = function(error) {
1302          var Monorail = {
1303      produce: function produce(monorailDomain, schemaId, payload) {
1304        var currentMs = new Date().getTime();
1305        var event = {
1306          schema_id: schemaId,
1307          payload: payload,
1308          metadata: {
1309            event_created_at_ms: currentMs,
1310            event_sent_at_ms: currentMs
1311          }
1312        };
1313        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1314      },
1315      sendRequest: function sendRequest(endpointUrl, payload) {
1316        // Try the sendBeacon API
1317        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1318          var blobData = new window.Blob([payload], {
1319            type: 'text/plain'
1320          });
1321
1322          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1323            return true;
1324          } // sendBeacon was not successful
1325
1326        } // XHR beacon
1327
1328        var xhr = new XMLHttpRequest();
1329
1330        try {
1331          xhr.open('POST', endpointUrl);
1332          xhr.setRequestHeader('Content-Type', 'text/plain');
1333          xhr.send(payload);
1334        } catch (e) {
1335          console.log(e);
1336        }
1337
1338        return false;
1339      },
1340      isIos12: function isIos12() {
1341        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1342      }
1343    };
1344    Monorail.produce('monorail-edge.shopifysvc.com',
1345      'trekkie_storefront_load_errors/1.1',
1346      {shop_id: 7054289,
1347      theme_id: 151830298694,
1348      app_name: "storefront",
1349      context_url: window.location.href,
1350      source_url: "//printroom.co/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1351
1352  };
1353  scriptFallback.async = true;
1354  scriptFallback.src = '//printroom.co/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1355  first.parentNode.insertBefore(scriptFallback, first);
1356};
1357script.async = true;
1358script.src = '//printroom.co/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1359first.parentNode.insertBefore(script, first);
1360
1361    };
1362    trekkie.load(
1363      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7054289,"isMerchantRequest":null,"themeId":151830298694,"themeCityHash":"18288446332362764096","contentLanguage":"en","currency":"USD","eventMetadataId":"9d6d8a54-5428-423a-a8d6-c29c6672754a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1364    );
1365
1366    var loaded = false;
1367    trekkie.ready(function() {
1368      if (loaded) return;
1369      loaded = true;
1370
1371      window.ShopifyAnalytics.lib = window.trekkie;
1372
1373      var originalDocumentWrite = document.write;
1374      document.write = customDocumentWrite;
1375      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1376      document.write = originalDocumentWrite;
1377
1378      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1379      var token = match? match[1]: undefined;
1380      if (!hasLoggedConversion(token)) {
1381        setCookieIfConversion(token);
1382        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: product-library","collectionName":"product-library","collectionId":291733831750,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1383      }
1384    });
1385
1386    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":291733831750,"requestId":"509013db-9cca-463d-a4c9-fc95001901fd-1791103103","shopifyEmitted":true});
1387
1388    var eventsListenerScript = document.createElement('script');
1389    eventsListenerScript.async = true;
1390    eventsListenerScript.src = "//printroom.co/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1391    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1392})();</script>
1392
1393  
1393<script>
1394  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1395    window.ga = function ga() {
1396      (window.ga.q = window.ga.q || []).push(arguments);
1397      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1398        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1399      }
1400      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1401    };
1402    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1403      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1404    }
1405  }
1406</script>
vendor: 1 bytes, line 1406
1406
1407<script
1408  defer
1409  src="https://printroom.co/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1410  data-application="storefront-renderer"
1411  data-shop-id="7054289"
1412  data-render-region="gcp-us-central1"
1413  data-page-type="collection"
1414  data-theme-instance-id="151830298694"
1415  data-theme-name="Baseline"
1416  data-theme-version="3.3.1"
1417  data-monorail-region="shop_domain"
1418  data-resource-timing-sampling-rate="10"
1419  data-shs="true"
1420  data-shs-beacon="true"
1421  data-shs-export-with-fetch="true"
1422  data-shs-logs-sample-rate="1"
1423  data-shs-beacon-endpoint="https://printroom.co/api/collect"
1424></script>
1424
1425<meta name="shopify-y" content="713e7609-5e43-43a7-adb8-45d950f1f153" data-expiration="1822660703000"><meta name="shopify-s" content="88936201-992c-41af-93ad-dd32641928be" data-expiration="1791104903000"><meta name="new-cookie-storage-activated" content="t">
1426</head>
1427
1428  <body>
1429<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9DFFGB"
1430    height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript>
1431
1432    <a class="skip-link" href="#MainContent">Skip to content</a>
1433    
1434    <!-- BEGIN sections: header-group -->
1435<div id="shopify-section-sections--21296457187398__geo_market_banner" class="shopify-section shopify-section-group-header-group contents">
1436  <style data-shopify>
1437    #shopify-section-sections--21296457187398__geo_market_banner [data-geo-market-banner] {
1438      position: sticky;
1439      top: 0;
1440      left: 0;
1441      right: 0;
1442      z-index: 40;
1443      display: block;
1444      width: 100%;
1445      padding: 0;
1446      border-bottom: 1px solid rgba(248, 250, 244, 0.18);
1447      background: #2b3990;
1448      color: #f8faf4;
1449      box-shadow: 0 14px 30px rgba(19, 27, 68, 0.18);
1450      pointer-events: auto;
1451    }
1452
1453    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__inner {
1454      display: grid;
1455      grid-template-columns: minmax(0, 1fr) auto;
1456      align-items: center;
1457      gap: 1rem 1.5rem;
1458      padding: 0.95rem var(--section-horizontal-spacing);
1459    }
1460
1461    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__message {
1462      margin: 0;
1463      max-width: 48rem;
1464      color: inherit;
1465      font-family: var(--font-body);
1466      font-size: var(--font-size-base);
1467      font-style: var(--font-body-style);
1468      font-weight: 500;
1469      letter-spacing: -0.01em;
1470      line-height: 1.45;
1471    }
1472
1473    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__actions {
1474      display: flex;
1475      flex-wrap: wrap;
1476      align-items: center;
1477      justify-content: flex-end;
1478      gap: 0.75rem;
1479      justify-self: end;
1480    }
1481
1482    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button,
1483    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss {
1484      display: inline-flex;
1485      min-height: 2.875rem;
1486      align-items: center;
1487      justify-content: center;
1488      gap: 0.45rem;
1489      border-style: solid;
1490      border-width: var(--text-border-width);
1491      border-radius: var(--button-border-radius);
1492      font-family: var(--font-body);
1493      font-size: var(--font-size-base);
1494      font-style: var(--font-body-style);
1495      font-weight: 600;
1496      line-height: 1;
1497      text-decoration: none;
1498      text-transform: var(--button-text-transform);
1499      white-space: nowrap;
1500      transition:
1501        transform 0.18s ease,
1502        box-shadow 0.18s ease,
1503        background-color 0.18s ease,
1504        border-color 0.18s ease,
1505        color 0.18s ease,
1506        opacity 0.18s ease;
1507    }
1508
1509    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button {
1510      padding: 0.8rem 1.35rem;
1511      border: 1px solid rgba(255, 255, 255, 0.12);
1512      background: #fbfbf6;
1513      box-shadow: 0 12px 24px rgba(14, 21, 52, 0.14);
1514      color: #2b3990;
1515    }
1516
1517    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss {
1518      padding: 0.8rem 1rem;
1519      border-color: rgba(248, 250, 244, 0.32);
1520      background: rgba(248, 250, 244, 0.08);
1521      box-shadow: none;
1522      color: inherit;
1523      opacity: 0.96;
1524    }
1525
1526    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss-icon {
1527      font-size: 0.95rem;
1528      line-height: 1;
1529    }
1530
1531    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button:focus-visible,
1532    #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss:focus-visible {
1533      outline: 2px solid #f8faf4;
1534      outline-offset: 2px;
1535    }
1536
1537    @media (hover: hover) and (pointer: fine) {
1538      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button:hover,
1539      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss:hover {
1540        transform: translateY(-1px);
1541      }
1542
1543      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button:hover {
1544        background: #ffffff;
1545        box-shadow: 0 16px 30px rgba(14, 21, 52, 0.18);
1546      }
1547
1548      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss:hover {
1549        border-color: rgba(248, 250, 244, 0.56);
1550        background: rgba(248, 250, 244, 0.16);
1551        opacity: 1;
1552      }
1553    }
1554
1555    @media (max-width: 767px) {
1556      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__inner {
1557        grid-template-columns: 1fr;
1558        align-items: stretch;
1559        gap: 0.9rem;
1560      }
1561
1562      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__message {
1563        max-width: none;
1564      }
1565
1566      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__actions {
1567        width: 100%;
1568        display: grid;
1569        grid-template-columns: 1fr;
1570        justify-content: stretch;
1571        justify-self: stretch;
1572      }
1573
1574      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__button {
1575        width: 100%;
1576      }
1577
1578      #shopify-section-sections--21296457187398__geo_market_banner .geo-market-banner__dismiss {
1579        justify-self: start;
1580      }
1581    }
1582  </style>
1583
1584  <data-island
1585    data-color-scheme="scheme3"
1586    x-data="GeoMarketBanner({
1587    enabled: true,
1588    nzTargetUrl: &quot;https:\/\/theprintroom.nz&quot;,
1589    intlTargetUrl: &quot;https:\/\/printroom.co&quot;,
1590    auTargetUrl: &quot;https:\/\/www.printroom.co\/en-au&quot;,
1591    messages: {
1592      fromInternational: &quot;You&#39;re on our international site.&quot;,
1593      fromNz: &quot;You&#39;re on our New Zealand site.&quot;,
1594      fromAu: &quot;You&#39;re on our Australia site.&quot;,
1595      switchToNz: &quot;Switch to New Zealand&quot;,
1596      switchToAu: &quot;Switch to Australia&quot;,
1597      switchToInternational: &quot;Switch to international&quot;,
1598      dismiss: &quot;Dismiss&quot;
1599    }
1600  })"
1601    role="region"
1602    aria-label="Regional site selector"
1603    x-show="shown"
1604    x-transition:enter="transition duration-300 motion-reduce:duration-0 outline-0"
1605    x-transition:enter-start="-translate-y-full"
1606    x-transition:enter-end="translate-y-0"
1607    x-transition:leave="transition duration-200 motion-reduce:duration-0 outline-0"
1608    x-transition:leave-start="translate-y-0"
1609    x-transition:leave-end="-translate-y-full"
1610    @keydown.escape.window="dismiss"
1611    id="sections--21296457187398__geo_market_banner"
1612    data-geo-market-banner
1613    style="display: none;"
1614    on="idle"
1615    src="//printroom.co/cdn/shop/t/59/assets/island-geo-market-banner.bundle.js?v=76971093760605141431787098434"
1616  >
1617    <div class="geo-market-banner__inner">
1618      <p class="geo-market-banner__message">
1619        <span x-text="message"></span>
1620      </p>
1621      <div class="geo-market-banner__actions">
1622        <a
1623          class="geo-market-banner__button"
1624          :href="targetUrl"
1625          x-text="ctaLabel"
1626          @click="acceptSwitch($event)"
1627        ></a>
1628        <button
1629          class="geo-market-banner__dismiss"
1630          type="button"
1631          @click="dismiss"
1632          :aria-label="dismissLabel"
1633        >
1634          <span x-text="dismissLabel"></span>
1635          <span class="geo-market-banner__dismiss-icon" aria-hidden="true">×</span>
1636        </button>
1637      </div>
1638    </div>
1639  </data-island>
1640
1641
1642
1643</div><div id="shopify-section-sections--21296457187398__header" class="shopify-section shopify-section-group-header-group section-header relative z-20">
1644
1645
1646<style data-shopify>
1647  
1648    #shopify-section-sections--21296457187398__header {
1649      position: sticky;
1650      top: 0;
1651      z-index: 30;
1652    }
1653
1654    :root {
1655      --sticky-header-height: 66px;
1656    }
1657  
1658
1659  #shopify-section-sections--21296457187398__header {
1660    --logo-max-width: 80px;
1661  }
1662  @media (min-width: 1024px) {
1663    #shopify-section-sections--21296457187398__header {
1664      --logo-max-width: 90px;
1665    }
1666  }
1667</style>
1668
1669<data-island
1670  x-data="Header"
1671  class="block"
1672  :class="{ 'is-stuck' : isStuck }"
1673  
1674    data-sticky="true"
1675  
1676  
1677  data-color-scheme="scheme1"
1678  data-overlay-header-with-sticky="false"
1679  data-overlay-text-color-scheme="scheme1"
1680  id="sections--21296457187398__header"
1681  role="banner"
1682  data-theme-header
1683>
1684  
1685    <sticky-header-height-helper hidden></sticky-header-height-helper>
1686  
1687  <header
1688    x-ref="header"
1689    class="relative z-10 text-scheme-text header-glass"
1690    data-color-scheme="scheme1"
1691  >
1692    <nav
1693      class="relative hidden lg:block"
1694      aria-label="Primary"
1695    >
1696      <div class="flex items-stretch px-section-horizontal-spacing justify-between flex-wrap ">
1697        <div class="flex items-stretch">
1698          
1699            <div class="flex">
1700              <a
1701    href="/"
1702    class="break-word my-auto inline-block py-4"
1703  >
1704    
1705    
1706      <div class="max-w-[var(--logo-max-width)]">
1707        
1708<img
1709            src="//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=90"
1710            srcset="//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=80 80w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=160 160w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=240 240w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=90 90w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=180 180w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=270 270w
1711            "
1712            width="543"
1713            height="397"
1714            loading="eager"
1715            
1716              sizes="(min-width: 1024px) 90px, 80px"
1717            
1718            alt="The Print Room"
1719            
1720          >
1721        
1722
1723        
1724      </div>
1725    
1726    
1727  </a>
1728            </div>
1729          
1730          
1731        </div>
1732
1733        
1734          
1735
1736
1737        <a
1738          
1739            aria-current="page"
1740          
1741          class="flex py-4 relative self-stretch inline-flex flex-col"
1742          href="/collections/product-library"
1743        >
1744          <span class="m-auto inline-block">Products</span><span
1745              class="absolute bottom-0 left-1/2 block h-2 w-gridline -translate-x-1/2 bg-gridline-color"
1746            ></span></a>
1747      
1748    
1749<data-island
1750        x-data="{
1751          expanded: false,
1752          hoverTimeout: null,
1753          openDropdown() {
1754            clearTimeout(this.hoverTimeout);
1755            this.expanded = true;
1756            this.$nextTick(() => {
1757              const header = this.$el.closest('header');
1758              const dd = this.$el.querySelector('.dropdown-glass');
1759              if (header && dd) {
1760                header.style.setProperty('--dropdown-h', dd.offsetHeight + 'px');
1761              }
1762            });
1763          },
1764          closeDropdown() {
1765            this.hoverTimeout = setTimeout(() => {
1766              this.expanded = false;
1767            }, 150);
1768          }
1769        }"
1770        @mouseenter="openDropdown()"
1771        @mouseleave="closeDropdown()"
1772        @focusin="openDropdown()"
1773        @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeDropdown()"
1774        class="no-js-focus-wrapper flex self-stretch header-dropdown"
1775        
1776      >
1777        <button
1778          class="inline-flex py-4 items-center header-menu-item"
1779          @click="expanded = !expanded"
1780          :aria-expanded="expanded ? true : 'false'"
1781          aria-controls="menu0"
1782        >
1783          <span class="inline-block pr-1">Services</span><span
1784              class="mr-1 inline-block h-3 w-3 origin-center align-middle"
1785              x-show="!expanded"
1786            ><svg
1787  class="theme-icon"
1788  xmlns="http://www.w3.org/2000/svg"
1789  fill="none"
1790  viewBox="0 0 24 24"
1791>
1792  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
1793</svg>
1794</span>
1795            <span
1796              class="mr-1 inline-block h-3 w-3 origin-center align-middle"
1797              x-show="expanded"
1798              style="display: none;"
1799            ><svg
1800  class="theme-icon"
1801  xmlns="http://www.w3.org/2000/svg"
1802  fill="none"
1803  viewBox="0 0 24 24"
1804>
1805  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
1806</svg>
1807</span></button>
1808        <div
1809          id="menu0"
1810          class="no-js-focus-container absolute top-full z-20 dropdown-glass text-scheme-text bottom-auto left-0 w-full"
1811          x-cloak
1812          x-show="expanded"
1813          x-transition:enter="transition ease-out duration-300 motion-reduce:duration-0"
1814          x-transition:enter-start="opacity-0 -translate-y-2 scale-[0.98]"
1815          x-transition:enter-end="opacity-100 translate-y-0 scale-100"
1816          x-transition:leave="transition ease-in duration-200 motion-reduce:duration-0"
1817          x-transition:leave-start="opacity-100 translate-y-0 scale-100"
1818          x-transition:leave-end="opacity-0 -translate-y-1 scale-[0.99]"
1819          style="transform-origin: top center;"
1820          data-color-scheme=""
1821        ><div class=" text-left"><div class="grid gap-gutter bg-gridline-color grid-cols-4">
1822                
1823        <div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text">
1824          <a
1825            
1826            class="font-heading inline-block py-1"
1827            href="/pages/services"
1828          >
1829            Services
1830          </a>
1831        </div>
1832      
1833                
1834
1835
1836<div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text">
1837              <h2 class="font-heading mb-2">
1838                
1839                  <a
1840                    
1841                    class="inline-block py-1"
1842                    href="/pages/product-capabilities"
1843                    
1844                  >
1845                    Production capabilities
1846                  </a>
1847                
1848              </h2>
1849              <ul><li class="">
1850                    <a
1851                      
1852                      class="inline-block py-1"
1853                      href="/pages/custom-manufactured"
1854                    >Custom-manufactured</a>
1855                  </li><li class="">
1856                    <a
1857                      
1858                      class="inline-block py-1"
1859                      href="/pages/screen-printing"
1860                    >Screen printing</a>
1861                  </li><li class="">
1862                    <a
1863                      
1864                      class="inline-block py-1"
1865                      href="/pages/embroidery"
1866                    >Embroidery</a>
1867                  </li><li class="">
1868                    <a
1869                      
1870                      class="inline-block py-1"
1871                      href="/pages/heat-transfers"
1872                    >Heat transfers</a>
1873                  </li><li class="">
1874                    <a
1875                      
1876                      class="inline-block py-1"
1877                      href="/pages/finishing"
1878                    >Finishing</a>
1879                  </li></ul>
1880            </div><div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text">
1881              <h2 class="font-heading mb-2">
1882                
1883                  <a
1884                    
1885                    class="inline-block py-1"
1886                    href="/pages/partner-services"
1887                    
1888                  >
1889                    Partner services
1890                  </a>
1891                
1892              </h2>
1893              <ul><li class="">
1894                    <a
1895                      
1896                      class="inline-block py-1"
1897                      href="/pages/client-portal"
1898                    >Client portal</a>
1899                  </li><li class="">
1900                    <a
1901                      
1902                      class="inline-block py-1"
1903                      href="/pages/fundraising-pre-orders"
1904                    >Fundraise & pre-order</a>
1905                  </li><li class="">
1906                    <a
1907                      
1908                      class="inline-block py-1"
1909                      href="/pages/repurpose-initiative"
1910                    >Repurpose initiative</a>
1911                  </li></ul>
1912            </div><div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text">
1913              <h2 class="font-heading mb-2">
1914                
1915                  <a
1916                    
1917                    class="inline-block py-1"
1918                    href="/pages/popular-services"
1919                    
1920                  >
1921                    Popular services
1922                  </a>
1923                
1924              </h2>
1925              <ul><li class="">
1926                    <a
1927                      
1928                      class="inline-block py-1"
1929                      href="/pages/school-leavers-gear"
1930                    >School leavers gear</a>
1931                  </li><li class="">
1932                    <a
1933                      
1934                      class="inline-block py-1"
1935                      href="/pages/tshirt-printing"
1936                    >Custom t-shirt printing</a>
1937                  </li></ul>
1938            </div>
1939</div></div></div>
1940      </data-island>
1941
1942
1943
1944
1945        <a
1946          
1947          class="flex py-4 relative self-stretch inline-flex flex-col"
1948          href="/pages/responsibility"
1949        >
1950          <span class="m-auto inline-block">Responsibility</span></a>
1951      
1952    
1953<data-island
1954        x-data="{
1955          expanded: false,
1956          hoverTimeout: null,
1957          openDropdown() {
1958            clearTimeout(this.hoverTimeout);
1959            this.expanded = true;
1960            this.$nextTick(() => {
1961              const header = this.$el.closest('header');
1962              const dd = this.$el.querySelector('.dropdown-glass');
1963              if (header && dd) {
1964                header.style.setProperty('--dropdown-h', dd.offsetHeight + 'px');
1965              }
1966            });
1967          },
1968          closeDropdown() {
1969            this.hoverTimeout = setTimeout(() => {
1970              this.expanded = false;
1971            }, 150);
1972          }
1973        }"
1974        @mouseenter="openDropdown()"
1975        @mouseleave="closeDropdown()"
1976        @focusin="openDropdown()"
1977        @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeDropdown()"
1978        class="no-js-focus-wrapper flex self-stretch header-dropdown"
1979        style="position: relative;"
1980      >
1981        <button
1982          class="inline-flex py-4 items-center header-menu-item"
1983          @click="expanded = !expanded"
1984          :aria-expanded="expanded ? true : 'false'"
1985          aria-controls="menu1"
1986        >
1987          <span class="inline-block pr-1">Our story</span><span
1988              class="mr-1 inline-block h-3 w-3 origin-center align-middle"
1989              x-show="!expanded"
1990            ><svg
1991  class="theme-icon"
1992  xmlns="http://www.w3.org/2000/svg"
1993  fill="none"
1994  viewBox="0 0 24 24"
1995>
1996  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
1997</svg>
1998</span>
1999            <span
2000              class="mr-1 inline-block h-3 w-3 origin-center align-middle"
2001              x-show="expanded"
2002              style="display: none;"
2003            ><svg
2004  class="theme-icon"
2005  xmlns="http://www.w3.org/2000/svg"
2006  fill="none"
2007  viewBox="0 0 24 24"
2008>
2009  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
2010</svg>
2011</span></button>
2012        <div
2013          id="menu1"
2014          class="no-js-focus-container absolute top-full z-20 dropdown-glass text-scheme-text gs-dropdown-content nav-dropdown-content"
2015          x-cloak
2016          x-show="expanded"
2017          x-transition:enter="transition ease-out duration-300 motion-reduce:duration-0"
2018          x-transition:enter-start="opacity-0 -translate-y-2 scale-[0.98]"
2019          x-transition:enter-end="opacity-100 translate-y-0 scale-100"
2020          x-transition:leave="transition ease-in duration-200 motion-reduce:duration-0"
2021          x-transition:leave-start="opacity-100 translate-y-0 scale-100"
2022          x-transition:leave-end="opacity-0 -translate-y-1 scale-[0.99]"
2023          style="transform-origin: top left;"
2024          data-color-scheme=""
2025        ><a
2026                href="/pages/in-good-company-with"
2027                
2028              >In good company with…</a><a
2029                href="/pages/about-print-room"
2030                
2031              >Our origins</a></div>
2032      </data-island>
2033
2034<data-island
2035          x-data="{
2036            expanded: false,
2037            hoverTimeout: null,
2038            openDropdown() {
2039              clearTimeout(this.hoverTimeout);
2040              this.expanded = true;
2041              this.$nextTick(() => {
2042                const header = this.$el.closest('header');
2043                const dd = this.$el.querySelector('.dropdown-glass');
2044                if (header && dd) {
2045                  header.style.setProperty('--dropdown-h', dd.offsetHeight + 'px');
2046                }
2047              });
2048            },
2049            closeDropdown() {
2050              this.hoverTimeout = setTimeout(() => {
2051                this.expanded = false;
2052              }, 150);
2053            }
2054          }"
2055          @mouseenter="openDropdown()"
2056          @mouseleave="closeDropdown()"
2057          @focusin="openDropdown()"
2058          @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeDropdown()"
2059          class="no-js-focus-wrapper flex items-center self-stretch header-dropdown"
2060          style="position: relative;"
2061        >
2062          <button
2063            class="gs-pill"
2064            :class="{ 'is-active': expanded }"
2065            @click="expanded = !expanded"
2066            :aria-expanded="expanded ? 'true' : 'false'"
2067          >
2068            <span>Get started +</span>
2069          </button>
2070          <div
2071            class="no-js-focus-container absolute top-full z-20 dropdown-glass text-scheme-text gs-dropdown-content"
2072            x-cloak
2073            x-show="expanded"
2074            x-transition:enter="transition ease-out duration-300 motion-reduce:duration-0"
2075            x-transition:enter-start="opacity-0 -translate-y-2"
2076            x-transition:enter-end="opacity-100 translate-y-0"
2077            x-transition:leave="transition ease-in duration-200 motion-reduce:duration-0"
2078            x-transition:leave-start="opacity-100 translate-y-0"
2079            x-transition:leave-end="opacity-0 -translate-y-1"
2080            style="transform-origin: top left;"
2081            data-color-scheme=""
2082          ><a href="/collections/product-library">Start a project</a><a href="/pages/book-a-call">Book a call</a></div>
2083        </data-island>
2084
2085        
2086<div class="flex items-stretch justify-end gap-x-4 text-right "><div class="ml-4 my-auto shrink-0"><form method="post" action="/localization" id="header-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/product-library" /><div class="flex gap-4 justify-end max-lg:hidden"><div class="inline-block shrink-0 select-none">
2087        <h2 class="sr-only" id="country-heading-header">
2088          Country/region
2089        </h2>
2090        <data-island
2091          class="relative"
2092          x-data="{ expanded: false }"
2093          @keydown.escape.prevent.stop="expanded = false"
2094          @click.outside="expanded = false"
2095        >
2096          <button
2097            type="button"
2098            class="text-base py-4"
2099            :aria-expanded="expanded"
2100            aria-controls="country-list-header"
2101            aria-describedby="country-heading-header"
2102            @click.prevent="expanded = ! expanded"
2103          >
2104            United States (USD
2105            $)
2106            <span
2107              class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
2108              :class="{ 'rotate-180': expanded }"
2109            >
2110              <svg
2111  class="theme-icon"
2112  xmlns="http://www.w3.org/2000/svg"
2113  fill="none"
2114  viewBox="0 0 24 24"
2115>
2116  <path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
2117</svg>
2118
2119            </span>
2120          </button>
2121          <div
2122            class="absolute top-full left-0 right-auto"
2123            x-show="expanded"
2124            style="display: none;"
2125          >
2126            <ul
2127              id="country-list-header"
2128              class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.64)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gridline-color bg-gridline-color text-base"
2129              x-transition:enter="transition ease duration-300"
2130              x-transition:enter-start="opacity-0"
2131              x-transition:enter-end="opacity-100"
2132              x-transition:leave="transition ease duration-300"
2133              x-transition:leave-start="opacity-100"
2134              x-transition:leave-end="opacity-0"
2135              :aria-hidden="! expanded"
2136            >
2137              
2138                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2139                  <button
2140                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2141                    type="button"
2142                    
2143                    @click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
2144                  >
2145                    <span class="border-transparent border-b-text">Australia (AUD
2146                      $)</span
2147                    >
2148                  </button>
2149                </li>
2150                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2151                  <button
2152                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2153                    type="button"
2154                    
2155                    @click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
2156                  >
2157                    <span class="border-transparent border-b-text">China (CNY
2158                      ¥)</span
2159                    >
2160                  </button>
2161                </li>
2162                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2163                  <button
2164                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2165                    type="button"
2166                    
2167                    @click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
2168                  >
2169                    <span class="border-transparent border-b-text">France (EUR
2170                      €)</span
2171                    >
2172                  </button>
2173                </li>
2174                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2175                  <button
2176                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2177                    type="button"
2178                    
2179                    @click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
2180                  >
2181                    <span class="border-transparent border-b-text">New Zealand (NZD
2182                      $)</span
2183                    >
2184                  </button>
2185                </li>
2186                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2187                  <button
2188                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2189                    type="button"
2190                    
2191                    @click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
2192                  >
2193                    <span class="border-transparent border-b-text">United Kingdom (GBP
2194                      £)</span
2195                    >
2196                  </button>
2197                </li>
2198                <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2199                  <button
2200                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2201                    type="button"
2202                    
2203                      aria-current="true"
2204                    
2205                    @click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
2206                  >
2207                    <span class="border-scheme-text border-b-text">United States (USD
2208                      $)</span
2209                    >
2210                  </button>
2211                </li></ul>
2212          </div>
2213
2214          <input
2215            x-ref="input"
2216            type="hidden"
2217            name="country_code"
2218            id="CountrySelector"
2219            value="US"
2220          >
2221        </data-island>
2222      </div></div></form></div>
2223            <div class="flex items-stretch whitespace-nowrap">
2224              <data-island
2225  x-data="{ searchOpen: false }"
2226  class="contents"
2227>
2228  <a
2229    x-ref="searchToggle"
2230    @click.prevent="searchOpen = true"
2231    @keydown.space.prevent="searchOpen = true"
2232    class="inline-flex py-4 h-full"
2233    href="/search"
2234    :role="`button`"
2235  ><span class="sr-only">Search</span>
2236      <span class="my-auto inline-block h-6 w-6 align-middle"><svg
2237  class="theme-icon"
2238  xmlns="http://www.w3.org/2000/svg"
2239  fill="none"
2240  viewBox="0 0 24 24"
2241>
2242  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2243</svg>
2244</span></a>
2245
2246  <data-island
2247    class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text  w-full top-full bottom-auto left-0"
2248    x-cloak
2249    x-show="searchOpen"
2250    x-transition:enter="ease duration-200"
2251    x-transition:enter-start="opacity-0"
2252    x-transition:enter-end="opacity-100"
2253    x-transition:leave="ease duration-200"
2254    x-transition:leave-start="opacity-100"
2255    x-transition:leave-end="opacity-0"
2256    
2257      x-data="PredictiveSearch('product,collection,article,page,query')"
2258      x-trap.inert.noscroll="resultsOpen"
2259      @keyup="onKeyup"
2260      @keydown="onKeydown"
2261      @click.outside.prevent="close()"
2262      @keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
2263      @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
2264      style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
2265      src="//printroom.co/cdn/shop/t/59/assets/island-predictive-search.bundle.js?v=181601895277339900721787098435"
2266    
2267    x-ref="searchComponent"
2268    data-color-scheme="scheme1"
2269    on="idle"
2270  >
2271    <div
2272      class="w-full whitespace-normal"
2273    >
2274      <form
2275        action="/search"
2276        method="get"
2277        class="predictive-search-form input-group search"
2278        role="search"
2279      >
2280        <input type="hidden" name="options[prefix]" value="last"><label
2281          for="search-logo_left_menu_spread-desktop"
2282          class="hidden"
2283        >Submit</label>
2284
2285        <div
2286          class="flex items-center justify-between"
2287        >
2288          <button
2289            class="mr-4 py-2"
2290            aria-label="Submit"
2291            type="submit"
2292          >
2293            <span class="inline-block h-6 w-6 align-middle"><svg
2294  class="theme-icon"
2295  xmlns="http://www.w3.org/2000/svg"
2296  fill="none"
2297  viewBox="0 0 24 24"
2298>
2299  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2300</svg>
2301</span>
2302            <span class="sr-only">Submit</span>
2303          </button>
2304          <input
2305            id="search-logo_left_menu_spread-desktop"
2306            type="search"
2307            name="q"
2308            value=""
2309            placeholder="Search"
2310            class="font-body block w-full bg-transparent placeholder-current"
2311            aria-label="Search"
2312            data-search-input
2313            
2314              :aria-expanded="resultsOpen"
2315              :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
2316              aria-owns="predictive-search-results"
2317              aria-controls="predictive-search-results"
2318              aria-autocomplete="list"
2319              autocorrect="off"
2320              autocomplete="off"
2321              autocapitalize="off"
2322              spellcheck="false"
2323              x-ref="input"
2324              x-model.debounce.300="rawQuery"
2325              @focus="onFocus"
2326            
2327          >
2328          <button
2329            class="ml-4 py-2"
2330            
2331              @click="close()"
2332            
2333            type="button"
2334          >
2335            <span class="sr-only">Close</span>
2336            <span class="inline-block h-6 w-6 align-middle"><svg
2337  class="theme-icon"
2338  xmlns="http://www.w3.org/2000/svg"
2339  fill="none"
2340  viewBox="0 0 24 24"
2341>
2342  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
2343</svg>
2344</span>
2345          </button>
2346        </div><div
2347            tabindex="-1"
2348            x-cloak
2349            class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
2350          >
2351            <template x-if="loading">
2352              <div class="border-b-gridline border-gridline-color bg-scheme-background">
2353                <div
2354                  class="mx-auto py-6 text-center"
2355                >
2356                  <div>Loading&hellip;</div>
2357                </div>
2358              </div>
2359            </template>
2360            <template x-if="resultsOpen">
2361              <div
2362                x-show="!loading && resultsHTML && resultsOpen"
2363                class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background"
2364                x-html-if-set="resultsHTML"
2365              ></div>
2366            </template>
2367          </div>
2368          <span
2369            class="predictive-search-status sr-only"
2370            role="status"
2371            aria-hidden="true"
2372          ></span></form>
2373    </div>
2374  </data-island>
2375</data-island>
2376
2377            </div>
2378          
2379
2380          <div class="flex items-stretch whitespace-nowrap gap-4"><style>
2381  @keyframes quote-badge-pulse {
2382    0% { transform: scale(1); }
2383    50% { transform: scale(1.22); }
2384    100% { transform: scale(1); }
2385  }
2386
2387  @keyframes quote-icon-pulse {
2388    0% { transform: scale(1); }
2389    50% { transform: scale(1.12); }
2390    100% { transform: scale(1); }
2391  }
2392
2393  .quote-badge-animate {
2394    animation: quote-badge-pulse 0.4s ease-in-out;
2395  }
2396  .quote-icon-animate {
2397    animation: quote-icon-pulse 0.4s ease-in-out;
2398  }
2399  .quote-badge {
2400    min-width: 1.3rem;
2401    padding-inline: 0.22rem;
2402    box-shadow: 0 10px 24px rgba(43, 57, 144, 0.22);
2403  }
2404  .quote-tooltip {
2405    position: absolute;
2406    top: calc(100% + 8px);
2407    right: -10px;
2408    width: 152px;
2409    padding: 15px 16px;
2410    border-radius: 20px;
2411    font-size: 14px;
2412    font-style: italic;
2413    line-height: 17px;
2414    color: #000;
2415    background: #FBFBF6;
2416    border: 1px solid #000;
2417    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
2418    z-index: 1000;
2419    cursor: pointer;
2420    white-space: normal;
2421    text-align: left;
2422  }
2423  .quote-tooltip::before {
2424    content: '';
2425    position: absolute;
2426    top: -7px;
2427    right: 24px;
2428    width: 14px;
2429    height: 14px;
2430    background: #FBFBF6;
2431    border-top: 1px solid #000;
2432    border-left: 1px solid #000;
2433    transform: rotate(45deg);
2434  }
2435  @media (max-width: 640px) {
2436    .quote-tooltip {
2437      right: -10px;
2438    }
2439  }
2440</style>
2441
2442<div
2443  class="relative"
2444  x-data="{
2445    showTooltip: false,
2446    tooltipDismissed: false,
2447    animating: false,
2448    tooltipTimer: null,
2449    dismissTooltip() {
2450      this.showTooltip = false;
2451      this.tooltipDismissed = true;
2452      if (this.tooltipTimer) clearTimeout(this.tooltipTimer);
2453      if (this.tooltipDelayTimer) clearTimeout(this.tooltipDelayTimer);
2454    },
2455    tooltipDelayTimer: null,
2456    triggerTooltip() {
2457      try {
2458        if (this.tooltipDismissed || sessionStorage.getItem('psstShown')) return;
2459      } catch (error) {
2460        if (this.tooltipDismissed) return;
2461      }
2462      if (this.tooltipDelayTimer) clearTimeout(this.tooltipDelayTimer);
2463      this.tooltipDelayTimer = setTimeout(() => {
2464        if (this.tooltipDismissed) return;
2465        try { sessionStorage.setItem('psstShown', '1'); } catch(e) {}
2466        this.showTooltip = true;
2467        if (this.tooltipTimer) clearTimeout(this.tooltipTimer);
2468        this.tooltipTimer = setTimeout(() => { this.showTooltip = false; }, 15000);
2469      }, 5000);
2470    },
2471    pulseIcon() {
2472      this.animating = true;
2473      setTimeout(() => { this.animating = false; }, 450);
2474    }
2475  }"
2476  @quote-item-added.document="pulseIcon(); triggerTooltip()"
2477>
2478  <a
2479    href="/pages/general-quote"
2480    class="inline-flex min-h-10 items-center py-4 h-full"
2481    :role="`button`"
2482    :aria-expanded="$store.modals.rightDrawer.contents === 'favorites'"
2483    @click.prevent="$store.modals.open('favorites'); dismissTooltip(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'quote_drawer_opened', quote_count: $store.favorites.count, page_path: window.location.pathname })"
2484    @keydown.space.prevent="$store.modals.open('favorites'); dismissTooltip()"
2485    aria-label="Open your quote"
2486  ><div class="pointer-events-none relative my-auto align-middle" :class="{ 'quote-icon-animate': animating }"><span class="inline-block h-6 w-6 align-top [&_*]:pointer-events-none"><span class="h-full w-full">
2487  <svg
2488    aria-hidden="true"
2489    focusable="false"
2490    role="presentation"
2491    class="icon icon-quote-list-outline"
2492    viewBox="0 0 24 24"
2493    fill="none"
2494  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
2495    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
2496    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
2497    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
2498    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
2499    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
2500    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
2501    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
2502  </svg>
2503</span>
2504</span><span
2505          x-show="$store.favorites.count > 0"
2506          x-cloak
2507          class="quote-badge absolute flex items-center justify-center rounded-full text-[10px] font-bold"
2508          style="background-color: #4B4D72; color: #fff; width: 18px; height: 18px; top: -7px; right: -8px;"
2509          :class="{ 'quote-badge-animate': animating }"
2510          x-text="$store.favorites.count"
2511        ></span>
2512        <span class="sr-only" x-text="'Your Quote: ' + $store.favorites.countWithText()">
2513          Your Quote: 0 items
2514        </span>
2515      </div></a><div
2516    x-show="showTooltip"
2517    x-transition:enter="transition ease-out duration-200"
2518    x-transition:enter-start="opacity-0 translate-y-1"
2519    x-transition:enter-end="opacity-100 translate-y-0"
2520    x-transition:leave="transition ease-in duration-150"
2521    x-transition:leave-start="opacity-100"
2522    x-transition:leave-end="opacity-0"
2523    x-cloak
2524    class="quote-tooltip"
2525    @click="dismissTooltip()"
2526  >
2527    Hi, your favourite products are here.
2528  </div>
2529</div>
2530
2531  <a
2532    href="/cart"
2533    class="inline-flex py-4 h-full"
2534    
2535  ><div class="pointer-events-none relative my-auto align-middle">
2536        <span
2537          x-show="$store.cartCount.count > 0"
2538          class="absolute right-0 top-1 h-2 w-2 rounded-full"
2539          style="background-color: #f1ffa5;"
2540        ></span>
2541        <span class="inline-block h-6 w-6 fill-current align-top [&_*]:pointer-events-none"><svg
2542  class="theme-icon"
2543  xmlns="http://www.w3.org/2000/svg"
2544  fill="none"
2545  viewBox="0 0 24 24"
2546>
2547  <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/>
2548</svg>
2549</span>
2550        <span class="sr-only" x-text="$store.cartCount.countWithText()">
2551          
25520 items
2553        </span>
2554      </div></a>
2555          </div>
2556        </div>
2557      </div>
2558
2559      
2560    </nav>
2561
2562    
2563    <nav
2564      aria-label="Header"
2565      class="lg:hidden"
2566    >
2567      <div class="flex items-center justify-between px-section-horizontal-spacing lg:relative">
2568        <div class="flex gap-2 items-center">
2569          
2570            <div>
2571              <a
2572    href="/"
2573    class="break-word my-auto inline-block py-4"
2574  >
2575    
2576    
2577      <div class="max-w-[var(--logo-max-width)]">
2578        
2579<img
2580            src="//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=90"
2581            srcset="//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=80 80w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=160 160w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=240 240w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=90 90w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=180 180w,//printroom.co/cdn/shop/files/printroom_primary_logo.svg?v=1704916358&width=270 270w
2582            "
2583            width="543"
2584            height="397"
2585            loading="eager"
2586            
2587              sizes="(min-width: 1024px) 90px, 80px"
2588            
2589            alt="The Print Room"
2590            
2591          >
2592        
2593
2594        
2595      </div>
2596    
2597    
2598  </a>
2599            </div>
2600          
2601          
2602        </div>
2603
2604        
2605
2606        <div class="flex justify-end gap-2 text-right">
2607          
2608            <button
2609    class="inline-block no-js:hidden py-4"
2610    :aria-expanded="$store.modals.leftDrawer.contents === 'sidebar'"
2611    @click="$store.modals.open('sidebar')"
2612  ><span class="sr-only pointer-events-none">Menu</span>
2613      <span class="pointer-events-none inline-block h-6 w-6 align-middle"><svg
2614  class="theme-icon"
2615  xmlns="http://www.w3.org/2000/svg"
2616  fill="none"
2617  viewBox="0 0 24 24"
2618>
2619  <path stroke="currentColor" d="M1 7.364h22M1 15.636h22" vector-effect="non-scaling-stroke"/>
2620</svg>
2621</span></button>
2622          
2623
2624          
2625
2626          
2627            <div class="whitespace-nowrap lg:ml-4">
2628              <data-island
2629  x-data="{ searchOpen: false }"
2630  class="contents"
2631>
2632  <a
2633    x-ref="searchToggle"
2634    @click.prevent="searchOpen = true"
2635    @keydown.space.prevent="searchOpen = true"
2636    class="inline-flex py-4 h-full"
2637    href="/search"
2638    :role="`button`"
2639  ><span class="sr-only">Search</span>
2640      <span class="my-auto inline-block h-6 w-6 align-middle"><svg
2641  class="theme-icon"
2642  xmlns="http://www.w3.org/2000/svg"
2643  fill="none"
2644  viewBox="0 0 24 24"
2645>
2646  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2647</svg>
2648</span></a>
2649
2650  <data-island
2651    class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text  w-full top-full bottom-auto left-0"
2652    x-cloak
2653    x-show="searchOpen"
2654    x-transition:enter="ease duration-200"
2655    x-transition:enter-start="opacity-0"
2656    x-transition:enter-end="opacity-100"
2657    x-transition:leave="ease duration-200"
2658    x-transition:leave-start="opacity-100"
2659    x-transition:leave-end="opacity-0"
2660    
2661      x-data="PredictiveSearch('product,collection,article,page,query')"
2662      x-trap.inert.noscroll="resultsOpen"
2663      @keyup="onKeyup"
2664      @keydown="onKeydown"
2665      @click.outside.prevent="close()"
2666      @keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
2667      @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
2668      style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
2669      src="//printroom.co/cdn/shop/t/59/assets/island-predictive-search.bundle.js?v=181601895277339900721787098435"
2670    
2671    x-ref="searchComponent"
2672    data-color-scheme="scheme1"
2673    on="idle"
2674  >
2675    <div
2676      class="w-full whitespace-normal"
2677    >
2678      <form
2679        action="/search"
2680        method="get"
2681        class="predictive-search-form input-group search"
2682        role="search"
2683      >
2684        <input type="hidden" name="options[prefix]" value="last"><label
2685          for="search-logo_left_menu_spread-mobile"
2686          class="hidden"
2687        >Submit</label>
2688
2689        <div
2690          class="flex items-center justify-between"
2691        >
2692          <button
2693            class="mr-4 py-2"
2694            aria-label="Submit"
2695            type="submit"
2696          >
2697            <span class="inline-block h-6 w-6 align-middle"><svg
2698  class="theme-icon"
2699  xmlns="http://www.w3.org/2000/svg"
2700  fill="none"
2701  viewBox="0 0 24 24"
2702>
2703  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2704</svg>
2705</span>
2706            <span class="sr-only">Submit</span>
2707          </button>
2708          <input
2709            id="search-logo_left_menu_spread-mobile"
2710            type="search"
2711            name="q"
2712            value=""
2713            placeholder="Search"
2714            class="font-body block w-full bg-transparent placeholder-current"
2715            aria-label="Search"
2716            data-search-input
2717            
2718              :aria-expanded="resultsOpen"
2719              :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
2720              aria-owns="predictive-search-results"
2721              aria-controls="predictive-search-results"
2722              aria-autocomplete="list"
2723              autocorrect="off"
2724              autocomplete="off"
2725              autocapitalize="off"
2726              spellcheck="false"
2727              x-ref="input"
2728              x-model.debounce.300="rawQuery"
2729              @focus="onFocus"
2730            
2731          >
2732          <button
2733            class="ml-4 py-2"
2734            
2735              @click="close()"
2736            
2737            type="button"
2738          >
2739            <span class="sr-only">Close</span>
2740            <span class="inline-block h-6 w-6 align-middle"><svg
2741  class="theme-icon"
2742  xmlns="http://www.w3.org/2000/svg"
2743  fill="none"
2744  viewBox="0 0 24 24"
2745>
2746  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
2747</svg>
2748</span>
2749          </button>
2750        </div><div
2751            tabindex="-1"
2752            x-cloak
2753            class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
2754          >
2755            <template x-if="loading">
2756              <div class="border-b-gridline border-gridline-color bg-scheme-background">
2757                <div
2758                  class="mx-auto py-6 text-center"
2759                >
2760                  <div>Loading&hellip;</div>
2761                </div>
2762              </div>
2763            </template>
2764            <template x-if="resultsOpen">
2765              <div
2766                x-show="!loading && resultsHTML && resultsOpen"
2767                class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background"
2768                x-html-if-set="resultsHTML"
2769              ></div>
2770            </template>
2771          </div>
2772          <span
2773            class="predictive-search-status sr-only"
2774            role="status"
2775            aria-hidden="true"
2776          ></span></form>
2777    </div>
2778  </data-island>
2779</data-island>
2780
2781            </div>
2782          
2783<div class="inline-block shrink-0 select-none whitespace-nowrap lg:ml-4">
2784            <data-island
2785              class="relative"
2786              x-data="{ expanded: false }"
2787              @keydown.escape.prevent.stop="expanded = false"
2788              @click.outside="expanded = false"
2789            >
2790              <button
2791                type="button"
2792                class="inline-flex py-4 h-full"
2793                :aria-expanded="expanded"
2794                aria-controls="currency-list-header"
2795                @click.prevent="expanded = ! expanded"
2796                aria-label="Currency selector"
2797              >
2798                <span class="my-auto inline-flex items-center gap-1">
2799                  <span class="inline-block h-6 w-6 align-middle">
2800                    <svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
2801  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" vector-effect="non-scaling-stroke" fill="none"/>
2802  <path stroke="currentColor" stroke-width="1.5" d="M12 6v12M8 10h8M8 14h8" vector-effect="non-scaling-stroke"/>
2803</svg>
2804                  </span>
2805                  <span class="text-xs font-medium">USD</span>
2806                </span>
2807                <span
2808                  class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition my-auto"
2809                  :class="{ 'rotate-180': expanded }"
2810                >
2811                  <svg
2812  class="theme-icon"
2813  xmlns="http://www.w3.org/2000/svg"
2814  fill="none"
2815  viewBox="0 0 24 24"
2816>
2817  <path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
2818</svg>
2819
2820                </span>
2821              </button>
2822              <div
2823                class="absolute top-full right-0"
2824                x-show="expanded"
2825                style="display: none;"
2826              >
2827                <form method="post" action="/localization" accept-charset="UTF-8" enctype="multipart/form-data">
2828                  <input type="hidden" name="form_type" value="localization">
2829                  <input type="hidden" name="utf8" value="✓">
2830                  <input type="hidden" name="_method" value="put">
2831                  <input type="hidden" name="return_to" value="/collections/product-library">
2832                  <ul
2833                    id="currency-list-header"
2834                    class="relative z-50 flex max-h-[30vh] w-max max-w-[theme(spacing.64)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gridline-color bg-gridline-color text-base"
2835                    x-transition:enter="transition ease duration-300"
2836                    x-transition:enter-start="opacity-0"
2837                    x-transition:enter-end="opacity-100"
2838                    x-transition:leave="transition ease duration-300"
2839                    x-transition:leave-start="opacity-100"
2840                    x-transition:leave-end="opacity-0"
2841                    :aria-hidden="! expanded"
2842                  >
2843                    
2844                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2845                        <button
2846                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2847                          type="submit"
2848                          name="country_code"
2849                          value="AU"
2850                          
2851                        >
2852                          <span class="border-transparent border-b-text">AUD $<span class="ml-2 text-xs opacity-70">Australia</span></span
2853                          >
2854                        </button>
2855                      </li>
2856                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2857                        <button
2858                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2859                          type="submit"
2860                          name="country_code"
2861                          value="CN"
2862                          
2863                        >
2864                          <span class="border-transparent border-b-text">CNY ¥<span class="ml-2 text-xs opacity-70">China</span></span
2865                          >
2866                        </button>
2867                      </li>
2868                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2869                        <button
2870                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2871                          type="submit"
2872                          name="country_code"
2873                          value="FR"
2874                          
2875                        >
2876                          <span class="border-transparent border-b-text">EUR €<span class="ml-2 text-xs opacity-70">France</span></span
2877                          >
2878                        </button>
2879                      </li>
2880                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2881                        <button
2882                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2883                          type="submit"
2884                          name="country_code"
2885                          value="NZ"
2886                          
2887                        >
2888                          <span class="border-transparent border-b-text">NZD $<span class="ml-2 text-xs opacity-70">New Zealand</span></span
2889                          >
2890                        </button>
2891                      </li>
2892                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2893                        <button
2894                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2895                          type="submit"
2896                          name="country_code"
2897                          value="GB"
2898                          
2899                        >
2900                          <span class="border-transparent border-b-text">GBP £<span class="ml-2 text-xs opacity-70">United Kingdom</span></span
2901                          >
2902                        </button>
2903                      </li>
2904                      <li class="flex items-center bg-scheme-background px-4 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
2905                        <button
2906                          class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
2907                          type="submit"
2908                          name="country_code"
2909                          value="US"
2910                          
2911                            aria-current="true"
2912                          
2913                        >
2914                          <span class="border-scheme-text border-b-text">USD $<span class="ml-2 text-xs opacity-70">United States</span></span
2915                          >
2916                        </button>
2917                      </li></ul>
2918                </form>
2919              </div>
2920            </data-island>
2921          </div><div class="flex items-center whitespace-nowrap gap-2 lg:ml-4"><style>
2922  @keyframes quote-badge-pulse {
2923    0% { transform: scale(1); }
2924    50% { transform: scale(1.22); }
2925    100% { transform: scale(1); }
2926  }
2927
2928  @keyframes quote-icon-pulse {
2929    0% { transform: scale(1); }
2930    50% { transform: scale(1.12); }
2931    100% { transform: scale(1); }
2932  }
2933
2934  .quote-badge-animate {
2935    animation: quote-badge-pulse 0.4s ease-in-out;
2936  }
2937  .quote-icon-animate {
2938    animation: quote-icon-pulse 0.4s ease-in-out;
2939  }
2940  .quote-badge {
2941    min-width: 1.3rem;
2942    padding-inline: 0.22rem;
2943    box-shadow: 0 10px 24px rgba(43, 57, 144, 0.22);
2944  }
2945  .quote-tooltip {
2946    position: absolute;
2947    top: calc(100% + 8px);
2948    right: -10px;
2949    width: 152px;
2950    padding: 15px 16px;
2951    border-radius: 20px;
2952    font-size: 14px;
2953    font-style: italic;
2954    line-height: 17px;
2955    color: #000;
2956    background: #FBFBF6;
2957    border: 1px solid #000;
2958    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
2959    z-index: 1000;
2960    cursor: pointer;
2961    white-space: normal;
2962    text-align: left;
2963  }
2964  .quote-tooltip::before {
2965    content: '';
2966    position: absolute;
2967    top: -7px;
2968    right: 24px;
2969    width: 14px;
2970    height: 14px;
2971    background: #FBFBF6;
2972    border-top: 1px solid #000;
2973    border-left: 1px solid #000;
2974    transform: rotate(45deg);
2975  }
2976  @media (max-width: 640px) {
2977    .quote-tooltip {
2978      right: -10px;
2979    }
2980  }
2981</style>
2982
2983<div
2984  class="relative"
2985  x-data="{
2986    showTooltip: false,
2987    tooltipDismissed: false,
2988    animating: false,
2989    tooltipTimer: null,
2990    dismissTooltip() {
2991      this.showTooltip = false;
2992      this.tooltipDismissed = true;
2993      if (this.tooltipTimer) clearTimeout(this.tooltipTimer);
2994      if (this.tooltipDelayTimer) clearTimeout(this.tooltipDelayTimer);
2995    },
2996    tooltipDelayTimer: null,
2997    triggerTooltip() {
2998      try {
2999        if (this.tooltipDismissed || sessionStorage.getItem('psstShown')) return;
3000      } catch (error) {
3001        if (this.tooltipDismissed) return;
3002      }
3003      if (this.tooltipDelayTimer) clearTimeout(this.tooltipDelayTimer);
3004      this.tooltipDelayTimer = setTimeout(() => {
3005        if (this.tooltipDismissed) return;
3006        try { sessionStorage.setItem('psstShown', '1'); } catch(e) {}
3007        this.showTooltip = true;
3008        if (this.tooltipTimer) clearTimeout(this.tooltipTimer);
3009        this.tooltipTimer = setTimeout(() => { this.showTooltip = false; }, 15000);
3010      }, 5000);
3011    },
3012    pulseIcon() {
3013      this.animating = true;
3014      setTimeout(() => { this.animating = false; }, 450);
3015    }
3016  }"
3017  @quote-item-added.document="pulseIcon(); triggerTooltip()"
3018>
3019  <a
3020    href="/pages/general-quote"
3021    class="inline-flex min-h-10 items-center py-4 h-full"
3022    :role="`button`"
3023    :aria-expanded="$store.modals.rightDrawer.contents === 'favorites'"
3024    @click.prevent="$store.modals.open('favorites'); dismissTooltip(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'quote_drawer_opened', quote_count: $store.favorites.count, page_path: window.location.pathname })"
3025    @keydown.space.prevent="$store.modals.open('favorites'); dismissTooltip()"
3026    aria-label="Open your quote"
3027  ><div class="pointer-events-none relative my-auto align-middle" :class="{ 'quote-icon-animate': animating }"><span class="inline-block h-6 w-6 align-top [&_*]:pointer-events-none"><span class="h-full w-full">
3028  <svg
3029    aria-hidden="true"
3030    focusable="false"
3031    role="presentation"
3032    class="icon icon-quote-list-outline"
3033    viewBox="0 0 24 24"
3034    fill="none"
3035  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
3036    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
3037    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
3038    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
3039    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
3040    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
3041    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
3042    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
3043  </svg>
3044</span>
3045</span><span
3046          x-show="$store.favorites.count > 0"
3047          x-cloak
3048          class="quote-badge absolute flex items-center justify-center rounded-full text-[10px] font-bold"
3049          style="background-color: #4B4D72; color: #fff; width: 18px; height: 18px; top: -7px; right: -8px;"
3050          :class="{ 'quote-badge-animate': animating }"
3051          x-text="$store.favorites.count"
3052        ></span>
3053        <span class="sr-only" x-text="'Your Quote: ' + $store.favorites.countWithText()">
3054          Your Quote: 0 items
3055        </span>
3056      </div></a><div
3057    x-show="showTooltip"
3058    x-transition:enter="transition ease-out duration-200"
3059    x-transition:enter-start="opacity-0 translate-y-1"
3060    x-transition:enter-end="opacity-100 translate-y-0"
3061    x-transition:leave="transition ease-in duration-150"
3062    x-transition:leave-start="opacity-100"
3063    x-transition:leave-end="opacity-0"
3064    x-cloak
3065    class="quote-tooltip"
3066    @click="dismissTooltip()"
3067  >
3068    Hi, your favourite products are here.
3069  </div>
3070</div>
3071
3072  <a
3073    href="/cart"
3074    class="inline-flex py-4 h-full"
3075    
3076  ><div class="pointer-events-none relative my-auto align-middle">
3077        <span
3078          x-show="$store.cartCount.count > 0"
3079          class="absolute right-0 top-1 h-2 w-2 rounded-full"
3080          style="background-color: #f1ffa5;"
3081        ></span>
3082        <span class="inline-block h-6 w-6 fill-current align-top [&_*]:pointer-events-none"><svg
3083  class="theme-icon"
3084  xmlns="http://www.w3.org/2000/svg"
3085  fill="none"
3086  viewBox="0 0 24 24"
3087>
3088  <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/>
3089</svg>
3090</span>
3091        <span class="sr-only" x-text="$store.cartCount.countWithText()">
3092          
30930 items
3094        </span>
3095      </div></a>
3096          </div>
3097        </div>
3098      </div>
3099    </nav>
3100  </header>
3101</data-island><noscript>
3102  <style data-shopify>
3103    .no-js-focus-wrapper:focus-within .no-js-focus-container {
3104      display: block !important;
3105    }
3106
3107    </style>
3108</noscript>
3109
3110<style>
3111  /* ── Get Started pill + dropdown ── */
3112  .gs-pill {
3113    display: inline-flex;
3114    align-items: center;
3115    padding: 0 20px;
3116    height: 39px;
3117    border: 1px solid #2a3a8e;
3118    border-radius: 40px;
3119    background: transparent;
3120    color: #2a3a8e;
3121    font-size: 17.3px;
3122    font-family: 'DM Sans', sans-serif;
3123    font-weight: 400;
3124    line-height: 24px;
3125    cursor: pointer;
3126    white-space: nowrap;
3127    transition: background-color 0.25s ease, color 0.25s ease;
3128  }
3129
3130  .gs-pill:hover,
3131  .gs-pill.is-active {
3132    background-color: #2b3990;
3133    color: #f9fafb;
3134  }
3135
3136  .gs-dropdown-content {
3137    display: flex;
3138    flex-direction: column;
3139    gap: 6px;
3140    padding: 10px 20px 14px;
3141    left: 0;
3142  }
3143
3144  .gs-dropdown-content a {
3145    color: #2a3a8e;
3146    font-size: 17.3px;
3147    font-family: 'DM Sans', sans-serif;
3148    font-weight: 400;
3149    text-decoration: none;
3150    white-space: nowrap;
3151    line-height: 32px;
3152  }
3153
3154  .gs-dropdown-content a:hover {
3155    opacity: 0.7;
3156  }
3157
3158  /* Nav dropdowns (e.g. "Our story") nudged left to sit under the menu label */
3159  .nav-dropdown-content {
3160    left: -12px;
3161  }
3162
3163  .quote-pill-button {
3164    display: inline-block;
3165    padding: 1rem 2rem;
3166    border-radius: 9999px;
3167    cursor: pointer;
3168    border: 0;
3169    background-color: #f1ffa5;
3170    transition: all 0.5s ease;
3171    color: #1F2937;
3172    text-decoration: none;
3173    font-weight: 600;
3174    font-size: 1.1em;
3175  }
3176
3177  .quote-pill-button:hover {
3178    transform: scale(1.2);
3179  }
3180
3181  .quote-pill-button:active {
3182    transform: scale(1.07);
3183    transition: 100ms;
3184  }
3185
3186  .start-design-button {
3187    display: inline-block;
3188    padding: 1rem 2rem;
3189    border-radius: 9999px;
3190    cursor: pointer;
3191    border: 0;
3192    background-color: #2b3990;
3193    transition: all 0.5s ease;
3194    color: #ffffff;
3195    text-decoration: none;
3196    font-weight: 600;
3197    font-size: 1.1em;
3198  }
3199
3200  .start-design-button:hover {
3201    transform: scale(1.2);
3202  }
3203
3204  .start-design-button:active {
3205    transform: scale(1.07);
3206    transition: 100ms;
3207  }
3208
3209  @keyframes float {
3210    0%, 100% {
3211      transform: translateY(0px);
3212    }
3213    50% {
3214      transform: translateY(-6px);
3215    }
3216  }
3217
3218  .beta-badge {
3219    position: absolute;
3220    top: -8px;
3221    right: -8px;
3222    background-color: #f1ffa5;
3223    color: #1e2326;
3224    font-size: 0.65em;
3225    font-weight: 700;
3226    padding: 0.25rem 0.5rem;
3227    border-radius: 9999px;
3228    text-transform: uppercase;
3229    letter-spacing: 0.5px;
3230    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3231    z-index: 10;
3232    animation: float 2s ease-in-out infinite;
3233  }
3234</style>
3235
3236
3237
3238  
3238<script>
3239  if (!customElements.get('sticky-header-height-helper')) {
3240    class StickyHeaderHeightHelper extends HTMLElement {
3241      constructor() {
3242        super();
3243      }
3244
3245      connectedCallback() {
3246        const headerEl = this.closest('[data-theme-header]');
3247
3248        if (headerEl && headerEl.getAttribute('data-sticky')) {
3249          document.documentElement.style.setProperty(
3250            '--sticky-header-height',
3251            `${headerEl.getBoundingClientRect().height}px`
3252          );
3253        } else {
3254          
3255          document.documentElement.style.setProperty(
3256            '--sticky-header-height',
3257            '0px'
3258          );
3259        }
3260      }
3261    }
3262
3263    customElements.define(
3264      'sticky-header-height-helper',
3265      StickyHeaderHeightHelper
3266    );
3267  }
3268  </script>
3268
3269
3270
3271<style> #shopify-section-sections--21296457187398__header .bg-scheme-background {border-bottom: 1px solid #2b3990;} </style></div>
3272<!-- END sections: header-group -->
3273<div id="shopify-section-menu-drawer" class="shopify-section">
3274
3275<data-island
3276  
3277    x-data
3278  
3279  x-init="initTeleport($root); $store.modals.register('sidebar', 'leftDrawer');"
3280  on="idle"
3281>
3282  <template data-should-teleport="#left-drawer-slot">
3283    <template
3284      id="sidebar"
3285      x-if="$store.modals.leftDrawer.contents === 'sidebar'"
3286    >
3287      
3288  <div
3289    
3290    data-modal-label="Menu"
3291  >
3292    <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-4">
3293      <div aria-hidden="true">&nbsp;</div>
3294      <button
3295        @click.prevent="$store.modals.close('sidebar')"
3296        class="absolute right-0 top-0 block h-full"
3297        type="button"
3298      >
3299        <span class="sr-only">Close</span>
3300        <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg
3301  class="theme-icon"
3302  xmlns="http://www.w3.org/2000/svg"
3303  fill="none"
3304  viewBox="0 0 24 24"
3305>
3306  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
3307</svg>
3308</div>
3309      </button>
3310    </div>
3311    <nav
3312      
3313      aria-label="Primary"
3314    >
3315      <ul><li
3316            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3317          ><a class="inline-block py-4 w-full text-heading-standard" href="/collections/product-library">
3318                Products
3319              </a></li><li
3320            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3321          ><data-island class="contents" x-data="{ expanded: false }"><button
3322                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
3323                  x-bind:aria-expanded="expanded ? true : 'false'"
3324                  @click="expanded = ! expanded"
3325                  aria-controls="accordion0"
3326                >
3327                  Services
3328                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3329                        class="inline-block w-full origin-center"
3330                        x-show="!expanded"
3331                      ><svg
3332  class="theme-icon"
3333  xmlns="http://www.w3.org/2000/svg"
3334  fill="none"
3335  viewBox="0 0 24 24"
3336>
3337  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3338</svg>
3339</span>
3340                      <span
3341                        class="inline-block w-full origin-center"
3342                        x-show="expanded"
3343                        style="display: none;"
3344                      ><svg
3345  class="theme-icon"
3346  xmlns="http://www.w3.org/2000/svg"
3347  fill="none"
3348  viewBox="0 0 24 24"
3349>
3350  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3351</svg>
3352</span></span>
3353                </button>
3354                <ul
3355                  id="accordion0"
3356                  class="no-js-focus-container pb-2 pl-4"
3357                  x-show="expanded"
3358                  x-cloak
3359                ><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
3360                          <button
3361                            class="relative w-full text-left inline-block py-1  pr-10"
3362                            x-bind:aria-expanded="expanded ? true : 'false'"
3363                            @click="expanded = ! expanded"
3364                            aria-controls="accordion1"
3365                          >
3366                            Production capabilities
3367                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3368                                  class="inline-block w-full origin-center"
3369                                  x-show="!expanded"
3370                                ><svg
3371  class="theme-icon"
3372  xmlns="http://www.w3.org/2000/svg"
3373  fill="none"
3374  viewBox="0 0 24 24"
3375>
3376  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3377</svg>
3378</span>
3379                                <span
3380                                  class="inline-block w-full origin-center"
3381                                  x-show="expanded"
3382                                  style="display: none;"
3383                                ><svg
3384  class="theme-icon"
3385  xmlns="http://www.w3.org/2000/svg"
3386  fill="none"
3387  viewBox="0 0 24 24"
3388>
3389  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3390</svg>
3391</span></span>
3392                          </button>
3393                          <ul
3394                            id="accordion1"
3395                            class="no-js-focus-container px-2 pb-2 pt-1"
3396                            x-show="expanded"
3397                            x-cloak
3398                          ><li>
3399                                <a
3400                                  class="inline-block py-1 "
3401                                  href="/pages/custom-manufactured"
3402                                >
3403                                  Custom-manufactured
3404                                </a>
3405                              </li><li>
3406                                <a
3407                                  class="inline-block py-1 "
3408                                  href="/pages/screen-printing"
3409                                >
3410                                  Screen printing
3411                                </a>
3412                              </li><li>
3413                                <a
3414                                  class="inline-block py-1 "
3415                                  href="/pages/embroidery"
3416                                >
3417                                  Embroidery
3418                                </a>
3419                              </li><li>
3420                                <a
3421                                  class="inline-block py-1 "
3422                                  href="/pages/heat-transfers"
3423                                >
3424                                  Heat transfers
3425                                </a>
3426                              </li><li>
3427                                <a
3428                                  class="inline-block py-1 "
3429                                  href="/pages/finishing"
3430                                >
3431                                  Finishing
3432                                </a>
3433                              </li></ul>
3434                        </data-island></li><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
3435                          <button
3436                            class="relative w-full text-left inline-block py-1  pr-10"
3437                            x-bind:aria-expanded="expanded ? true : 'false'"
3438                            @click="expanded = ! expanded"
3439                            aria-controls="accordion2"
3440                          >
3441                            Partner services
3442                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3443                                  class="inline-block w-full origin-center"
3444                                  x-show="!expanded"
3445                                ><svg
3446  class="theme-icon"
3447  xmlns="http://www.w3.org/2000/svg"
3448  fill="none"
3449  viewBox="0 0 24 24"
3450>
3451  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3452</svg>
3453</span>
3454                                <span
3455                                  class="inline-block w-full origin-center"
3456                                  x-show="expanded"
3457                                  style="display: none;"
3458                                ><svg
3459  class="theme-icon"
3460  xmlns="http://www.w3.org/2000/svg"
3461  fill="none"
3462  viewBox="0 0 24 24"
3463>
3464  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3465</svg>
3466</span></span>
3467                          </button>
3468                          <ul
3469                            id="accordion2"
3470                            class="no-js-focus-container px-2 pb-2 pt-1"
3471                            x-show="expanded"
3472                            x-cloak
3473                          ><li>
3474                                <a
3475                                  class="inline-block py-1 "
3476                                  href="/pages/client-portal"
3477                                >
3478                                  Client portal
3479                                </a>
3480                              </li><li>
3481                                <a
3482                                  class="inline-block py-1 "
3483                                  href="/pages/fundraising-pre-orders"
3484                                >
3485                                  Fundraise & pre-order
3486                                </a>
3487                              </li><li>
3488                                <a
3489                                  class="inline-block py-1 "
3490                                  href="/pages/repurpose-initiative"
3491                                >
3492                                  Repurpose initiative
3493                                </a>
3494                              </li></ul>
3495                        </data-island></li><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
3496                          <button
3497                            class="relative w-full text-left inline-block py-1  pr-10"
3498                            x-bind:aria-expanded="expanded ? true : 'false'"
3499                            @click="expanded = ! expanded"
3500                            aria-controls="accordion3"
3501                          >
3502                            Popular services
3503                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3504                                  class="inline-block w-full origin-center"
3505                                  x-show="!expanded"
3506                                ><svg
3507  class="theme-icon"
3508  xmlns="http://www.w3.org/2000/svg"
3509  fill="none"
3510  viewBox="0 0 24 24"
3511>
3512  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3513</svg>
3514</span>
3515                                <span
3516                                  class="inline-block w-full origin-center"
3517                                  x-show="expanded"
3518                                  style="display: none;"
3519                                ><svg
3520  class="theme-icon"
3521  xmlns="http://www.w3.org/2000/svg"
3522  fill="none"
3523  viewBox="0 0 24 24"
3524>
3525  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3526</svg>
3527</span></span>
3528                          </button>
3529                          <ul
3530                            id="accordion3"
3531                            class="no-js-focus-container px-2 pb-2 pt-1"
3532                            x-show="expanded"
3533                            x-cloak
3534                          ><li>
3535                                <a
3536                                  class="inline-block py-1 "
3537                                  href="/pages/school-leavers-gear"
3538                                >
3539                                  School leavers gear
3540                                </a>
3541                              </li><li>
3542                                <a
3543                                  class="inline-block py-1 "
3544                                  href="/pages/tshirt-printing"
3545                                >
3546                                  Custom t-shirt printing
3547                                </a>
3548                              </li></ul>
3549                        </data-island></li></ul>
3550              </data-island></li><li
3551            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3552          ><a class="inline-block py-4 w-full text-heading-standard" href="/pages/responsibility">
3553                Responsibility
3554              </a></li><li
3555            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3556          ><data-island class="contents" x-data="{ expanded: false }"><button
3557                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
3558                  x-bind:aria-expanded="expanded ? true : 'false'"
3559                  @click="expanded = ! expanded"
3560                  aria-controls="accordion4"
3561                >
3562                  Our story
3563                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3564                        class="inline-block w-full origin-center"
3565                        x-show="!expanded"
3566                      ><svg
3567  class="theme-icon"
3568  xmlns="http://www.w3.org/2000/svg"
3569  fill="none"
3570  viewBox="0 0 24 24"
3571>
3572  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3573</svg>
3574</span>
3575                      <span
3576                        class="inline-block w-full origin-center"
3577                        x-show="expanded"
3578                        style="display: none;"
3579                      ><svg
3580  class="theme-icon"
3581  xmlns="http://www.w3.org/2000/svg"
3582  fill="none"
3583  viewBox="0 0 24 24"
3584>
3585  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3586</svg>
3587</span></span>
3588                </button>
3589                <ul
3590                  id="accordion4"
3591                  class="no-js-focus-container pb-2 pl-4"
3592                  x-show="expanded"
3593                  x-cloak
3594                ><li class="no-js-focus-wrapper"><a
3595                          class="inline-block py-1 "
3596                          href="/pages/in-good-company-with"
3597                        >
3598                          In good company with…
3599                        </a></li><li class="no-js-focus-wrapper"><a
3600                          class="inline-block py-1 "
3601                          href="/pages/about-print-room"
3602                        >
3603                          Our origins
3604                        </a></li></ul>
3605              </data-island></li><li
3606            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gr
3606idline-color first-of-type:border-t-0"
3607          ><data-island class="contents" x-data="{ expanded: false }"><button
3608                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
3609                  x-bind:aria-expanded="expanded ? true : 'false'"
3610                  @click="expanded = ! expanded"
3611                  aria-controls="accordion5"
3612                >
3613                  Get started
3614                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3615                        class="inline-block w-full origin-center"
3616                        x-show="!expanded"
3617                      ><svg
3618  class="theme-icon"
3619  xmlns="http://www.w3.org/2000/svg"
3620  fill="none"
3621  viewBox="0 0 24 24"
3622>
3623  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3624</svg>
3625</span>
3626                      <span
3627                        class="inline-block w-full origin-center"
3628                        x-show="expanded"
3629                        style="display: none;"
3630                      ><svg
3631  class="theme-icon"
3632  xmlns="http://www.w3.org/2000/svg"
3633  fill="none"
3634  viewBox="0 0 24 24"
3635>
3636  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3637</svg>
3638</span></span>
3639                </button>
3640                <ul
3641                  id="accordion5"
3642                  class="no-js-focus-container pb-2 pl-4"
3643                  x-show="expanded"
3644                  x-cloak
3645                ><li class="no-js-focus-wrapper"><a
3646                          class="inline-block py-1 "
3647                          href="/collections/product-library"
3648                        >
3649                          Start a project
3650                        </a></li><li class="no-js-focus-wrapper"><a
3651                          class="inline-block py-1 "
3652                          href="/pages/book-a-call"
3653                        >
3654                          Book a call
3655                        </a></li></ul>
3656              </data-island></li></ul>
3657    </nav>
3658    <div class="border-t-gridline border-gridline-color">
3659      <nav class="my-6" aria-label="Secondary">
3660        <ul></ul>
3661      </nav>
3662
3663      
3664        <div class="my-6 px-section-horizontal-spacing">
3665          <form method="post" action="/localization" id="sidebar-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/product-library" /><div class="flex gap-4 flex-col gap-y-0"><div class="inline-block shrink-0 select-none">
3666        <h2 class="sr-only" id="country-heading-sidebar">
3667          Country/region
3668        </h2>
3669        <data-island
3670          class="relative"
3671          x-data="{ expanded: false }"
3672          @keydown.escape.prevent.stop="expanded = false"
3673          @click.outside="expanded = false"
3674        >
3675          <button
3676            type="button"
3677            class="text-base py-2"
3678            :aria-expanded="expanded"
3679            aria-controls="country-list-sidebar"
3680            aria-describedby="country-heading-sidebar"
3681            @click.prevent="expanded = ! expanded"
3682          >
3683            United States (USD
3684            $)
3685            <span
3686              class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
3687              :class="{ 'rotate-180': expanded }"
3688            >
3689              <svg
3690  class="theme-icon"
3691  xmlns="http://www.w3.org/2000/svg"
3692  fill="none"
3693  viewBox="0 0 24 24"
3694>
3695  <path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
3696</svg>
3697
3698            </span>
3699          </button>
3700          <div
3701            class="absolute bottom-[calc(100%_+_0.5rem)] right-auto left-0"
3702            x-show="expanded"
3703            style="display: none;"
3704          >
3705            <ul
3706              id="country-list-sidebar"
3707              class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.52)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gr
3707idline-color bg-gridline-color text-base"
3708              x-transition:enter="transition ease duration-300"
3709              x-transition:enter-start="opacity-0"
3710              x-transition:enter-end="opacity-100"
3711              x-transition:leave="transition ease duration-300"
3712              x-transition:leave-start="opacity-100"
3713              x-transition:leave-end="opacity-0"
3714              :aria-hidden="! expanded"
3715            >
3716              
3717                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3718                  <button
3719                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3720                    type="button"
3721                    
3722                    @click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
3723                  >
3724                    <span class="border-transparent border-b-text">Australia (AUD
3725                      $)</span
3726                    >
3727                  </button>
3728                </li>
3729                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3730                  <button
3731                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3732                    type="button"
3733                    
3734                    @click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
3735                  >
3736                    <span class="border-transparent border-b-text">China (CNY
3737                      ¥)</span
3738                    >
3739                  </button>
3740                </li>
3741                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3742                  <button
3743                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3744                    type="button"
3745                    
3746                    @click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
3747                  >
3748                    <span class="border-transparent border-b-text">France (EUR
3749                      €)</span
3750                    >
3751                  </button>
3752                </li>
3753                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3754                  <button
3755                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3756                    type="button"
3757                    
3758                    @click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
3759                  >
3760                    <span class="border-transparent border-b-text">New Zealand (NZD
3761                      $)</span
3762                    >
3763                  </button>
3764                </li>
3765                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3766                  <button
3767                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3768                    type="button"
3769                    
3770                    @click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
3771                  >
3772                    <span class="border-transparent border-b-text">United Kingdom (GBP
3773                      £)</span
3774                    >
3775                  </button>
3776                </li>
3777                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
3778                  <button
3779                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
3780                    type="button"
3781                    
3782                      aria-current="true"
3783                    
3784                    @click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
3785                  >
3786                    <span class="border-scheme-text border-b-text">United States (USD
3787                      $)</span
3788                    >
3789                  </button>
3790                </li></ul>
3791          </div>
3792
3793          <input
3794            x-ref="input"
3795            type="hidden"
3796            name="country_code"
3797            id="CountrySelector"
3798            value="US"
3799          >
3800        </data-island>
3801      </div></div></form>
3802        </div>
3803      
3804
3805      
3806<form
3807          class="my-6 px-section-horizontal-spacing"
3808          action="/search"
3809          method="get"
3810          role="search"
3811        >
3812          <div class="flex w-full max-w-xs items-end">
3813            <label for="menu-drawer-search" class="sr-only">Search</label>
3814            <input
3815              class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current"
3816              id="menu-drawer-search"
3817              type="text"
3818              name="q"
3819              placeholder="Search"
3820            >
3821            <button
3822              class="px-1"
3823              type="submit"
3824            >
3825              <span class="inline-block h-6 w-6"><svg
3826  class="theme-icon"
3827  xmlns="http://www.w3.org/2000/svg"
3828  fill="none"
3829  viewBox="0 0 24 24"
3830>
3831  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
3832</svg>
3833</span>
3834              <span class="sr-only">Submit</span>
3835            </button>
3836          </div>
3837        </form>
3838    </div>
3839  </div>
3840
3841    </template>
3842  </template>
3843</data-island>
3844
3845<noscript>
3846  <section class="section-sidebar">
3847    <div class="px-section-horizontal-spacing py-2 text-right">
3848      <button
3849        class="inline-flex items-center justify-center py-2 "
3850        data-menu-drawer-toggle
3851      >
3852        <span class="mr-2 inline-block h-6 w-6 align-middle"><svg
3853  class="theme-icon"
3854  xmlns="http://www.w3.org/2000/svg"
3855  fill="none"
3856  viewBox="0 0 24 24"
3857>
3858  <path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/>
3859</svg>
3860</span>
3861        <span>Menu</span>
3862      </button>
3863    </div>
3864    <div class="sidebar-container z-80 border-r-grid border-grid-color fixed bottom-0 left-0 top-0 w-11/12 max-w-xl transform overflow-y-auto bg-scheme-background text-scheme-text transition-transform">
3865      
3866  <div
3867    
3868    data-modal-label="Menu"
3869  >
3870    <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-4">
3871      <div aria-hidden="true">&nbsp;</div>
3872      <button
3873        @click.prevent="$store.modals.close('sidebar')"
3874        class="absolute right-0 top-0 block h-full"
3875        type="button"
3876      >
3877        <span class="sr-only">Close</span>
3878        <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg
3879  class="theme-icon"
3880  xmlns="http://www.w3.org/2000/svg"
3881  fill="none"
3882  viewBox="0 0 24 24"
3883>
3884  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
3885</svg>
3886</div>
3887      </button>
3888    </div>
3889    <nav
3890      
3891      aria-label="Primary"
3892    >
3893      <ul><li
3894            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3895          ><a class="inline-block py-4 w-full text-heading-standard" href="/collections/product-library">
3896                Products
3897              </a></li><li
3898            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
3899          ><data-island class="contents" x-data="{ expanded: false }"><button
3900                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
3901                  x-bind:aria-expanded="expanded ? true : 'false'"
3902                  @click="expanded = ! expanded"
3903                  aria-controls="accordion0"
3904                >
3905                  Services
3906                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3907                        class="inline-block w-full origin-center"
3908                        x-show="!expanded"
3909                      ><svg
3910  class="theme-icon"
3911  xmlns="http://www.w3.org/2000/svg"
3912  fill="none"
3913  viewBox="0 0 24 24"
3914>
3915  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3916</svg>
3917</span>
3918                      <span
3919                        class="inline-block w-full origin-center"
3920                        x-show="expanded"
3921                        style="display: none;"
3922                      ><svg
3923  class="theme-icon"
3924  xmlns="http://www.w3.org/2000/svg"
3925  fill="none"
3926  viewBox="0 0 24 24"
3927>
3928  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3929</svg>
3930</span></span>
3931                </button>
3932                <ul
3933                  id="accordion0"
3934                  class="no-js-focus-container pb-2 pl-4"
3935                  x-show="expanded"
3936                  x-cloak
3937                ><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
3938                          <button
3939                            class="relative w-full text-left inline-block py-1  pr-10"
3940                            x-bind:aria-expanded="expanded ? true : 'false'"
3941                            @click="expanded = ! expanded"
3942                            aria-controls="accordion1"
3943                          >
3944                            Production capabilities
3945                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
3946                                  class="inline-block w-full origin-center"
3947                                  x-show="!expanded"
3948                                ><svg
3949  class="theme-icon"
3950  xmlns="http://www.w3.org/2000/svg"
3951  fill="none"
3952  viewBox="0 0 24 24"
3953>
3954  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
3955</svg>
3956</span>
3957                                <span
3958                                  class="inline-block w-full origin-center"
3959                                  x-show="expanded"
3960                                  style="display: none;"
3961                                ><svg
3962  class="theme-icon"
3963  xmlns="http://www.w3.org/2000/svg"
3964  fill="none"
3965  viewBox="0 0 24 24"
3966>
3967  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
3968</svg>
3969</span></span>
3970                          </button>
3971                          <ul
3972                            id="accordion1"
3973                            class="no-js-focus-container px-2 pb-2 pt-1"
3974                            x-show="expanded"
3975                            x-cloak
3976                          ><li>
3977                                <a
3978                                  class="inline-block py-1 "
3979                                  href="/pages/custom-manufactured"
3980                                >
3981                                  Custom-manufactured
3982                                </a>
3983                              </li><li>
3984                                <a
3985                                  class="inline-block py-1 "
3986                                  href="/pages/screen-printing"
3987                                >
3988                                  Screen printing
3989                                </a>
3990                              </li><li>
3991                                <a
3992                                  class="inline-block py-1 "
3993                                  href="/pages/embroidery"
3994                                >
3995                                  Embroidery
3996                                </a>
3997                              </li><li>
3998                                <a
3999                                  class="inline-block py-1 "
4000                                  href="/pages/heat-transfers"
4001                                >
4002                                  Heat transfers
4003                                </a>
4004                              </li><li>
4005                                <a
4006                                  class="inline-block py-1 "
4007                                  href="/pages/finishing"
4008                                >
4009                                  Finishing
4010                                </a>
4011                              </li></ul>
4012                        </data-island></li><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
4013                          <button
4014                            class="relative w-full text-left inline-block py-1  pr-10"
4015                            x-bind:aria-expanded="expanded ? true : 'false'"
4016                            @click="expanded = ! expanded"
4017                            aria-controls="accordion2"
4018                          >
4019                            Partner services
4020                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
4021                                  class="inline-block w-full origin-center"
4022                                  x-show="!expanded"
4023                                ><svg
4024  class="theme-icon"
4025  xmlns="http://www.w3.org/2000/svg"
4026  fill="none"
4027  viewBox="0 0 24 24"
4028>
4029  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4030</svg>
4031</span>
4032                                <span
4033                                  class="inline-block w-full origin-center"
4034                                  x-show="expanded"
4035                                  style="display: none;"
4036                                ><svg
4037  class="theme-icon"
4038  xmlns="http://www.w3.org/2000/svg"
4039  fill="none"
4040  viewBox="0 0 24 24"
4041>
4042  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4043</svg>
4044</span></span>
4045                          </button>
4046                          <ul
4047                            id="accordion2"
4048                            class="no-js-focus-container px-2 pb-2 pt-1"
4049                            x-show="expanded"
4050                            x-cloak
4051                          ><li>
4052                                <a
4053                                  class="inline-block py-1 "
4054                                  href="/pages/client-portal"
4055                                >
4056                                  Client portal
4057                                </a>
4058                              </li><li>
4059                                <a
4060                                  class="inline-block py-1 "
4061                                  href="/pages/fundraising-pre-orders"
4062                                >
4063                                  Fundraise & pre-order
4064                                </a>
4065                              </li><li>
4066                                <a
4067                                  class="inline-block py-1 "
4068                                  href="/pages/repurpose-initiative"
4069                                >
4070                                  Repurpose initiative
4071                                </a>
4072                              </li></ul>
4073                        </data-island></li><li class="no-js-focus-wrapper"><data-island class="contents" x-data="{ expanded: false }" >
4074                          <button
4075                            class="relative w-full text-left inline-block py-1  pr-10"
4076                            x-bind:aria-expanded="expanded ? true : 'false'"
4077                            @click="expanded = ! expanded"
4078                            aria-controls="accordion3"
4079                          >
4080                            Popular services
4081                            <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
4082                                  class="inline-block w-full origin-center"
4083                                  x-show="!expanded"
4084                                ><svg
4085  class="theme-icon"
4086  xmlns="http://www.w3.org/2000/svg"
4087  fill="none"
4088  viewBox="0 0 24 24"
4089>
4090  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4091</svg>
4092</span>
4093                                <span
4094                                  class="inline-block w-full origin-center"
4095                                  x-show="expanded"
4096                                  style="display: none;"
4097                                ><svg
4098  class="theme-icon"
4099  xmlns="http://www.w3.org/2000/svg"
4100  fill="none"
4101  viewBox="0 0 24 24"
4102>
4103  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4104</svg>
4105</span></span>
4106                          </button>
4107                          <ul
4108                            id="accordion3"
4109                            class="no-js-focus-container px-2 pb-2 pt-1"
4110                            x-show="expanded"
4111                            x-cloak
4112                          ><li>
4113                                <a
4114                                  class="inline-block py-1 "
4115                                  href="/pages/school-leavers-gear"
4116                                >
4117                                  School leavers gear
4118                                </a>
4119                              </li><li>
4120                                <a
4121                                  class="inline-block py-1 "
4122                                  href="/pages/tshirt-printing"
4123                                >
4124                                  Custom t-shirt printing
4125                                </a>
4126                              </li></ul>
4127                        </data-island></li></ul>
4128              </data-island></li><li
4129            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
4130          ><a class="inline-block py-4 w-full text-heading-standard" href="/pages/responsibility">
4131                Responsibility
4132              </a></li><li
4133            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
4134          ><data-island class="contents" x-data="{ expanded: false }"><button
4135                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
4136                  x-bind:aria-expanded="expanded ? true : 'false'"
4137                  @click="expanded = ! expanded"
4138                  aria-controls="accordion4"
4139                >
4140                  Our story
4141                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
4142                        class="inline-block w-full origin-center"
4143                        x-show="!expanded"
4144                      ><svg
4145  class="theme-icon"
4146  xmlns="http://www.w3.org/2000/svg"
4147  fill="none"
4148  viewBox="0 0 24 24"
4149>
4150  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4151</svg>
4152</span>
4153                      <span
4154                        class="inline-block w-full origin-center"
4155                        x-show="expanded"
4156                        style="display: none;"
4157                      ><svg
4158  class="theme-icon"
4159  xmlns="http://www.w3.org/2000/svg"
4160  fill="none"
4161  viewBox="0 0 24 24"
4162>
4163  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4164</svg>
4165</span></span>
4166                </button>
4167                <ul
4168                  id="accordion4"
4169                  class="no-js-focus-container pb-2 pl-4"
4170                  x-show="expanded"
4171                  x-cloak
4172                ><li class="no-js-focus-wrapper"><a
4173                          class="inline-block py-1 "
4174                          href="/pages/in-good-company-with"
4175                        >
4176                          In good company with…
4177                        </a></li><li class="no-js-focus-wrapper"><a
4178                          class="inline-block py-1 "
4179                          href="/pages/about-print-room"
4180                        >
4181                          Our origins
4182                        </a></li></ul>
4183              </data-island></li><li
4184            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gr
4184idline-color first-of-type:border-t-0"
4185          ><data-island class="contents" x-data="{ expanded: false }"><button
4186                  class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body"
4187                  x-bind:aria-expanded="expanded ? true : 'false'"
4188                  @click="expanded = ! expanded"
4189                  aria-controls="accordion5"
4190                >
4191                  Get started
4192                  <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
4193                        class="inline-block w-full origin-center"
4194                        x-show="!expanded"
4195                      ><svg
4196  class="theme-icon"
4197  xmlns="http://www.w3.org/2000/svg"
4198  fill="none"
4199  viewBox="0 0 24 24"
4200>
4201  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4202</svg>
4203</span>
4204                      <span
4205                        class="inline-block w-full origin-center"
4206                        x-show="expanded"
4207                        style="display: none;"
4208                      ><svg
4209  class="theme-icon"
4210  xmlns="http://www.w3.org/2000/svg"
4211  fill="none"
4212  viewBox="0 0 24 24"
4213>
4214  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4215</svg>
4216</span></span>
4217                </button>
4218                <ul
4219                  id="accordion5"
4220                  class="no-js-focus-container pb-2 pl-4"
4221                  x-show="expanded"
4222                  x-cloak
4223                ><li class="no-js-focus-wrapper"><a
4224                          class="inline-block py-1 "
4225                          href="/collections/product-library"
4226                        >
4227                          Start a project
4228                        </a></li><li class="no-js-focus-wrapper"><a
4229                          class="inline-block py-1 "
4230                          href="/pages/book-a-call"
4231                        >
4232                          Book a call
4233                        </a></li></ul>
4234              </data-island></li></ul>
4235    </nav>
4236    <div class="border-t-gridline border-gridline-color">
4237      <nav class="my-6" aria-label="Secondary">
4238        <ul></ul>
4239      </nav>
4240
4241      
4242        <div class="my-6 px-section-horizontal-spacing">
4243          <form method="post" action="/localization" id="sidebar-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/product-library" /><div class="flex gap-4 flex-col gap-y-0"><div class="inline-block shrink-0 select-none">
4244        <h2 class="sr-only" id="country-heading-sidebar">
4245          Country/region
4246        </h2>
4247        <data-island
4248          class="relative"
4249          x-data="{ expanded: false }"
4250          @keydown.escape.prevent.stop="expanded = false"
4251          @click.outside="expanded = false"
4252        >
4253          <button
4254            type="button"
4255            class="text-base py-2"
4256            :aria-expanded="expanded"
4257            aria-controls="country-list-sidebar"
4258            aria-describedby="country-heading-sidebar"
4259            @click.prevent="expanded = ! expanded"
4260          >
4261            United States (USD
4262            $)
4263            <span
4264              class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
4265              :class="{ 'rotate-180': expanded }"
4266            >
4267              <svg
4268  class="theme-icon"
4269  xmlns="http://www.w3.org/2000/svg"
4270  fill="none"
4271  viewBox="0 0 24 24"
4272>
4273  <path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
4274</svg>
4275
4276            </span>
4277          </button>
4278          <div
4279            class="absolute bottom-[calc(100%_+_0.5rem)] right-auto left-0"
4280            x-show="expanded"
4281            style="display: none;"
4282          >
4283            <ul
4284              id="country-list-sidebar"
4285              class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.52)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gr
4285idline-color bg-gridline-color text-base"
4286              x-transition:enter="transition ease duration-300"
4287              x-transition:enter-start="opacity-0"
4288              x-transition:enter-end="opacity-100"
4289              x-transition:leave="transition ease duration-300"
4290              x-transition:leave-start="opacity-100"
4291              x-transition:leave-end="opacity-0"
4292              :aria-hidden="! expanded"
4293            >
4294              
4295                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4296                  <button
4297                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4298                    type="button"
4299                    
4300                    @click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
4301                  >
4302                    <span class="border-transparent border-b-text">Australia (AUD
4303                      $)</span
4304                    >
4305                  </button>
4306                </li>
4307                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4308                  <button
4309                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4310                    type="button"
4311                    
4312                    @click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
4313                  >
4314                    <span class="border-transparent border-b-text">China (CNY
4315                      ¥)</span
4316                    >
4317                  </button>
4318                </li>
4319                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4320                  <button
4321                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4322                    type="button"
4323                    
4324                    @click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
4325                  >
4326                    <span class="border-transparent border-b-text">France (EUR
4327                      €)</span
4328                    >
4329                  </button>
4330                </li>
4331                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4332                  <button
4333                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4334                    type="button"
4335                    
4336                    @click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
4337                  >
4338                    <span class="border-transparent border-b-text">New Zealand (NZD
4339                      $)</span
4340                    >
4341                  </button>
4342                </li>
4343                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4344                  <button
4345                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4346                    type="button"
4347                    
4348                    @click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
4349                  >
4350                    <span class="border-transparent border-b-text">United Kingdom (GBP
4351                      £)</span
4352                    >
4353                  </button>
4354                </li>
4355                <li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
4356                  <button
4357                    class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
4358                    type="button"
4359                    
4360                      aria-current="true"
4361                    
4362                    @click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
4363                  >
4364                    <span class="border-scheme-text border-b-text">United States (USD
4365                      $)</span
4366                    >
4367                  </button>
4368                </li></ul>
4369          </div>
4370
4371          <input
4372            x-ref="input"
4373            type="hidden"
4374            name="country_code"
4375            id="CountrySelector"
4376            value="US"
4377          >
4378        </data-island>
4379      </div></div></form>
4380        </div>
4381      
4382
4383      
4384<form
4385          class="my-6 px-section-horizontal-spacing"
4386          action="/search"
4387          method="get"
4388          role="search"
4389        >
4390          <div class="flex w-full max-w-xs items-end">
4391            <label for="menu-drawer-search" class="sr-only">Search</label>
4392            <input
4393              class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current"
4394              id="menu-drawer-search"
4395              type="text"
4396              name="q"
4397              placeholder="Search"
4398            >
4399            <button
4400              class="px-1"
4401              type="submit"
4402            >
4403              <span class="inline-block h-6 w-6"><svg
4404  class="theme-icon"
4405  xmlns="http://www.w3.org/2000/svg"
4406  fill="none"
4407  viewBox="0 0 24 24"
4408>
4409  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
4410</svg>
4411</span>
4412              <span class="sr-only">Submit</span>
4413            </button>
4414          </div>
4415        </form>
4416    </div>
4417  </div>
4418
4419    </div>
4420  </section>
4421
4422  <style>
4423    .section-sidebar {
4424      display: block !important;
4425    }
4426
4427    @media (min-width: 1024px) {
4428      .section-sidebar {
4429        display: none !important;
4430      }
4431    }
4432
4433    .sidebar-container {
4434      position: static;
4435      width: 100%;
4436      max-width: 100%;
4437      border-right: 0;
4438      display: none;
4439    }
4440
4441    .section-sidebar:focus-within .sidebar-container {
4442      display: block !important;
4443    }
4444  </style>
4445</noscript>
4446
4447
4448</div>
4448<script>
4449  const calculateHeaderHeights = () => {
4450    const headerGroupHeights = [];
4451
4452    document
4453      .querySelectorAll('.shopify-section-group-header-group')
4454      .forEach((headerGroupSectionEl) => {
4455        headerGroupHeights.push(
4456          headerGroupSectionEl.getBoundingClientRect().height
4457        );
4458      });
4459
4460    document.documentElement.style.setProperty(
4461      '--header-group-height',
4462      `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px`
4463    );
4464  };
4465
4466  calculateHeaderHeights();
4467
4468  if (document.readyState === 'loading') {
4469    document.addEventListener('DOMContentLoaded', calculateHeaderHeights);
4470  }
4471  window.addEventListener('load', calculateHeaderHeights);
4472
4473  const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300);
4474
4475  window.addEventListener('resize', debouncedCalculateHeaderHeights);
4476</script>
4476
4477
4478
4479
4480<style>
4481  #MainContent
4482    > .shopify-section.banner-section:first-child
4483    [data-media-container].h-screen {
4484    height: calc(100vh - var(--header-group-height));
4485  }
4486
4487  @media (min-width: 990px) {
4488    #MainContent
4489      > .shopify-section.banner-section:first-child
4490      [data-media-container].lg\:h-auto {
4491      height: auto;
4492    }
4493
4494    #MainContent
4495      > .shopify-section.banner-section:first-child
4496      [data-media-container].lg\:h-screen {
4497      height: calc(100vh - var(--header-group-height));
4498    }
4499  }
4500</style>
4501
4502    
4503
4504    <main id="MainContent">
4505      <div id="shopify-section-template--21296459317318__shogun-helper" class="shopify-section">
4506
4507
4508<!-- "snippets/shogun-products.liquid" was not rendered, the associated app was uninstalled -->
4509
4510</div><div id="shopify-section-template--21296459317318__text_split_KM3RGw" class="shopify-section"><section
4511  class="grid grid-flow-row-dense grid-cols-1 gap-gutter overflow-hidden border-b-gridline border-gridline-color bg-gridline-color lg:grid-cols-12"
4512  
4513    style="--first-block-top-padding-desktop: 76.92307692307693%;"
4514  
4515><div
4516      class="relative flex bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-8 items-end lg:pt-[--first-block-top-padding-desktop]"
4517      data-color-scheme="scheme5"
4518      
4519    >
4520      <div class="text-left break-word w-full lg:absolute lg:inset-0 lg:flex lg:px-section-horizontal-spacing lg:py-section-vertical-spacing lg:overflow-y-auto">
4521        
4522          <div class="contents lg:my-auto lg:block">
4523        
4524<div class="rte text-heading-secondary  font-body">
4525            <h1>Product library:</h1>
4526          </div>
4527          </div>
4528        
4529      </div>
4530    </div><div
4531      class="relative flex bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-4 items-end "
4532      data-color-scheme="scheme5"
4533      
4534    >
4535      <div class="text-left break-word w-full ">
4536        
4537<div class="rte text-heading-standard  font-body">
4538            <h2><strong>Build </strong><em><strong>your</strong></em><strong> collection.</strong></h2><h4></h4><h4>We offer products of all shapes, sizes, materials and prices.  The filter below is here to help. With it, you can refine, tailor and shape a collection that works for you. Build <em>your</em> dream<em> collection</em>.</h4>
4539          </div>
4540      </div>
4541    </div></section>
4542
4543
4544<style> #shopify-section-template--21296459317318__text_split_KM3RGw .text-scheme-text {border-bottom: 1px solid black;} #shopify-section-template--21296459317318__text_split_KM3RGw .text-heading-secondary h1 {font-size: 8.5rem;} @media (max-width: 767px) {#shopify-section-template--21296459317318__text_split_KM3RGw .text-heading-secondary h1 {font-size: 5rem; line-height: 1; }} #shopify-section-template--21296459317318__text_split_KM3RGw .w-full {padding-bottom: 20px; padding-top: 30px;} </style></div><div id="shopify-section-template--21296459317318__main" class="shopify-section">
4545<data-island
4546    id="filterable"
4547    class="collection border-b-gridline border-gridline-color bg-scheme-background text-scheme-text transition-opacity duration-200 ease-in-out"
4548    role="banner"
4549    
4550      x-data="Filterable"
4551    
4552    data-color-scheme="scheme5"
4553    @keydown.escape.document="onEscape"
4554  >
4555
4556    <div
4557      
4558        class="md:grid md:grid-cols-[18.75rem_minmax(0,1fr)]"
4559      
4560    >
4561      
4562        <a class="in-page-link skip-link" href="#facets-results">Collection</a>
4563        
4564          <div
4565            class="sr-only"
4566            id="results-count"
4567            role="status"
4568            data-fragment-id="count"
4569            x-html-if-set="countHTML"
4570          >217 products
4571</div>
4572        
4573
4574        
4575          <form
4576            class="hidden border-gridline-color py-0 md:block md:flex-col md:justify-start md:border-b-0 md:border-r-gridline md:px-0"
4577            id="filters-form-sidebar"
4578            data-fragment-id="filters-form-sidebar"
4579            @submit.prevent="filterFormSubmit"
4580          >
4581            
4582
4583  <div
4584    class="w-full"
4585    :class="{ 'opacity-50' : loading }"
4586  >
4587    <div
4588      id="filters-sidebar-desktop"
4589    >
4590      <div class="pb-8">
4591        <div><data-island
4592              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
4593              data-index="1"
4594              x-data="{ expanded: true }"
4595              data-filterable-filter-fragment="filter.p.vendor"
4596            >
4597              <h3
4598                class="px-4"
4599              >
4600                <button
4601                  class="break-word flex w-full items-center justify-between"
4602                  type="button"
4603                  @click="expanded = ! expanded"
4604                >
4605                  Brand
4606<div
4607                      class="flex h-4 w-4 shrink-0 items-center"
4608                      x-show="!expanded"
4609                      
4610                        style="display: none;"
4611                      
4612                    >
4613                      <svg
4614  class="theme-icon"
4615  xmlns="http://www.w3.org/2000/svg"
4616  fill="none"
4617  viewBox="0 0 24 24"
4618>
4619  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4620</svg>
4621
4622                    </div>
4623                    <div
4624                      class="flex h-4 w-4 shrink-0 items-center"
4625                      x-show="expanded"
4626                      
4627                    ><svg
4628  class="theme-icon"
4629  xmlns="http://www.w3.org/2000/svg"
4630  fill="none"
4631  viewBox="0 0 24 24"
4632>
4633  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4634</svg>
4635</div></button>
4636              </h3>
4637              <div
4638                class="px-4"
4639                x-show="expanded"
4640                x-collapse
4641                
4642              >
4643                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
4644                            <input
4645                              type="checkbox"
4646                              class="filter-checkbox custom-input peer sr-only"
4647                              name="filter.p.vendor"
4648                              value="Made to order"
4649                              @input.debounce="filterFormSubmit"
4650                              id="filter-sidebar-desktop-brand-1"
4651                              
4652                              
4653                              :disabled="loading"
4654                            >
4655                            <label
4656                              for="filter-sidebar-desktop-brand-1"
4657                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4658                              
4659                            >
4660                              <span
4661                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4662                              ></span>
4663                              Made to order
4664                            </label>
4665                          </li><li class="flex items-center justify-start">
4666                            <input
4667                              type="checkbox"
4668                              class="filter-checkbox custom-input peer sr-only"
4669                              name="filter.p.vendor"
4670                              value="American Apparel"
4671                              @input.debounce="filterFormSubmit"
4672                              id="filter-sidebar-desktop-brand-2"
4673                              
4674                              
4675                              :disabled="loading"
4676                            >
4677                            <label
4678                              for="filter-sidebar-desktop-brand-2"
4679                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4680                              
4681                            >
4682                              <span
4683                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4684                              ></span>
4685                              American Apparel
4686                            </label>
4687                          </li><li class="flex items-center justify-start">
4688                            <input
4689                              type="checkbox"
4690                              class="filter-checkbox custom-input peer sr-only"
4691                              name="filter.p.vendor"
4692                              value="AS Colour"
4693                              @input.debounce="filterFormSubmit"
4694                              id="filter-sidebar-desktop-brand-3"
4695                              
4696                              
4697                              :disabled="loading"
4698                            >
4699                            <label
4700                              for="filter-sidebar-desktop-brand-3"
4701                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4702                              
4703                            >
4704                              <span
4705                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4706                              ></span>
4707                              AS Colour
4708                            </label>
4709                          </li><li class="flex items-center justify-start">
4710                            <input
4711                              type="checkbox"
4712                              class="filter-checkbox custom-input peer sr-only"
4713                              name="filter.p.vendor"
4714                              value="Biz Collection"
4715                              @input.debounce="filterFormSubmit"
4716                              id="filter-sidebar-desktop-brand-4"
4717                              
4718                              
4719                              :disabled="loading"
4720                            >
4721                            <label
4722                              for="filter-sidebar-desktop-brand-4"
4723                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4724                              
4725                            >
4726                              <span
4727                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4728                              ></span>
4729                              Biz Collection
4730                            </label>
4731                          </li><li class="flex items-center justify-start">
4732                            <input
4733                              type="checkbox"
4734                              class="filter-checkbox custom-input peer sr-only"
4735                              name="filter.p.vendor"
4736                              value="Cloke"
4737                              @input.debounce="filterFormSubmit"
4738                              id="filter-sidebar-desktop-brand-5"
4739                              
4740                              
4741                              :disabled="loading"
4742                            >
4743                            <label
4744                              for="filter-sidebar-desktop-brand-5"
4745                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4746                              
4747                            >
4748                              <span
4749                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4750                              ></span>
4751                              Cloke
4752                            </label>
4753                          </li><li class="flex items-center justify-start">
4754                            <input
4755                              type="checkbox"
4756                              class="filter-checkbox custom-input peer sr-only"
4757                              name="filter.p.vendor"
4758                              value="Earth Positive"
4759                              @input.debounce="filterFormSubmit"
4760                              id="filter-sidebar-desktop-brand-6"
4761                              
4762                              
4763                              :disabled="loading"
4764                            >
4765                            <label
4766                              for="filter-sidebar-desktop-brand-6"
4767                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4768                              
4769                            >
4770                              <span
4771                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4772                              ></span>
4773                              Earth Positive
4774                            </label>
4775                          </li><li class="flex items-center justify-start">
4776                            <input
4777                              type="checkbox"
4778                              class="filter-checkbox custom-input peer sr-only"
4779                              name="filter.p.vendor"
4780                              value="Gildan"
4781                              @input.debounce="filterFormSubmit"
4782                              id="filter-sidebar-desktop-brand-7"
4783                              
4784                              
4785                              :disabled="loading"
4786                            >
4787                            <label
4788                              for="filter-sidebar-desktop-brand-7"
4789                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4790                              
4791                            >
4792                              <span
4793                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4794                              ></span>
4795                              Gildan
4796                            </label>
4797                          </li><li class="flex items-center justify-start">
4798                            <input
4799                              type="checkbox"
4800                              class="filter-checkbox custom-input peer sr-only"
4801                              name="filter.p.vendor"
4802                              value="Hydroflask"
4803                              @input.debounce="filterFormSubmit"
4804                              id="filter-sidebar-desktop-brand-8"
4805                              
4806                              
4807                              :disabled="loading"
4808                            >
4809                            <label
4810                              for="filter-sidebar-desktop-brand-8"
4811                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4812                              
4813                            >
4814                              <span
4815                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4816                              ></span>
4817                              Hydroflask
4818                            </label>
4819                          </li><li class="flex items-center justify-start">
4820                            <input
4821                              type="checkbox"
4822                              class="filter-checkbox custom-input peer sr-only"
4823                              name="filter.p.vendor"
4824                              value="Nalgene"
4825                              @input.debounce="filterFormSubmit"
4826                              id="filter-sidebar-desktop-brand-9"
4827                              
4828                              
4829                              :disabled="loading"
4830                            >
4831                            <label
4832                              for="filter-sidebar-desktop-brand-9"
4833                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4834                              
4835                            >
4836                              <span
4837                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4838                              ></span>
4839                              Nalgene
4840                            </label>
4841                          </li><li class="flex items-center justify-start">
4842                            <input
4843                              type="checkbox"
4844                              class="filter-checkbox custom-input peer sr-only"
4845                              name="filter.p.vendor"
4846                              value="Print Room"
4847                              @input.debounce="filterFormSubmit"
4848                              id="filter-sidebar-desktop-brand-10"
4849                              
4850                              
4851                              :disabled="loading"
4852                            >
4853                            <label
4854                              for="filter-sidebar-desktop-brand-10"
4855                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4856                              
4857                            >
4858                              <span
4859                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4860                              ></span>
4861                              Print Room
4862                            </label>
4863                          </li><li class="flex items-center justify-start">
4864                            <input
4865                              type="checkbox"
4866                              class="filter-checkbox custom-input peer sr-only"
4867                              name="filter.p.vendor"
4868                              value="Project Pargo"
4869                              @input.debounce="filterFormSubmit"
4870                              id="filter-sidebar-desktop-brand-11"
4871                              
4872                              
4873                              :disabled="loading"
4874                            >
4875                            <label
4876                              for="filter-sidebar-desktop-brand-11"
4877                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4878                              
4879                            >
4880                              <span
4881                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4882                              ></span>
4883                              Project Pargo
4884                            </label>
4885                          </li><li class="flex items-center justify-start">
4886                            <input
4887                              type="checkbox"
4888                              class="filter-checkbox custom-input peer sr-only"
4889                              name="filter.p.vendor"
4890                              value="Trends"
4891                              @input.debounce="filterFormSubmit"
4892                              id="filter-sidebar-desktop-brand-12"
4893                              
4894                              
4895                              :disabled="loading"
4896                            >
4897                            <label
4898                              for="filter-sidebar-desktop-brand-12"
4899                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4900                              
4901                            >
4902                              <span
4903                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4904                              ></span>
4905                              Trends
4906                            </label>
4907                          </li><li class="flex items-center justify-start">
4908                            <input
4909                              type="checkbox"
4910                              class="filter-checkbox custom-input peer sr-only"
4911                              name="filter.p.vendor"
4912                              value="UFlex"
4913                              @input.debounce="filterFormSubmit"
4914                              id="filter-sidebar-desktop-brand-13"
4915                              
4916                              
4917                              :disabled="loading"
4918                            >
4919                            <label
4920                              for="filter-sidebar-desktop-brand-13"
4921                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4922                              
4923                            >
4924                              <span
4925                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4926                              ></span>
4927                              UFlex
4928                            </label>
4929                          </li><li class="flex items-center justify-start">
4930                            <input
4931                              type="checkbox"
4932                              class="filter-checkbox custom-input peer sr-only"
4933                              name="filter.p.vendor"
4934                              value="Trends NZ"
4935                              @input.debounce="filterFormSubmit"
4936                              id="filter-sidebar-desktop-brand-14"
4937                              
4938                              
4939                              :disabled="loading"
4940                            >
4941                            <label
4942                              for="filter-sidebar-desktop-brand-14"
4943                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
4944                              
4945                            >
4946                              <span
4947                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
4948                              ></span>
4949                              Trends NZ
4950                            </label>
4951                          </li></ul>
4952                    
4953                    <noscript>
4954                      <div class="mt-4">
4955                        <button
4956                          class="theme-button w-fit"
4957                          type="submit"
4958                        >
4959                          Apply
4960                        </button>
4961                      </div>
4962                    </noscript></div>
4963            </data-island><data-island
4964              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
4965              data-index="2"
4966              x-data="{ expanded: true }"
4967              data-filterable-filter-fragment="filter.p.product_type"
4968            >
4969              <h3
4970                class="px-4"
4971              >
4972                <button
4973                  class="break-word flex w-full items-center justify-between"
4974                  type="button"
4975                  @click="expanded = ! expanded"
4976                >
4977                  Product type
4978<div
4979                      class="flex h-4 w-4 shrink-0 items-center"
4980                      x-show="!expanded"
4981                      
4982                        style="display: none;"
4983                      
4984                    >
4985                      <svg
4986  class="theme-icon"
4987  xmlns="http://www.w3.org/2000/svg"
4988  fill="none"
4989  viewBox="0 0 24 24"
4990>
4991  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4992</svg>
4993
4994                    </div>
4995                    <div
4996                      class="flex h-4 w-4 shrink-0 items-center"
4997                      x-show="expanded"
4998                      
4999                    ><svg
5000  class="theme-icon"
5001  xmlns="http://www.w3.org/2000/svg"
5002  fill="none"
5003  viewBox="0 0 24 24"
5004>
5005  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5006</svg>
5007</div></button>
5008              </h3>
5009              <div
5010                class="px-4"
5011                x-show="expanded"
5012                x-collapse
5013                
5014              >
5015                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
5016                            <input
5017                              type="checkbox"
5018                              class="filter-checkbox custom-input peer sr-only"
5019                              name="filter.p.product_type"
5020                              value="Accessories"
5021                              @input.debounce="filterFormSubmit"
5022                              id="filter-sidebar-desktop-product-type-1"
5023                              
5024                              
5025                              :disabled="loading"
5026                            >
5027                            <label
5028                              for="filter-sidebar-desktop-product-type-1"
5029                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5030                              
5031                            >
5032                              <span
5033                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5034                              ></span>
5035                              Accessories
5036                            </label>
5037                          </li><li class="flex items-center justify-start">
5038                            <input
5039                              type="checkbox"
5040                              class="filter-checkbox custom-input peer sr-only"
5041                              name="filter.p.product_type"
5042                              value="Apron"
5043                              @input.debounce="filterFormSubmit"
5044                              id="filter-sidebar-desktop-product-type-2"
5045                              
5046                              
5047                              :disabled="loading"
5048                            >
5049                            <label
5050                              for="filter-sidebar-desktop-product-type-2"
5051                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5052                              
5053                            >
5054                              <span
5055                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5056                              ></span>
5057                              Apron
5058                            </label>
5059                          </li><li class="flex items-center justify-start">
5060                            <input
5061                              type="checkbox"
5062                              class="filter-checkbox custom-input peer sr-only"
5063                              name="filter.p.product_type"
5064                              value="Bag"
5065                              @input.debounce="filterFormSubmit"
5066                              id="filter-sidebar-desktop-product-type-3"
5067                              
5068                              
5069                              :disabled="loading"
5070                            >
5071                            <label
5072                              for="filter-sidebar-desktop-product-type-3"
5073                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5074                              
5075                            >
5076                              <span
5077                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5078                              ></span>
5079                              Bag
5080                            </label>
5081                          </li><li class="flex items-center justify-start">
5082                            <input
5083                              type="checkbox"
5084                              class="filter-checkbox custom-input peer sr-only"
5085                              name="filter.p.product_type"
5086                              value="Drinkware"
5087                              @input.debounce="filterFormSubmit"
5088                              id="filter-sidebar-desktop-product-type-4"
5089                              
5090                              
5091                              :disabled="loading"
5092                            >
5093                            <label
5094                              for="filter-sidebar-desktop-product-type-4"
5095                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5096                              
5097                            >
5098                              <span
5099                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5100                              ></span>
5101                              Drinkware
5102                            </label>
5103                          </li><li class="flex items-center justify-start">
5104                            <input
5105                              type="checkbox"
5106                              class="filter-checkbox custom-input peer sr-only"
5107                              name="filter.p.product_type"
5108                              value="Headwear"
5109                              @input.debounce="filterFormSubmit"
5110                              id="filter-sidebar-desktop-product-type-5"
5111                              
5112                              
5113                              :disabled="loading"
5114                            >
5115                            <label
5116                              for="filter-sidebar-desktop-product-type-5"
5117                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5118                              
5119                            >
5120                              <span
5121                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5122                              ></span>
5123                              Headwear
5124                            </label>
5125                          </li><li class="flex items-center justify-start">
5126                            <input
5127                              type="checkbox"
5128                              class="filter-checkbox custom-input peer sr-only"
5129                              name="filter.p.product_type"
5130                              value="Leggings"
5131                              @input.debounce="filterFormSubmit"
5132                              id="filter-sidebar-desktop-product-type-6"
5133                              
5134                              
5135                              :disabled="loading"
5136                            >
5137                            <label
5138                              for="filter-sidebar-desktop-product-type-6"
5139                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5140                              
5141                            >
5142                              <span
5143                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5144                              ></span>
5145                              Leggings
5146                            </label>
5147                          </li><li class="flex items-center justify-start">
5148                            <input
5149                              type="checkbox"
5150                              class="filter-checkbox custom-input peer sr-only"
5151                              name="filter.p.product_type"
5152                              value="Outerwear"
5153                              @input.debounce="filterFormSubmit"
5154                              id="filter-sidebar-desktop-product-type-7"
5155                              
5156                              
5157                              :disabled="loading"
5158                            >
5159                            <label
5160                              for="filter-sidebar-desktop-product-type-7"
5161                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5162                              
5163                            >
5164                              <span
5165                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5166                              ></span>
5167                              Outerwear
5168                            </label>
5169                          </li><li class="flex items-center justify-start">
5170                            <input
5171                              type="checkbox"
5172                              class="filter-checkbox custom-input peer sr-only"
5173                              name="filter.p.product_type"
5174                              value="Pants"
5175                              @input.debounce="filterFormSubmit"
5176                              id="filter-sidebar-desktop-product-type-8"
5177                              
5178                              
5179                              :disabled="loading"
5180                            >
5181                            <label
5182                              for="filter-sidebar-desktop-product-type-8"
5183                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5184                              
5185                            >
5186                              <span
5187                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5188                              ></span>
5189                              Pants
5190                            </label>
5191                          </li><li class="flex items-center justify-start">
5192                            <input
5193                              type="checkbox"
5194                              class="filter-checkbox custom-input peer sr-only"
5195                              name="filter.p.product_type"
5196                              value="Polo"
5197                              @input.debounce="filterFormSubmit"
5198                              id="filter-sidebar-desktop-product-type-9"
5199                              
5200                              
5201                              :disabled="loading"
5202                            >
5203                            <label
5204                              for="filter-sidebar-desktop-product-type-9"
5205                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5206                              
5207                            >
5208                              <span
5209                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5210                              ></span>
5211                              Polo
5212                            </label>
5213                          </li><li class="flex items-center justify-start">
5214                            <input
5215                              type="checkbox"
5216                              class="filter-checkbox custom-input peer sr-only"
5217                              name="filter.p.product_type"
5218                              value="Shirt"
5219                              @input.debounce="filterFormSubmit"
5220                              id="filter-sidebar-desktop-product-type-10"
5221                              
5222                              
5223                              :disabled="loading"
5224                            >
5225                            <label
5226                              for="filter-sidebar-desktop-product-type-10"
5227                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5228                              
5229                            >
5230                              <span
5231                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5232                              ></span>
5233                              Shirt
5234                            </label>
5235                          </li><li class="flex items-center justify-start">
5236                            <input
5237                              type="checkbox"
5238                              class="filter-checkbox custom-input peer sr-only"
5239                              name="filter.p.product_type"
5240                              value="Shorts"
5241                              @input.debounce="filterFormSubmit"
5242                              id="filter-sidebar-desktop-product-type-11"
5243                              
5244                              
5245                              :disabled="loading"
5246                            >
5247                            <label
5248                              for="filter-sidebar-desktop-product-type-11"
5249                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5250                              
5251                            >
5252                              <span
5253                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5254                              ></span>
5255                              Shorts
5256                            </label>
5257                          </li><li class="flex items-center justify-start">
5258                            <input
5259                              type="checkbox"
5260                              class="filter-checkbox custom-input peer sr-only"
5261                              name="filter.p.product_type"
5262                              value="Singlet"
5263                              @input.debounce="filterFormSubmit"
5264                              id="filter-sidebar-desktop-product-type-12"
5265                              
5266                              
5267                              :disabled="loading"
5268                            >
5269                            <label
5270                              for="filter-sidebar-desktop-product-type-12"
5271                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5272                              
5273                            >
5274                              <span
5275                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5276                              ></span>
5277                              Singlet
5278                            </label>
5279                          </li><li class="flex items-center justify-start">
5280                            <input
5281                              type="checkbox"
5282                              class="filter-checkbox custom-input peer sr-only"
5283                              name="filter.p.product_type"
5284                              value="Socks"
5285                              @input.debounce="filterFormSubmit"
5286                              id="filter-sidebar-desktop-product-type-13"
5287                              
5288                              
5289                              :disabled="loading"
5290                            >
5291                            <label
5292                              for="filter-sidebar-desktop-product-type-13"
5293                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5294                              
5295                            >
5296                              <span
5297                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5298                              ></span>
5299                              Socks
5300                            </label>
5301                          </li><li class="flex items-center justify-start">
5302                            <input
5303                              type="checkbox"
5304                              class="filter-checkbox custom-input peer sr-only"
5305                              name="filter.p.product_type"
5306                              value="Stationery"
5307                              @input.debounce="filterFormSubmit"
5308                              id="filter-sidebar-desktop-product-type-14"
5309                              
5310                              
5311                              :disabled="loading"
5312                            >
5313                            <label
5314                              for="filter-sidebar-desktop-product-type-14"
5315                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5316                              
5317                            >
5318                              <span
5319                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5320                              ></span>
5321                              Stationery
5322                            </label>
5323                          </li><li class="flex items-center justify-start">
5324                            <input
5325                              type="checkbox"
5326                              class="filter-checkbox custom-input peer sr-only"
5327                              name="filter.p.product_type"
5328                              value="Sweatshirt"
5329                              @input.debounce="filterFormSubmit"
5330                              id="filter-sidebar-desktop-product-type-15"
5331                              
5332                              
5333                              :disabled="loading"
5334                            >
5335                            <label
5336                              for="filter-sidebar-desktop-product-type-15"
5337                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5338                              
5339                            >
5340                              <span
5341                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5342                              ></span>
5343                              Sweatshirt
5344                            </label>
5345                          </li><li class="flex items-center justify-start">
5346                            <input
5347                              type="checkbox"
5348                              class="filter-checkbox custom-input peer sr-only"
5349                              name="filter.p.product_type"
5350                              value="T-shirt"
5351                              @input.debounce="filterFormSubmit"
5352                              id="filter-sidebar-desktop-product-type-16"
5353                              
5354                              
5355                              :disabled="loading"
5356                            >
5357                            <label
5358                              for="filter-sidebar-desktop-product-type-16"
5359                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5360                              
5361                            >
5362                              <span
5363                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5364                              ></span>
5365                              T-shirt
5366                            </label>
5367                          </li><li class="flex items-center justify-start">
5368                            <input
5369                              type="checkbox"
5370                              class="filter-checkbox custom-input peer sr-only"
5371                              name="filter.p.product_type"
5372                              value="Tea towel"
5373                              @input.debounce="filterFormSubmit"
5374                              id="filter-sidebar-desktop-product-type-17"
5375                              
5376                              
5377                              :disabled="loading"
5378                            >
5379                            <label
5380                              for="filter-sidebar-desktop-product-type-17"
5381                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5382                              
5383                            >
5384                              <span
5385                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5386                              ></span>
5387                              Tea towel
5388                            </label>
5389                          </li></ul>
5390                    
5391                    <noscript>
5392                      <div class="mt-4">
5393                        <button
5394                          class="theme-button w-fit"
5395                          type="submit"
5396                        >
5397                          Apply
5398                        </button>
5399                      </div>
5400                    </noscript></div>
5401            </data-island><data-island
5402              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
5403              data-index="3"
5404              x-data="{ expanded: true }"
5405              data-filterable-filter-fragment="filter.p.m.custom.moq_tier"
5406            >
5407              <h3
5408                class="px-4"
5409              >
5410                <button
5411                  class="break-word flex w-full items-center justify-between"
5412                  type="button"
5413                  @click="expanded = ! expanded"
5414                >
5415                  Minimum order
5416<div
5417                      class="flex h-4 w-4 shrink-0 items-center"
5418                      x-show="!expanded"
5419                      
5420                        style="display: none;"
5421                      
5422                    >
5423                      <svg
5424  class="theme-icon"
5425  xmlns="http://www.w3.org/2000/svg"
5426  fill="none"
5427  viewBox="0 0 24 24"
5428>
5429  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5430</svg>
5431
5432                    </div>
5433                    <div
5434                      class="flex h-4 w-4 shrink-0 items-center"
5435                      x-show="expanded"
5436                      
5437                    ><svg
5438  class="theme-icon"
5439  xmlns="http://www.w3.org/2000/svg"
5440  fill="none"
5441  viewBox="0 0 24 24"
5442>
5443  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5444</svg>
5445</div></button>
5446              </h3>
5447              <div
5448                class="px-4"
5449                x-show="expanded"
5450                x-collapse
5451                
5452              >
5453                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
5454                            <input
5455                              type="checkbox"
5456                              class="filter-checkbox custom-input peer sr-only"
5457                              name="filter.p.m.custom.moq_tier"
5458                              value="24 units (smaller budget)"
5459                              @input.debounce="filterFormSubmit"
5460                              id="filter-sidebar-desktop-minimum-order-1"
5461                              
5462                              
5463                              :disabled="loading"
5464                            >
5465                            <label
5466                              for="filter-sidebar-desktop-minimum-order-1"
5467                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5468                              
5469                            >
5470                              <span
5471                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5472                              ></span>
5473                              24 units (smaller budget)
5474                            </label>
5475                          </li><li class="flex items-center justify-start">
5476                            <input
5477                              type="checkbox"
5478                              class="filter-checkbox custom-input peer sr-only"
5479                              name="filter.p.m.custom.moq_tier"
5480                              value="Up to 50 units"
5481                              @input.debounce="filterFormSubmit"
5482                              id="filter-sidebar-desktop-minimum-order-2"
5483                              
5484                              
5485                              :disabled="loading"
5486                            >
5487                            <label
5488                              for="filter-sidebar-desktop-minimum-order-2"
5489                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5490                              
5491                            >
5492                              <span
5493                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5494                              ></span>
5495                              Up to 50 units
5496                            </label>
5497                          </li><li class="flex items-center justify-start">
5498                            <input
5499                              type="checkbox"
5500                              class="filter-checkbox custom-input peer sr-only"
5501                              name="filter.p.m.custom.moq_tier"
5502                              value="Up to 100 units"
5503                              @input.debounce="filterFormSubmit"
5504                              id="filter-sidebar-desktop-minimum-order-3"
5505                              
5506                              
5507                              :disabled="loading"
5508                            >
5509                            <label
5510                              for="filter-sidebar-desktop-minimum-order-3"
5511                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5512                              
5513                            >
5514                              <span
5515                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5516                              ></span>
5517                              Up to 100 units
5518                            </label>
5519                          </li><li class="flex items-center justify-start">
5520                            <input
5521                              type="checkbox"
5522                              class="filter-checkbox custom-input peer sr-only"
5523                              name="filter.p.m.custom.moq_tier"
5524                              value="Up to 250 units"
5525                              @input.debounce="filterFormSubmit"
5526                              id="filter-sidebar-desktop-minimum-order-4"
5527                              
5528                              
5529                              :disabled="loading"
5530                            >
5531                            <label
5532                              for="filter-sidebar-desktop-minimum-order-4"
5533                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5534                              
5535                            >
5536                              <span
5537                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5538                              ></span>
5539                              Up to 250 units
5540                            </label>
5541                          </li><li class="flex items-center justify-start">
5542                            <input
5543                              type="checkbox"
5544                              class="filter-checkbox custom-input peer sr-only"
5545                              name="filter.p.m.custom.moq_tier"
5546                              value="Up to 500 units"
5547                              @input.debounce="filterFormSubmit"
5548                              id="filter-sidebar-desktop-minimum-order-5"
5549                              
5550                              
5551                              :disabled="loading"
5552                            >
5553                            <label
5554                              for="filter-sidebar-desktop-minimum-order-5"
5555                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5556                              
5557                            >
5558                              <span
5559                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5560                              ></span>
5561                              Up to 500 units
5562                            </label>
5563                          </li><li class="flex items-center justify-start">
5564                            <input
5565                              type="checkbox"
5566                              class="filter-checkbox custom-input peer sr-only"
5567                              name="filter.p.m.custom.moq_tier"
5568                              value="&gt; 500 units (bigger budget)"
5569                              @input.debounce="filterFormSubmit"
5570                              id="filter-sidebar-desktop-minimum-order-6"
5571                              
5572                              
5573                              :disabled="loading"
5574                            >
5575                            <label
5576                              for="filter-sidebar-desktop-minimum-order-6"
5577                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5578                              
5579                            >
5580                              <span
5581                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5582                              ></span>
5583                              > 500 units (bigger budget)
5584                            </label>
5585                          </li></ul>
5586                    
5587                    <noscript>
5588                      <div class="mt-4">
5589                        <button
5590                          class="theme-button w-fit"
5591                          type="submit"
5592                        >
5593                          Apply
5594                        </button>
5595                      </div>
5596                    </noscript></div>
5597            </data-island><data-island
5598              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
5599              data-index="4"
5600              x-data="{ expanded: true }"
5601              data-filterable-filter-fragment="filter.p.m.custom.lead_time_teir"
5602            >
5603              <h3
5604                class="px-4"
5605              >
5606                <button
5607                  class="break-word flex w-full items-center justify-between"
5608                  type="button"
5609                  @click="expanded = ! expanded"
5610                >
5611                  Lead time
5612<div
5613                      class="flex h-4 w-4 shrink-0 items-center"
5614                      x-show="!expanded"
5615                      
5616                        style="display: none;"
5617                      
5618                    >
5619                      <svg
5620  class="theme-icon"
5621  xmlns="http://www.w3.org/2000/svg"
5622  fill="none"
5623  viewBox="0 0 24 24"
5624>
5625  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5626</svg>
5627
5628                    </div>
5629                    <div
5630                      class="flex h-4 w-4 shrink-0 items-center"
5631                      x-show="expanded"
5632                      
5633                    ><svg
5634  class="theme-icon"
5635  xmlns="http://www.w3.org/2000/svg"
5636  fill="none"
5637  viewBox="0 0 24 24"
5638>
5639  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5640</svg>
5641</div></button>
5642              </h3>
5643              <div
5644                class="px-4"
5645                x-show="expanded"
5646                x-collapse
5647                
5648              >
5649                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
5650                            <input
5651                              type="checkbox"
5652                              class="filter-checkbox custom-input peer sr-only"
5653                              name="filter.p.m.custom.lead_time_teir"
5654                              value="Up to 10 working days (quick)"
5655                              @input.debounce="filterFormSubmit"
5656                              id="filter-sidebar-desktop-lead-time-1"
5657                              
5658                              
5659                              :disabled="loading"
5660                            >
5661                            <label
5662                              for="filter-sidebar-desktop-lead-time-1"
5663                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5664                              
5665                            >
5666                              <span
5667                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5668                              ></span>
5669                              Up to 10 working days (quick)
5670                            </label>
5671                          </li><li class="flex items-center justify-start">
5672                            <input
5673                              type="checkbox"
5674                              class="filter-checkbox custom-input peer sr-only"
5675                              name="filter.p.m.custom.lead_time_teir"
5676                              value="Up to 20 working days"
5677                              @input.debounce="filterFormSubmit"
5678                              id="filter-sidebar-desktop-lead-time-2"
5679                              
5680                              
5681                              :disabled="loading"
5682                            >
5683                            <label
5684                              for="filter-sidebar-desktop-lead-time-2"
5685                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5686                              
5687                            >
5688                              <span
5689                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5690                              ></span>
5691                              Up to 20 working days
5692                            </label>
5693                          </li><li class="flex items-center justify-start">
5694                            <input
5695                              type="checkbox"
5696                              class="filter-checkbox custom-input peer sr-only"
5697                              name="filter.p.m.custom.lead_time_teir"
5698                              value="Up to 30 working days"
5699                              @input.debounce="filterFormSubmit"
5700                              id="filter-sidebar-desktop-lead-time-3"
5701                              
5702                              
5703                              :disabled="loading"
5704                            >
5705                            <label
5706                              for="filter-sidebar-desktop-lead-time-3"
5707                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5708                              
5709                            >
5710                              <span
5711                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5712                              ></span>
5713                              Up to 30 working days
5714                            </label>
5715                          </li><li class="flex items-center justify-start">
5716                            <input
5717                              type="checkbox"
5718                              class="filter-checkbox custom-input peer sr-only"
5719                              name="filter.p.m.custom.lead_time_teir"
5720                              value="Up to 40 working days"
5721                              @input.debounce="filterFormSubmit"
5722                              id="filter-sidebar-desktop-lead-time-4"
5723                              
5724                              
5725                              :disabled="loading"
5726                            >
5727                            <label
5728                              for="filter-sidebar-desktop-lead-time-4"
5729                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5730                              
5731                            >
5732                              <span
5733                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5734                              ></span>
5735                              Up to 40 working days
5736                            </label>
5737                          </li><li class="flex items-center justify-start">
5738                            <input
5739                              type="checkbox"
5740                              class="filter-checkbox custom-input peer sr-only"
5741                              name="filter.p.m.custom.lead_time_teir"
5742                              value="Up to 50 working days"
5743                              @input.debounce="filterFormSubmit"
5744                              id="filter-sidebar-desktop-lead-time-5"
5745                              
5746                              
5747                              :disabled="loading"
5748                            >
5749                            <label
5750                              for="filter-sidebar-desktop-lead-time-5"
5751                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5752                              
5753                            >
5754                              <span
5755                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5756                              ></span>
5757                              Up to 50 working days
5758                            </label>
5759                          </li><li class="flex items-center justify-start">
5760                            <input
5761                              type="checkbox"
5762                              class="filter-checkbox custom-input peer sr-only"
5763                              name="filter.p.m.custom.lead_time_teir"
5764                              value="&gt; 50 working days (patient)"
5765                              @input.debounce="filterFormSubmit"
5766                              id="filter-sidebar-desktop-lead-time-6"
5767                              
5768                              
5769                              :disabled="loading"
5770                            >
5771                            <label
5772                              for="filter-sidebar-desktop-lead-time-6"
5773                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
5774                              
5775                            >
5776                              <span
5777                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
5778                              ></span>
5779                              > 50 working days (patient)
5780                            </label>
5781                          </li></ul>
5782                    
5783                    <noscript>
5784                      <div class="mt-4">
5785                        <button
5786                          class="theme-button w-fit"
5787                          type="submit"
5788                        >
5789                          Apply
5790                        </button>
5791                      </div>
5792                    </noscript></div>
5793            </data-island></div>
5794      </div>
5795    </div>
5796  </div>
5797
5798
5799  <div
5800    class="mb-10 mr-auto block px-4 text-left"
5801    data-filterable-filter-fragment="clear-sidebar-desktop"
5802  >
5803    
5804      <!-- Desktop spacer -->
5805      <span
5806        class="theme-link theme-link-no-arrow invisible inline-block"
5807        aria-hidden="true"
5808        >&nbsp;</span
5809      >
5810    
5811  </div>
5812
5813
5814          </form>
5815        
5816
5817        <div class="relative flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-2 md:hidden"><div
5818  x-html-if-set="drawerToggleHTML"
5819  data-fragment-id="drawer-toggle"
5820  class=""
5821>
5822  <button
5823    type="button"
5824    class="flex py-2 hover:text-scheme-accent [&_>_*]:pointer-events-none items-center"
5825    @click="$store.modals.open('filters')"
5826  >
5827    Filter
5828    
5829<span
5830        class="ml-1 inline-block h-3 w-3 origin-center align-middle"
5831        x-show="!filtersOpen"
5832      ><svg
5833  class="theme-icon"
5834  xmlns="http://www.w3.org/2000/svg"
5835  fill="none"
5836  viewBox="0 0 24 24"
5837>
5838  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5839</svg>
5840</span>
5841      <span
5842        class="ml-1 inline-block h-3 w-3 origin-center align-middle"
5843        x-show="filtersOpen"
5844        style="display: none;"
5845      ><svg
5846  class="theme-icon"
5847  xmlns="http://www.w3.org/2000/svg"
5848  fill="none"
5849  viewBox="0 0 24 24"
5850>
5851  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5852</svg>
5853</span></button>
5854</div>
5855</div>
5856      
5857
5858      <div
5859        id="results"
5860        data-fragment-id="results"
5861        x-html-if-set="resultsHTML"
5862        :class="{ 'opacity-10' : loading }"
5863      ><ul class="collection-list grid grid-cols-2 lg:grid-cols-12 gap-gutter bg-gridline-color border-b-gridline border-gridline-color -mb-gridline">
5864
5865              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
5866                
5867<data-island
5868  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
5869  
5870  data-color-scheme="scheme5"
5871>
5872  <div
5873    class="relative"
5874  ><div
5875      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
5876      
5877    >
5878      <div class="relative z-0">
5879        <a
5880          href="/products/stencil-hood"
5881          
5882          class="absolute inset-0 z-40"
5883        >
5884          <span class="sr-only">Stencil Hood</span>
5885        </a>
5886
5887        
5888<div
5889            class="relative"
5890            style="padding-top: 100%;"
5891          ><image-with-placeholder>
5892  <img src="//printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=3000" alt="Custom green hoodie on a white background" srcset="//printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&amp;width=3000 3000w" width="3000" height="3000" loading="eager" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
5893  
5894    <div
5895      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
5896    ></div>
5897  
5898</image-with-placeholder>
5899</div>
5900
5901        <image-with-placeholder>
5902  <img src="//printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=3000" alt="Green hoodie on a white background" srcset="//printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&amp;width=3000 3000w" width="3000" height="3000" loading="eager" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
5903  
5904    <div
5905      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
5906    ></div>
5907  
5908</image-with-placeholder>
5909
5910</div>
5911    </div>
5912
5913    
5914    <div
5915      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
5916    >
5917      <a
5918        href="/products/stencil-hood"
5919        
5920        class="absolute inset-0 z-10"
5921      >
5922        <span class="sr-only">Stencil Hood</span>
5923      </a>
5924      <div class="text-center break-word">
5925        
5926          <p class="mb-1 text-scheme-secondary">
5927            AS Colour
5928          </p>
5929        
5930        <p
5931          aria-hidden="true"
5932          class="font-bold"
5933        >
5934          Stencil Hood
5935        </p>
5936
5937        
5938        
5939
5940
5941
5942
5943
5944
5945        
5946      </div>
5947      <div class="text-center mt-1 lg:mt-2">
5948        
5949          
5950          
5951            
5952<span>from $31.00</span>
5953            
5954          
5955        
5956        
5957</div>
5958
5959      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
5960    <button
5961      type="button"
5962      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(4166829736006)
5963        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
5964        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
5965      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
5966      @click.prevent.stop='if ($store.favorites.has(4166829736006)) { $store.modals.open("favorites") } else { $store.favorites.add({
5967        id: 4166829736006,
5968        handle: &quot;stencil-hood&quot;,
5969        title: &quot;Stencil Hood&quot;,
5970        vendor: &quot;AS Colour&quot;,
5971        hasColours: true,
5972        variantId: null,
5973        colour: null,
5974        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;,&quot;4XL&quot;,&quot;5XL&quot;],
5975        price: 3100,
5976        compare_at_price: null,
5977        image: "\/\/printroom.co\/cdn\/shop\/files\/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593\u0026width=200",
5978        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593\u0026width=200",
5979        url: "/products/stencil-hood",
5980        moq: 24
5981      }) }'
5982      :aria-label="$store.favorites.has(4166829736006) ? 'Open quote list' : 'Add Stencil Hood to quote'"
5983    >
5984      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(4166829736006)"><span class="h-full w-full">
5985  <svg
5986    aria-hidden="true"
5987    focusable="false"
5988    role="presentation"
5989    class="icon icon-quote-list-outline"
5990    viewBox="0 0 24 24"
5991    fill="none"
5992  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
5993    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
5994    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
5995    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
5996    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
5997    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
5998    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
5999    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6000  </svg>
6001</span>
6002</span>
6003      <span x-text="$store.favorites.has(4166829736006) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6004    </button>
6005  </data-island></div>
6006    </div>
6007  </div>
6008</data-island>
6009
6010              </li>
6011
6012
6013              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6014                
6015<data-island
6016  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6017  
6018  data-color-scheme="scheme5"
6019>
6020  <div
6021    class="relative"
6022  ><div
6023      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6024      
6025    >
6026      <div class="relative z-0">
6027        <a
6028          href="/products/surf-cap"
6029          
6030          class="absolute inset-0 z-40"
6031        >
6032          <span class="sr-only">Surf Cap</span>
6033        </a>
6034
6035        
6036<div
6037            class="relative"
6038            style="padding-top: 100%;"
6039          ><image-with-placeholder>
6040  <img src="//printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=3000" alt="Custom orange cap on white background" srcset="//printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&amp;width=3000 3000w" width="3000" height="3000" loading="eager" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6041  
6042    <div
6043      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6044    ></div>
6045  
6046</image-with-placeholder>
6047</div>
6048
6049        <image-with-placeholder>
6050  <img src="//printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=3000" alt="orange cap on white background" srcset="//printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&amp;width=3000 3000w" width="3000" height="3000" loading="eager" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6051  
6052    <div
6053      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6054    ></div>
6055  
6056</image-with-placeholder>
6057
6058</div>
6059    </div>
6060
6061    
6062    <div
6063      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6064    >
6065      <a
6066        href="/products/surf-cap"
6067        
6068        class="absolute inset-0 z-10"
6069      >
6070        <span class="sr-only">Surf Cap</span>
6071      </a>
6072      <div class="text-center break-word">
6073        
6074          <p class="mb-1 text-scheme-secondary">
6075            AS Colour
6076          </p>
6077        
6078        <p
6079          aria-hidden="true"
6080          class="font-bold"
6081        >
6082          Surf Cap
6083        </p>
6084
6085        
6086        
6087
6088
6089
6090
6091
6092
6093        
6094      </div>
6095      <div class="text-center mt-1 lg:mt-2">
6096        
6097          
6098          
6099            
6100<span>from $13.00</span>
6101            
6102          
6103        
6104        
6105</div>
6106
6107      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6108    <button
6109      type="button"
6110      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8274958123078)
6111        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6112        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6113      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6114      @click.prevent.stop='if ($store.favorites.has(8274958123078)) { $store.modals.open("favorites") } else { $store.favorites.add({
6115        id: 8274958123078,
6116        handle: &quot;surf-cap&quot;,
6117        title: &quot;Surf Cap&quot;,
6118        vendor: &quot;AS Colour&quot;,
6119        hasColours: true,
6120        variantId: null,
6121        colour: null,
6122        sizeOptions: [&quot;One Size&quot;],
6123        price: 1300,
6124        compare_at_price: null,
6125        image: "\/\/printroom.co\/cdn\/shop\/files\/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556\u0026width=200",
6126        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556\u0026width=200",
6127        url: "/products/surf-cap",
6128        moq: 24
6129      }) }'
6130      :aria-label="$store.favorites.has(8274958123078) ? 'Open quote list' : 'Add Surf Cap to quote'"
6131    >
6132      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8274958123078)"><span class="h-full w-full">
6133  <svg
6134    aria-hidden="true"
6135    focusable="false"
6136    role="presentation"
6137    class="icon icon-quote-list-outline"
6138    viewBox="0 0 24 24"
6139    fill="none"
6140  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6141    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6142    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6143    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6144    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6145    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6146    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6147    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6148  </svg>
6149</span>
6150</span>
6151      <span x-text="$store.favorites.has(8274958123078) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6152    </button>
6153  </data-island></div>
6154    </div>
6155  </div>
6156</data-island>
6157
6158              </li>
6159
6160
6161              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6162                
6163<data-island
6164  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6165  
6166  data-color-scheme="scheme5"
6167>
6168  <div
6169    class="relative"
6170  ><div
6171      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6172      
6173    >
6174      <div class="relative z-0">
6175        <a
6176          href="/products/weekend-tote-bag"
6177          
6178          class="absolute inset-0 z-40"
6179        >
6180          <span class="sr-only">Weekend Tote Bag</span>
6181        </a>
6182
6183        
6184<div
6185            class="relative"
6186            style="padding-top: 100%;"
6187          ><image-with-placeholder>
6188  <img src="//printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=3000" alt="Printed Print Room Weekend tote bag on white background" srcset="//printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=200 200w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=350 350w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=450 450w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=750 750w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=850 850w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=960 960w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6189  
6190    <div
6191      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6192    ></div>
6193  
6194</image-with-placeholder>
6195</div>
6196
6197        <image-with-placeholder>
6198  <img src="//printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=3000" alt="Print Room Weekend Tote Bag PRTBWE Bag made to order nz" srcset="//printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=200 200w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=350 350w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=450 450w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=750 750w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=850 850w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=960 960w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1280 1280w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1440 1440w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1536 1536w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1706 1706w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1782 1782w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=1920 1920w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=2560 2560w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=2880 2880w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6199  
6200    <div
6201      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6202    ></div>
6203  
6204</image-with-placeholder>
6205
6206</div>
6207    </div>
6208
6209    
6210    <div
6211      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6212    >
6213      <a
6214        href="/products/weekend-tote-bag"
6215        
6216        class="absolute inset-0 z-10"
6217      >
6218        <span class="sr-only">Weekend Tote Bag</span>
6219      </a>
6220      <div class="text-center break-word">
6221        
6222          <p class="mb-1 text-scheme-secondary">
6223            Print Room
6224          </p>
6225        
6226        <p
6227          aria-hidden="true"
6228          class="font-bold"
6229        >
6230          Weekend Tote Bag
6231        </p>
6232
6233        
6234        
6235
6236
6237
6238
6239
6240
6241        
6242      </div>
6243      <div class="text-center mt-1 lg:mt-2">
6244        
6245          
6246          
6247            
6248<span>from $11.00</span>
6249            
6250          
6251        
6252        
6253</div>
6254
6255      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6256    <button
6257      type="button"
6258      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8274971885638)
6259        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6260        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6261      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6262      @click.prevent.stop='if ($store.favorites.has(8274971885638)) { $store.modals.open("favorites") } else { $store.favorites.add({
6263        id: 8274971885638,
6264        handle: &quot;weekend-tote-bag&quot;,
6265        title: &quot;Weekend Tote Bag&quot;,
6266        vendor: &quot;Print Room&quot;,
6267        hasColours: true,
6268        variantId: null,
6269        colour: null,
6270        sizeOptions: &quot;&quot;,
6271        price: 1100,
6272        compare_at_price: null,
6273        image: "\/\/printroom.co\/cdn\/shop\/files\/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689\u0026width=200",
6274        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689\u0026width=200",
6275        url: "/products/weekend-tote-bag",
6276        moq: 50
6277      }) }'
6278      :aria-label="$store.favorites.has(8274971885638) ? 'Open quote list' : 'Add Weekend Tote Bag to quote'"
6279    >
6280      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8274971885638)"><span class="h-full w-full">
6281  <svg
6282    aria-hidden="true"
6283    focusable="false"
6284    role="presentation"
6285    class="icon icon-quote-list-outline"
6286    viewBox="0 0 24 24"
6287    fill="none"
6288  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6289    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6290    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6291    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6292    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6293    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6294    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6295    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6296  </svg>
6297</span>
6298</span>
6299      <span x-text="$store.favorites.has(8274971885638) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6300    </button>
6301  </data-island></div>
6302    </div>
6303  </div>
6304</data-island>
6305
6306              </li>
6307
6308
6309              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6310                
6311<data-island
6312  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6313  
6314  data-color-scheme="scheme5"
6315>
6316  <div
6317    class="relative"
6318  ><div
6319      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6320      
6321    >
6322      <div class="relative z-0">
6323        <a
6324          href="/products/milk-mug"
6325          
6326          class="absolute inset-0 z-40"
6327        >
6328          <span class="sr-only">Milk Mug</span>
6329        </a>
6330
6331        
6332<div
6333            class="relative"
6334            style="padding-top: 100%;"
6335          ><image-with-placeholder>
6336  <img src="//printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=3000" alt="Milk Mug - Custom Clothing | T Shirt Printing | Embroidery | Screen Printing | Print Room NZ" srcset="//printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=200 200w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=350 350w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=450 450w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=750 750w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=850 850w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=960 960w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1280 1280w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1440 1440w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1536 1536w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1706 1706w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1782 1782w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=1920 1920w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=2560 2560w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=2880 2880w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6337  
6338    <div
6339      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6340    ></div>
6341  
6342</image-with-placeholder>
6343</div>
6344
6345        <image-with-placeholder>
6346  <img src="//printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=3000" alt="Milk Mug - Custom Clothing | T Shirt Printing | Embroidery | Screen Printing | Print Room NZ" srcset="//printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=200 200w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=350 350w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=450 450w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=750 750w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=850 850w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=960 960w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1280 1280w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1440 1440w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1536 1536w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1706 1706w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1782 1782w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=1920 1920w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=2560 2560w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=2880 2880w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6347  
6348    <div
6349      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6350    ></div>
6351  
6352</image-with-placeholder>
6353
6354</div>
6355    </div>
6356
6357    
6358    <div
6359      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6360    >
6361      <a
6362        href="/products/milk-mug"
6363        
6364        class="absolute inset-0 z-10"
6365      >
6366        <span class="sr-only">Milk Mug</span>
6367      </a>
6368      <div class="text-center break-word">
6369        
6370          <p class="mb-1 text-scheme-secondary">
6371            Made to order
6372          </p>
6373        
6374        <p
6375          aria-hidden="true"
6376          class="font-bold"
6377        >
6378          Milk Mug
6379        </p>
6380
6381        
6382        
6383
6384
6385
6386
6387
6388
6389        
6390      </div>
6391      <div class="text-center mt-1 lg:mt-2">
6392        
6393          
6394          
6395            
6396<span>from $13.00</span>
6397            
6398          
6399        
6400        
6401</div>
6402
6403      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6404    <button
6405      type="button"
6406      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8310098493510)
6407        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6408        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6409      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6410      @click.prevent.stop='if ($store.favorites.has(8310098493510)) { $store.modals.open("favorites") } else { $store.favorites.add({
6411        id: 8310098493510,
6412        handle: &quot;milk-mug&quot;,
6413        title: &quot;Milk Mug&quot;,
6414        vendor: &quot;Made to order&quot;,
6415        hasColours: false,
6416        variantId: null,
6417        colour: null,
6418        sizeOptions: &quot;&quot;,
6419        price: 1300,
6420        compare_at_price: null,
6421        image: "\/\/printroom.co\/cdn\/shop\/files\/mto_milk_mug_scroggin.jpg?v=1785739796\u0026width=200",
6422        productImage: "\/\/printroom.co\/cdn\/shop\/files\/mto_milk_mug_scroggin.jpg?v=1785739796\u0026width=200",
6423        url: "/products/milk-mug",
6424        moq: 50
6425      }) }'
6426      :aria-label="$store.favorites.has(8310098493510) ? 'Open quote list' : 'Add Milk Mug to quote'"
6427    >
6428      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8310098493510)"><span class="h-full w-full">
6429  <svg
6430    aria-hidden="true"
6431    focusable="false"
6432    role="presentation"
6433    class="icon icon-quote-list-outline"
6434    viewBox="0 0 24 24"
6435    fill="none"
6436  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6437    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6438    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6439    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6440    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6441    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6442    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6443    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6444  </svg>
6445</span>
6446</span>
6447      <span x-text="$store.favorites.has(8310098493510) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6448    </button>
6449  </data-island></div>
6450    </div>
6451  </div>
6452</data-island>
6453
6454              </li>
6455
6456
6457              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6458                
6459<data-island
6460  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6461  
6462  data-color-scheme="scheme5"
6463>
6464  <div
6465    class="relative"
6466  ><div
6467      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6468      
6469    >
6470      <div class="relative z-0">
6471        <a
6472          href="/products/heavy-tee"
6473          
6474          class="absolute inset-0 z-40"
6475        >
6476          <span class="sr-only">Heavy Tee</span>
6477        </a>
6478
6479        
6480<div
6481            class="relative"
6482            style="padding-top: 100%;"
6483          ><image-with-placeholder>
6484  <img src="//printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=3000" alt="Butter coloured tee on a white background with a red print" srcset="//printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=200 200w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=350 350w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=450 450w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=750 750w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=850 850w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=960 960w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6485  
6486    <div
6487      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6488    ></div>
6489  
6490</image-with-placeholder>
6491</div>
6492
6493        <image-with-placeholder>
6494  <img src="//printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=3000" alt="Butter coloured tee on a white background" srcset="//printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=200 200w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=350 350w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=450 450w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=750 750w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=850 850w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=960 960w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6495  
6496    <div
6497      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6498    ></div>
6499  
6500</image-with-placeholder>
6501
6502</div>
6503    </div>
6504
6505    
6506    <div
6507      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6508    >
6509      <a
6510        href="/products/heavy-tee"
6511        
6512        class="absolute inset-0 z-10"
6513      >
6514        <span class="sr-only">Heavy Tee</span>
6515      </a>
6516      <div class="text-center break-word">
6517        
6518          <p class="mb-1 text-scheme-secondary">
6519            AS Colour
6520          </p>
6521        
6522        <p
6523          aria-hidden="true"
6524          class="font-bold"
6525        >
6526          Heavy Tee
6527        </p>
6528
6529        
6530        
6531
6532
6533
6534
6535
6536
6537        
6538      </div>
6539      <div class="text-center mt-1 lg:mt-2">
6540        
6541          
6542          
6543            
6544<span>from $16.00</span>
6545            
6546          
6547        
6548        
6549</div>
6550
6551      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6552    <button
6553      type="button"
6554      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(7832314249286)
6555        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6556        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6557      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6558      @click.prevent.stop='if ($store.favorites.has(7832314249286)) { $store.modals.open("favorites") } else { $store.favorites.add({
6559        id: 7832314249286,
6560        handle: &quot;heavy-tee&quot;,
6561        title: &quot;Heavy Tee&quot;,
6562        vendor: &quot;AS Colour&quot;,
6563        hasColours: true,
6564        variantId: null,
6565        colour: null,
6566        sizeOptions: [&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;,&quot;4XL&quot;,&quot;5XL&quot;],
6567        price: 1600,
6568        compare_at_price: null,
6569        image: "\/\/printroom.co\/cdn\/shop\/files\/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118\u0026width=200",
6570        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118\u0026width=200",
6571        url: "/products/heavy-tee",
6572        moq: 24
6573      }) }'
6574      :aria-label="$store.favorites.has(7832314249286) ? 'Open quote list' : 'Add Heavy Tee to quote'"
6575    >
6576      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(7832314249286)"><span class="h-full w-full">
6577  <svg
6578    aria-hidden="true"
6579    focusable="false"
6580    role="presentation"
6581    class="icon icon-quote-list-outline"
6582    viewBox="0 0 24 24"
6583    fill="none"
6584  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6585    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6586    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6587    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6588    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6589    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6590    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6591    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6592  </svg>
6593</span>
6594</span>
6595      <span x-text="$store.favorites.has(7832314249286) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6596    </button>
6597  </data-island></div>
6598    </div>
6599  </div>
6600</data-island>
6601
6602              </li>
6603
6604
6605              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6606                
6607<data-island
6608  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6609  
6610  data-color-scheme="scheme5"
6611>
6612  <div
6613    class="relative"
6614  ><div
6615      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6616      
6617    >
6618      <div class="relative z-0">
6619        <a
6620          href="/products/custom-business-sock"
6621          
6622          class="absolute inset-0 z-40"
6623        >
6624          <span class="sr-only">Business Sock</span>
6625        </a>
6626
6627        
6628<div
6629            class="relative"
6630            style="padding-top: 100%;"
6631          ><image-with-placeholder>
6632  <img src="//printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=3000" alt="Light green business socks on a white background" srcset="//printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=200 200w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=350 350w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=450 450w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=750 750w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=850 850w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=960 960w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&amp;width=3000 3000w" width="3000" height="3002" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6633  
6634    <div
6635      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6636    ></div>
6637  
6638</image-with-placeholder>
6639</div>
6640
6641        <image-with-placeholder>
6642  <img src="//printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=3000" alt="Outline of a sock with measurements on a white background" srcset="//printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=200 200w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=350 350w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=450 450w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=750 750w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=850 850w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=960 960w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1280 1280w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1440 1440w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1536 1536w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1706 1706w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1782 1782w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=1920 1920w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=2560 2560w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=2880 2880w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6643  
6644    <div
6645      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6646    ></div>
6647  
6648</image-with-placeholder>
6649
6650</div>
6651    </div>
6652
6653    
6654    <div
6655      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6656    >
6657      <a
6658        href="/products/custom-business-sock"
6659        
6660        class="absolute inset-0 z-10"
6661      >
6662        <span class="sr-only">Business Sock</span>
6663      </a>
6664      <div class="text-center break-word">
6665        
6666          <p class="mb-1 text-scheme-secondary">
6667            Made to order
6668          </p>
6669        
6670        <p
6671          aria-hidden="true"
6672          class="font-bold"
6673        >
6674          Business Sock
6675        </p>
6676
6677        
6678        
6679
6680
6681
6682
6683
6684
6685        
6686      </div>
6687      <div class="text-center mt-1 lg:mt-2">
6688        
6689          
6690          
6691            
6692<span>from $10.00</span>
6693            
6694          
6695        
6696        
6697</div>
6698
6699      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6700    <button
6701      type="button"
6702      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8274999083078)
6703        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6704        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6705      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6706      @click.prevent.stop='if ($store.favorites.has(8274999083078)) { $store.modals.open("favorites") } else { $store.favorites.add({
6707        id: 8274999083078,
6708        handle: &quot;custom-business-sock&quot;,
6709        title: &quot;Business Sock&quot;,
6710        vendor: &quot;Made to order&quot;,
6711        hasColours: false,
6712        variantId: null,
6713        colour: null,
6714        sizeOptions: &quot;&quot;,
6715        price: 1000,
6716        compare_at_price: null,
6717        image: "\/\/printroom.co\/cdn\/shop\/files\/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077\u0026width=200",
6718        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077\u0026width=200",
6719        url: "/products/custom-business-sock",
6720        moq: 100
6721      }) }'
6722      :aria-label="$store.favorites.has(8274999083078) ? 'Open quote list' : 'Add Business Sock to quote'"
6723    >
6724      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8274999083078)"><span class="h-full w-full">
6725  <svg
6726    aria-hidden="true"
6727    focusable="false"
6728    role="presentation"
6729    class="icon icon-quote-list-outline"
6730    viewBox="0 0 24 24"
6731    fill="none"
6732  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6733    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6734    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6735    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6736    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6737    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6738    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6739    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6740  </svg>
6741</span>
6742</span>
6743      <span x-text="$store.favorites.has(8274999083078) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6744    </button>
6745  </data-island></div>
6746    </div>
6747  </div>
6748</data-island>
6749
6750              </li>
6751
6752
6753              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6754                
6755<data-island
6756  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6757  
6758  data-color-scheme="scheme5"
6759>
6760  <div
6761    class="relative"
6762  ><div
6763      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6764      
6765    >
6766      <div class="relative z-0">
6767        <a
6768          href="/products/utility-tote-bag-16oz-colour"
6769          
6770          class="absolute inset-0 z-40"
6771        >
6772          <span class="sr-only">Utility Tote Bag 16oz Colour</span>
6773        </a>
6774
6775        
6776<div
6777            class="relative"
6778            style="padding-top: 100%;"
6779          ><image-with-placeholder>
6780  <img src="//printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=3000" alt="Made to order Utility Tote Bag 16oz Colour MTOUT16C Bag custom merch nz" srcset="//printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=200 200w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=350 350w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=450 450w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=750 750w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=850 850w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=960 960w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6781  
6782    <div
6783      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6784    ></div>
6785  
6786</image-with-placeholder>
6787</div>
6788
6789        <image-with-placeholder>
6790  <img src="//printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=3000" alt="Made to order Utility Tote Bag 16oz Colour MTOUT16C Bag promo products nz" srcset="//printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=200 200w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=350 350w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=450 450w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=750 750w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=850 850w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=960 960w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6791  
6792    <div
6793      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6794    ></div>
6795  
6796</image-with-placeholder>
6797
6798</div>
6799    </div>
6800
6801    
6802    <div
6803      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6804    >
6805      <a
6806        href="/products/utility-tote-bag-16oz-colour"
6807        
6808        class="absolute inset-0 z-10"
6809      >
6810        <span class="sr-only">Utility Tote Bag 16oz Colour</span>
6811      </a>
6812      <div class="text-center break-word">
6813        
6814          <p class="mb-1 text-scheme-secondary">
6815            Made to order
6816          </p>
6817        
6818        <p
6819          aria-hidden="true"
6820          class="font-bold"
6821        >
6822          Utility Tote Bag 16oz Colour
6823        </p>
6824
6825        
6826        
6827
6828
6829
6830
6831
6832
6833        
6834      </div>
6835      <div class="text-center mt-1 lg:mt-2">
6836        
6837          
6838          
6839            
6840<span>from $13.00</span>
6841            
6842          
6843        
6844        
6845</div>
6846
6847      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6848    <button
6849      type="button"
6850      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8394549297222)
6851        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
6852        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
6853      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
6854      @click.prevent.stop='if ($store.favorites.has(8394549297222)) { $store.modals.open("favorites") } else { $store.favorites.add({
6855        id: 8394549297222,
6856        handle: &quot;utility-tote-bag-16oz-colour&quot;,
6857        title: &quot;Utility Tote Bag 16oz Colour&quot;,
6858        vendor: &quot;Made to order&quot;,
6859        hasColours: false,
6860        variantId: null,
6861        colour: null,
6862        sizeOptions: &quot;&quot;,
6863        price: 1300,
6864        compare_at_price: null,
6865        image: "\/\/printroom.co\/cdn\/shop\/files\/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170\u0026width=200",
6866        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170\u0026width=200",
6867        url: "/products/utility-tote-bag-16oz-colour",
6868        moq: 500
6869      }) }'
6870      :aria-label="$store.favorites.has(8394549297222) ? 'Open quote list' : 'Add Utility Tote Bag 16oz Colour to quote'"
6871    >
6872      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8394549297222)"><span class="h-full w-full">
6873  <svg
6874    aria-hidden="true"
6875    focusable="false"
6876    role="presentation"
6877    class="icon icon-quote-list-outline"
6878    viewBox="0 0 24 24"
6879    fill="none"
6880  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
6881    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6882    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
6883    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6884    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
6885    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6886    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
6887    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
6888  </svg>
6889</span>
6890</span>
6891      <span x-text="$store.favorites.has(8394549297222) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
6892    </button>
6893  </data-island></div>
6894    </div>
6895  </div>
6896</data-island>
6897
6898              </li>
6899
6900
6901              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
6902                
6903<data-island
6904  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
6905  
6906  data-color-scheme="scheme5"
6907>
6908  <div
6909    class="relative"
6910  ><div
6911      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
6912      
6913    >
6914      <div class="relative z-0">
6915        <a
6916          href="/products/wo-s-maple-tee"
6917          
6918          class="absolute inset-0 z-40"
6919        >
6920          <span class="sr-only">Wo's Maple Tee</span>
6921        </a>
6922
6923        
6924<div
6925            class="relative"
6926            style="padding-top: 100%;"
6927          ><image-with-placeholder>
6928  <img src="//printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=3000" alt="Pink pineapple on a black t-shirt" srcset="//printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=200 200w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=350 350w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=450 450w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=750 750w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=850 850w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=960 960w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6929  
6930    <div
6931      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6932    ></div>
6933  
6934</image-with-placeholder>
6935</div>
6936
6937        <image-with-placeholder>
6938  <img src="//printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=3000" alt="AS Colour Wo&#39;s maple tee" srcset="//printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=200 200w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=350 350w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=450 450w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=750 750w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=850 850w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=960 960w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
6939  
6940    <div
6941      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
6942    ></div>
6943  
6944</image-with-placeholder>
6945
6946</div>
6947    </div>
6948
6949    
6950    <div
6951      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
6952    >
6953      <a
6954        href="/products/wo-s-maple-tee"
6955        
6956        class="absolute inset-0 z-10"
6957      >
6958        <span class="sr-only">Wo's Maple Tee</span>
6959      </a>
6960      <div class="text-center break-word">
6961        
6962          <p class="mb-1 text-scheme-secondary">
6963            AS Colour
6964          </p>
6965        
6966        <p
6967          aria-hidden="true"
6968          class="font-bold"
6969        >
6970          Wo's Maple Tee
6971        </p>
6972
6973        
6974        
6975
6976
6977
6978
6979
6980
6981        
6982      </div>
6983      <div class="text-center mt-1 lg:mt-2">
6984        
6985          
6986          
6987            
6988<span>from $12.00</span>
6989            
6990          
6991        
6992        
6993</div>
6994
6995      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
6996    <button
6997      type="button"
6998      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8275027722310)
6999        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7000        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7001      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7002      @click.prevent.stop='if ($store.favorites.has(8275027722310)) { $store.modals.open("favorites") } else { $store.favorites.add({
7003        id: 8275027722310,
7004        handle: &quot;wo-s-maple-tee&quot;,
7005        title: &quot;Wo&#39;s Maple Tee&quot;,
7006        vendor: &quot;AS Colour&quot;,
7007        hasColours: true,
7008        variantId: null,
7009        colour: null,
7010        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;],
7011        price: 1200,
7012        compare_at_price: null,
7013        image: "\/\/printroom.co\/cdn\/shop\/files\/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976\u0026width=200",
7014        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976\u0026width=200",
7015        url: "/products/wo-s-maple-tee",
7016        moq: 24
7017      }) }'
7018      :aria-label="$store.favorites.has(8275027722310) ? 'Open quote list' : 'Add Wo&#39;s Maple Tee to quote'"
7019    >
7020      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8275027722310)"><span class="h-full w-full">
7021  <svg
7022    aria-hidden="true"
7023    focusable="false"
7024    role="presentation"
7025    class="icon icon-quote-list-outline"
7026    viewBox="0 0 24 24"
7027    fill="none"
7028  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7029    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7030    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7031    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7032    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7033    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7034    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7035    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7036  </svg>
7037</span>
7038</span>
7039      <span x-text="$store.favorites.has(8275027722310) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7040    </button>
7041  </data-island></div>
7042    </div>
7043  </div>
7044</data-island>
7045
7046              </li>
7047
7048
7049              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7050                
7051<data-island
7052  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7053  
7054  data-color-scheme="scheme5"
7055>
7056  <div
7057    class="relative"
7058  ><div
7059      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7060      
7061    >
7062      <div class="relative z-0">
7063        <a
7064          href="/products/organic-cotton-tea-towel"
7065          
7066          class="absolute inset-0 z-40"
7067        >
7068          <span class="sr-only">Organic Cotton Tea Towel</span>
7069        </a>
7070
7071        
7072<div
7073            class="relative"
7074            style="padding-top: 100%;"
7075          ><image-with-placeholder>
7076  <img src="//printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=3000" alt="Printed Print Room Organic cotton tea towel " srcset="//printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=200 200w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=350 350w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=450 450w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=750 750w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=850 850w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=960 960w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7077  
7078    <div
7079      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7080    ></div>
7081  
7082</image-with-placeholder>
7083</div>
7084
7085        <image-with-placeholder>
7086  <img src="//printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=3000" alt="Natural Print Room Organic cotton tea towel on white background" srcset="//printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=200 200w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=350 350w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=450 450w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=750 750w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=850 850w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=960 960w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7087  
7088    <div
7089      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7090    ></div>
7091  
7092</image-with-placeholder>
7093
7094</div>
7095    </div>
7096
7097    
7098    <div
7099      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7100    >
7101      <a
7102        href="/products/organic-cotton-tea-towel"
7103        
7104        class="absolute inset-0 z-10"
7105      >
7106        <span class="sr-only">Organic Cotton Tea Towel</span>
7107      </a>
7108      <div class="text-center break-word">
7109        
7110          <p class="mb-1 text-scheme-secondary">
7111            Print Room
7112          </p>
7113        
7114        <p
7115          aria-hidden="true"
7116          class="font-bold"
7117        >
7118          Organic Cotton Tea Towel
7119        </p>
7120
7121        
7122        
7123
7124
7125
7126
7127
7128
7129        
7130      </div>
7131      <div class="text-center mt-1 lg:mt-2">
7132        
7133          
7134          
7135            
7136<span>from $6.00</span>
7137            
7138          
7139        
7140        
7141</div>
7142
7143      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7144    <button
7145      type="button"
7146      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(7707046903878)
7147        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7148        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7149      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7150      @click.prevent.stop='if ($store.favorites.has(7707046903878)) { $store.modals.open("favorites") } else { $store.favorites.add({
7151        id: 7707046903878,
7152        handle: &quot;organic-cotton-tea-towel&quot;,
7153        title: &quot;Organic Cotton Tea Towel&quot;,
7154        vendor: &quot;Print Room&quot;,
7155        hasColours: false,
7156        variantId: null,
7157        colour: null,
7158        sizeOptions: &quot;&quot;,
7159        price: 600,
7160        compare_at_price: null,
7161        image: "\/\/printroom.co\/cdn\/shop\/files\/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232\u0026width=200",
7162        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232\u0026width=200",
7163        url: "/products/organic-cotton-tea-towel",
7164        moq: 100
7165      }) }'
7166      :aria-label="$store.favorites.has(7707046903878) ? 'Open quote list' : 'Add Organic Cotton Tea Towel to quote'"
7167    >
7168      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(7707046903878)"><span class="h-full w-full">
7169  <svg
7170    aria-hidden="true"
7171    focusable="false"
7172    role="presentation"
7173    class="icon icon-quote-list-outline"
7174    viewBox="0 0 24 24"
7175    fill="none"
7176  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7177    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7178    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7179    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7180    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7181    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7182    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7183    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7184  </svg>
7185</span>
7186</span>
7187      <span x-text="$store.favorites.has(7707046903878) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7188    </button>
7189  </data-island></div>
7190    </div>
7191  </div>
7192</data-island>
7193
7194              </li>
7195
7196
7197              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7198                
7199<data-island
7200  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7201  
7202  data-color-scheme="scheme5"
7203>
7204  <div
7205    class="relative"
7206  ><div
7207      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7208      
7209    >
7210      <div class="relative z-0">
7211        <a
7212          href="/products/albany-hemp-cap-6-panel"
7213          
7214          class="absolute inset-0 z-40"
7215        >
7216          <span class="sr-only">Albany Hemp Cap (6 panel)</span>
7217        </a>
7218
7219        
7220<div
7221            class="relative"
7222            style="padding-top: 100%;"
7223          ><image-with-placeholder>
7224  <img src="//printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=3000" alt="Brown cap with gold text written on front" srcset="//printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=200 200w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=350 350w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=450 450w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=750 750w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=850 850w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=960 960w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7225  
7226    <div
7227      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7228    ></div>
7229  
7230</image-with-placeholder>
7231</div>
7232
7233        <image-with-placeholder>
7234  <img src="//printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=3000" alt="Blue technical drawing of a cap" srcset="//printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=200 200w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=350 350w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=450 450w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=750 750w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=850 850w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=960 960w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7235  
7236    <div
7237      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7238    ></div>
7239  
7240</image-with-placeholder>
7241
7242</div>
7243    </div>
7244
7245    
7246    <div
7247      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7248    >
7249      <a
7250        href="/products/albany-hemp-cap-6-panel"
7251        
7252        class="absolute inset-0 z-10"
7253      >
7254        <span class="sr-only">Albany Hemp Cap (6 panel)</span>
7255      </a>
7256      <div class="text-center break-word">
7257        
7258          <p class="mb-1 text-scheme-secondary">
7259            Made to order
7260          </p>
7261        
7262        <p
7263          aria-hidden="true"
7264          class="font-bold"
7265        >
7266          Albany Hemp Cap (6 panel)
7267        </p>
7268
7269        
7270        
7271
7272
7273
7274
7275
7276
7277        
7278      </div>
7279      <div class="text-center mt-1 lg:mt-2">
7280        
7281          
7282          
7283            
7284<span>from $14.00</span>
7285            
7286          
7287        
7288        
7289</div>
7290
7291      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7292    <button
7293      type="button"
7294      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301693435974)
7295        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7296        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7297      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7298      @click.prevent.stop='if ($store.favorites.has(8301693435974)) { $store.modals.open("favorites") } else { $store.favorites.add({
7299        id: 8301693435974,
7300        handle: &quot;albany-hemp-cap-6-panel&quot;,
7301        title: &quot;Albany Hemp Cap (6 panel)&quot;,
7302        vendor: &quot;Made to order&quot;,
7303        hasColours: false,
7304        variantId: null,
7305        colour: null,
7306        sizeOptions: &quot;&quot;,
7307        price: 1400,
7308        compare_at_price: null,
7309        image: "\/\/printroom.co\/cdn\/shop\/files\/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709\u0026width=200",
7310        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709\u0026width=200",
7311        url: "/products/albany-hemp-cap-6-panel",
7312        moq: 50
7313      }) }'
7314      :aria-label="$store.favorites.has(8301693435974) ? 'Open quote list' : 'Add Albany Hemp Cap (6 panel) to quote'"
7315    >
7316      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301693435974)"><span class="h-full w-full">
7317  <svg
7318    aria-hidden="true"
7319    focusable="false"
7320    role="presentation"
7321    class="icon icon-quote-list-outline"
7322    viewBox="0 0 24 24"
7323    fill="none"
7324  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7325    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7326    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7327    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7328    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7329    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7330    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7331    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7332  </svg>
7333</span>
7334</span>
7335      <span x-text="$store.favorites.has(8301693435974) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7336    </button>
7337  </data-island></div>
7338    </div>
7339  </div>
7340</data-island>
7341
7342              </li>
7343
7344
7345              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7346                
7347<data-island
7348  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7349  
7350  data-color-scheme="scheme5"
7351>
7352  <div
7353    class="relative"
7354  ><div
7355      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7356      
7357    >
7358      <div class="relative z-0">
7359        <a
7360          href="/products/wo-s-heavy-tee"
7361          
7362          class="absolute inset-0 z-40"
7363        >
7364          <span class="sr-only">Wo's Heavy Tee</span>
7365        </a>
7366
7367        
7368<div
7369            class="relative"
7370            style="padding-top: 100%;"
7371          ><image-with-placeholder>
7372  <img src="//printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=3000" alt="Printed AS Colour heavy tee for women" srcset="//printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=200 200w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=350 350w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=450 450w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=750 750w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=850 850w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=960 960w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7373  
7374    <div
7375      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7376    ></div>
7377  
7378</image-with-placeholder>
7379</div>
7380
7381        <image-with-placeholder>
7382  <img src="//printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=3000" alt="Ecru coloured AS Colour Wo&#39;s heavy tee" srcset="//printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=200 200w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=350 350w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=450 450w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=750 750w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=850 850w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=960 960w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7383  
7384    <div
7385      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7386    ></div>
7387  
7388</image-with-placeholder>
7389
7390</div>
7391    </div>
7392
7393    
7394    <div
7395      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7396    >
7397      <a
7398        href="/products/wo-s-heavy-tee"
7399        
7400        class="absolute inset-0 z-10"
7401      >
7402        <span class="sr-only">Wo's Heavy Tee</span>
7403      </a>
7404      <div class="text-center break-word">
7405        
7406          <p class="mb-1 text-scheme-secondary">
7407            AS Colour
7408          </p>
7409        
7410        <p
7411          aria-hidden="true"
7412          class="font-bold"
7413        >
7414          Wo's Heavy Tee
7415        </p>
7416
7417        
7418        
7419
7420
7421
7422
7423
7424
7425        
7426      </div>
7427      <div class="text-center mt-1 lg:mt-2">
7428        
7429          
7430          
7431            
7432<span>from $19.00</span>
7433            
7434          
7435        
7436        
7437</div>
7438
7439      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7440    <button
7441      type="button"
7442      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8275548700742)
7443        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7444        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7445      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7446      @click.prevent.stop='if ($store.favorites.has(8275548700742)) { $store.modals.open("favorites") } else { $store.favorites.add({
7447        id: 8275548700742,
7448        handle: &quot;wo-s-heavy-tee&quot;,
7449        title: &quot;Wo&#39;s Heavy Tee&quot;,
7450        vendor: &quot;AS Colour&quot;,
7451        hasColours: true,
7452        variantId: null,
7453        colour: null,
7454        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;],
7455        price: 1900,
7456        compare_at_price: null,
7457        image: "\/\/printroom.co\/cdn\/shop\/files\/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418\u0026width=200",
7458        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418\u0026width=200",
7459        url: "/products/wo-s-heavy-tee",
7460        moq: 24
7461      }) }'
7462      :aria-label="$store.favorites.has(8275548700742) ? 'Open quote list' : 'Add Wo&#39;s Heavy Tee to quote'"
7463    >
7464      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8275548700742)"><span class="h-full w-full">
7465  <svg
7466    aria-hidden="true"
7467    focusable="false"
7468    role="presentation"
7469    class="icon icon-quote-list-outline"
7470    viewBox="0 0 24 24"
7471    fill="none"
7472  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7473    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7474    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7475    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7476    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7477    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7478    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7479    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7480  </svg>
7481</span>
7482</span>
7483      <span x-text="$store.favorites.has(8275548700742) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7484    </button>
7485  </data-island></div>
7486    </div>
7487  </div>
7488</data-island>
7489
7490              </li>
7491
7492
7493              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7494                
7495<data-island
7496  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7497  
7498  data-color-scheme="scheme5"
7499>
7500  <div
7501    class="relative"
7502  ><div
7503      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7504      
7505    >
7506      <div class="relative z-0">
7507        <a
7508          href="/products/enamel-pin"
7509          
7510          class="absolute inset-0 z-40"
7511        >
7512          <span class="sr-only">Enamel Pin</span>
7513        </a>
7514
7515        
7516<div
7517            class="relative"
7518            style="padding-top: 100%;"
7519          ><image-with-placeholder>
7520  <img src="//printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=3000" alt="Yellow and black enamel pin" srcset="//printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=200 200w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=350 350w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=450 450w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=750 750w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=850 850w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=960 960w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1280 1280w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1440 1440w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1536 1536w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1706 1706w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1782 1782w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=1920 1920w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=2560 2560w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=2880 2880w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7521  
7522    <div
7523      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7524    ></div>
7525  
7526</image-with-placeholder>
7527</div>
7528
7529        <image-with-placeholder>
7530  <img src="//printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=3000" alt="Blue wireframe drawing of a pin design" srcset="//printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=200 200w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=350 350w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=450 450w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=750 750w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=850 850w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=960 960w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7531  
7532    <div
7533      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7534    ></div>
7535  
7536</image-with-placeholder>
7537
7538</div>
7539    </div>
7540
7541    
7542    <div
7543      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7544    >
7545      <a
7546        href="/products/enamel-pin"
7547        
7548        class="absolute inset-0 z-10"
7549      >
7550        <span class="sr-only">Enamel Pin</span>
7551      </a>
7552      <div class="text-center break-word">
7553        
7554          <p class="mb-1 text-scheme-secondary">
7555            Made to order
7556          </p>
7557        
7558        <p
7559          aria-hidden="true"
7560          class="font-bold"
7561        >
7562          Enamel Pin
7563        </p>
7564
7565        
7566        
7567
7568
7569
7570
7571
7572
7573        
7574      </div>
7575      <div class="text-center mt-1 lg:mt-2">
7576        
7577          
7578          
7579            
7580<span>from $3.00</span>
7581            
7582          
7583        
7584        
7585</div>
7586
7587      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7588    <button
7589      type="button"
7590      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8285033693254)
7591        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7592        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7593      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7594      @click.prevent.stop='if ($store.favorites.has(8285033693254)) { $store.modals.open("favorites") } else { $store.favorites.add({
7595        id: 8285033693254,
7596        handle: &quot;enamel-pin&quot;,
7597        title: &quot;Enamel Pin&quot;,
7598        vendor: &quot;Made to order&quot;,
7599        hasColours: false,
7600        variantId: null,
7601        colour: null,
7602        sizeOptions: &quot;&quot;,
7603        price: 300,
7604        compare_at_price: null,
7605        image: "\/\/printroom.co\/cdn\/shop\/files\/autohive_enamel_pin.jpg?v=1773277138\u0026width=200",
7606        productImage: "\/\/printroom.co\/cdn\/shop\/files\/autohive_enamel_pin.jpg?v=1773277138\u0026width=200",
7607        url: "/products/enamel-pin",
7608        moq: 100
7609      }) }'
7610      :aria-label="$store.favorites.has(8285033693254) ? 'Open quote list' : 'Add Enamel Pin to quote'"
7611    >
7612      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8285033693254)"><span class="h-full w-full">
7613  <svg
7614    aria-hidden="true"
7615    focusable="false"
7616    role="presentation"
7617    class="icon icon-quote-list-outline"
7618    viewBox="0 0 24 24"
7619    fill="none"
7620  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7621    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7622    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7623    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7624    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7625    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7626    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7627    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7628  </svg>
7629</span>
7630</span>
7631      <span x-text="$store.favorites.has(8285033693254) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7632    </button>
7633  </data-island></div>
7634    </div>
7635  </div>
7636</data-island>
7637
7638              </li>
7639
7640
7641              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7642                
7643<data-island
7644  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7645  
7646  data-color-scheme="scheme5"
7647>
7648  <div
7649    class="relative"
7650  ><div
7651      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7652      
7653    >
7654      <div class="relative z-0">
7655        <a
7656          href="/products/clyde-dad-cap-6-panel"
7657          
7658          class="absolute inset-0 z-40"
7659        >
7660          <span class="sr-only">Clyde Dad Cap (6 panel)</span>
7661        </a>
7662
7663        
7664<div
7665            class="relative"
7666            style="padding-top: 100%;"
7667          ><image-with-placeholder>
7668  <img src="//printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=3000" alt="Red cap on white background" srcset="//printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=200 200w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=350 350w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=450 450w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=750 750w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=850 850w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=960 960w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7669  
7670    <div
7671      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7672    ></div>
7673  
7674</image-with-placeholder>
7675</div>
7676
7677        <image-with-placeholder>
7678  <img src="//printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=3000" alt="Clyde dad cap (6 panel) - Custom Clothing | T Shirt Printing | Embroidery | Screen Printing | Print Room NZ" srcset="//printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=200 200w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=350 350w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=450 450w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=750 750w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=850 850w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=960 960w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=1280 1280w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=1440 1440w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=1536 1536w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=1706 1706w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=177379000
76785&amp;width=1782 1782w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=1920 1920w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=2560 2560w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=2880 2880w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7679  
7680    <div
7681      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7682    ></div>
7683  
7684</image-with-placeholder>
7685
7686</div>
7687    </div>
7688
7689    
7690    <div
7691      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7692    >
7693      <a
7694        href="/products/clyde-dad-cap-6-panel"
7695        
7696        class="absolute inset-0 z-10"
7697      >
7698        <span class="sr-only">Clyde Dad Cap (6 panel)</span>
7699      </a>
7700      <div class="text-center break-word">
7701        
7702          <p class="mb-1 text-scheme-secondary">
7703            Made to order
7704          </p>
7705        
7706        <p
7707          aria-hidden="true"
7708          class="font-bold"
7709        >
7710          Clyde Dad Cap (6 panel)
7711        </p>
7712
7713        
7714        
7715
7716
7717
7718
7719
7720
7721        
7722      </div>
7723      <div class="text-center mt-1 lg:mt-2">
7724        
7725          
7726          
7727            
7728<span>from $14.00</span>
7729            
7730          
7731        
7732        
7733</div>
7734
7735      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7736    <button
7737      type="button"
7738      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8284135653446)
7739        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7740        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7741      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7742      @click.prevent.stop='if ($store.favorites.has(8284135653446)) { $store.modals.open("favorites") } else { $store.favorites.add({
7743        id: 8284135653446,
7744        handle: &quot;clyde-dad-cap-6-panel&quot;,
7745        title: &quot;Clyde Dad Cap (6 panel)&quot;,
7746        vendor: &quot;Made to order&quot;,
7747        hasColours: false,
7748        variantId: null,
7749        colour: null,
7750        sizeOptions: &quot;&quot;,
7751        price: 1400,
7752        compare_at_price: null,
7753        image: "\/\/printroom.co\/cdn\/shop\/files\/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005\u0026width=200",
7754        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005\u0026width=200",
7755        url: "/products/clyde-dad-cap-6-panel",
7756        moq: 50
7757      }) }'
7758      :aria-label="$store.favorites.has(8284135653446) ? 'Open quote list' : 'Add Clyde Dad Cap (6 panel) to quote'"
7759    >
7760      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8284135653446)"><span class="h-full w-full">
7761  <svg
7762    aria-hidden="true"
7763    focusable="false"
7764    role="presentation"
7765    class="icon icon-quote-list-outline"
7766    viewBox="0 0 24 24"
7767    fill="none"
7768  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7769    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7770    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7771    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7772    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7773    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7774    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7775    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7776  </svg>
7777</span>
7778</span>
7779      <span x-text="$store.favorites.has(8284135653446) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7780    </button>
7781  </data-island></div>
7782    </div>
7783  </div>
7784</data-island>
7785
7786              </li>
7787
7788
7789              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7790                
7791<data-island
7792  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7793  
7794  data-color-scheme="scheme5"
7795>
7796  <div
7797    class="relative"
7798  ><div
7799      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7800      
7801    >
7802      <div class="relative z-0">
7803        <a
7804          href="/products/nalgene-sustain-wide-mouth-1l-bottle"
7805          
7806          class="absolute inset-0 z-40"
7807        >
7808          <span class="sr-only">Nalgene Sustain Wide Mouth 1L Bottle</span>
7809        </a>
7810
7811        
7812<div
7813            class="relative"
7814            style="padding-top: 100%;"
7815          ><image-with-placeholder>
7816  <img src="//printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=3000" alt="Nalgene Nalgene Sustain Wide Mouth 1L Bottle NBW1L Drinkware custom merch nz" srcset="//printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=200 200w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=350 350w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=450 450w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=750 750w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=850 850w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=960 960w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7817  
7818    <div
7819      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7820    ></div>
7821  
7822</image-with-placeholder>
7823</div>
7824
7825        <image-with-placeholder>
7826  <img src="//printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=3000" alt="Nalgene Nalgene Sustain Wide Mouth 1L Bottle NBW1L Drinkware promo products nz" srcset="//printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=200 200w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=350 350w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=450 450w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=750 750w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=850 850w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=960 960w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7827  
7828    <div
7829      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7830    ></div>
7831  
7832</image-with-placeholder>
7833
7834</div>
7835    </div>
7836
7837    
7838    <div
7839      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7840    >
7841      <a
7842        href="/products/nalgene-sustain-wide-mouth-1l-bottle"
7843        
7844        class="absolute inset-0 z-10"
7845      >
7846        <span class="sr-only">Nalgene Sustain Wide Mouth 1L Bottle</span>
7847      </a>
7848      <div class="text-center break-word">
7849        
7850          <p class="mb-1 text-scheme-secondary">
7851            Nalgene
7852          </p>
7853        
7854        <p
7855          aria-hidden="true"
7856          class="font-bold"
7857        >
7858          Nalgene Sustain Wide Mouth 1L Bottle
7859        </p>
7860
7861        
7862        
7863
7864
7865
7866
7867
7868
7869        
7870      </div>
7871      <div class="text-center mt-1 lg:mt-2">
7872        
7873          
7874          
7875            
7876<span>from $19.00</span>
7877            
7878          
7879        
7880        
7881</div>
7882
7883      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
7884    <button
7885      type="button"
7886      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8347273330758)
7887        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
7888        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
7889      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
7890      @click.prevent.stop='if ($store.favorites.has(8347273330758)) { $store.modals.open("favorites") } else { $store.favorites.add({
7891        id: 8347273330758,
7892        handle: &quot;nalgene-sustain-wide-mouth-1l-bottle&quot;,
7893        title: &quot;Nalgene Sustain Wide Mouth 1L Bottle&quot;,
7894        vendor: &quot;Nalgene&quot;,
7895        hasColours: false,
7896        variantId: null,
7897        colour: null,
7898        sizeOptions: &quot;&quot;,
7899        price: 1900,
7900        compare_at_price: null,
7901        image: "\/\/printroom.co\/cdn\/shop\/files\/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481\u0026width=200",
7902        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481\u0026width=200",
7903        url: "/products/nalgene-sustain-wide-mouth-1l-bottle",
7904        moq: 50
7905      }) }'
7906      :aria-label="$store.favorites.has(8347273330758) ? 'Open quote list' : 'Add Nalgene Sustain Wide Mouth 1L Bottle to quote'"
7907    >
7908      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8347273330758)"><span class="h-full w-full">
7909  <svg
7910    aria-hidden="true"
7911    focusable="false"
7912    role="presentation"
7913    class="icon icon-quote-list-outline"
7914    viewBox="0 0 24 24"
7915    fill="none"
7916  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
7917    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7918    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
7919    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7920    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
7921    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7922    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
7923    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
7924  </svg>
7925</span>
7926</span>
7927      <span x-text="$store.favorites.has(8347273330758) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
7928    </button>
7929  </data-island></div>
7930    </div>
7931  </div>
7932</data-island>
7933
7934              </li>
7935
7936
7937              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
7938                
7939<data-island
7940  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
7941  
7942  data-color-scheme="scheme5"
7943>
7944  <div
7945    class="relative"
7946  ><div
7947      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
7948      
7949    >
7950      <div class="relative z-0">
7951        <a
7952          href="/products/staple-tee"
7953          
7954          class="absolute inset-0 z-40"
7955        >
7956          <span class="sr-only">Staple Tee</span>
7957        </a>
7958
7959        
7960<div
7961            class="relative"
7962            style="padding-top: 100%;"
7963          ><image-with-placeholder>
7964  <img src="//printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=3000" alt="Branded black t-shirt on a white background" srcset="//printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=200 200w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=350 350w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=450 450w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=750 750w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=850 850w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=960 960w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7965  
7966    <div
7967      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7968    ></div>
7969  
7970</image-with-placeholder>
7971</div>
7972
7973        <image-with-placeholder>
7974  <img src="//printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=3000" alt="black t-shirt on a white background" srcset="//printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=200 200w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=350 350w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=450 450w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=750 750w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=850 850w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=960 960w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
7975  
7976    <div
7977      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
7978    ></div>
7979  
7980</image-with-placeholder>
7981
7982</div>
7983    </div>
7984
7985    
7986    <div
7987      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
7988    >
7989      <a
7990        href="/products/staple-tee"
7991        
7992        class="absolute inset-0 z-10"
7993      >
7994        <span class="sr-only">Staple Tee</span>
7995      </a>
7996      <div class="text-center break-word">
7997        
7998          <p class="mb-1 text-scheme-secondary">
7999            AS Colour
8000          </p>
8001        
8002        <p
8003          aria-hidden="true"
8004          class="font-bold"
8005        >
8006          Staple Tee
8007        </p>
8008
8009        
8010        
8011
8012
8013
8014
8015
8016
8017        
8018      </div>
8019      <div class="text-center mt-1 lg:mt-2">
8020        
8021          
8022          
8023            
8024<span>from $12.00</span>
8025            
8026          
8027        
8028        
8029</div>
8030
8031      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8032    <button
8033      type="button"
8034      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(4166835667014)
8035        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8036        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8037      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8038      @click.prevent.stop='if ($store.favorites.has(4166835667014)) { $store.modals.open("favorites") } else { $store.favorites.add({
8039        id: 4166835667014,
8040        handle: &quot;staple-tee&quot;,
8041        title: &quot;Staple Tee&quot;,
8042        vendor: &quot;AS Colour&quot;,
8043        hasColours: true,
8044        variantId: null,
8045        colour: null,
8046        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;,&quot;4XL&quot;,&quot;5XL&quot;,&quot;XSM&quot;],
8047        price: 1200,
8048        compare_at_price: null,
8049        image: "\/\/printroom.co\/cdn\/shop\/files\/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638\u0026width=200",
8050        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638\u0026width=200",
8051        url: "/products/staple-tee",
8052        moq: 24
8053      }) }'
8054      :aria-label="$store.favorites.has(4166835667014) ? 'Open quote list' : 'Add Staple Tee to quote'"
8055    >
8056      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(4166835667014)"><span class="h-full w-full">
8057  <svg
8058    aria-hidden="true"
8059    focusable="false"
8060    role="presentation"
8061    class="icon icon-quote-list-outline"
8062    viewBox="0 0 24 24"
8063    fill="none"
8064  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8065    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8066    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8067    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8068    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8069    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8070    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8071    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8072  </svg>
8073</span>
8074</span>
8075      <span x-text="$store.favorites.has(4166835667014) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8076    </button>
8077  </data-island></div>
8078    </div>
8079  </div>
8080</data-island>
8081
8082              </li>
8083
8084
8085              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8086                
8087<data-island
8088  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8089  
8090  data-color-scheme="scheme5"
8091>
8092  <div
8093    class="relative"
8094  ><div
8095      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8096      
8097    >
8098      <div class="relative z-0">
8099        <a
8100          href="/products/crew-sock"
8101          
8102          class="absolute inset-0 z-40"
8103        >
8104          <span class="sr-only">Crew Sock</span>
8105        </a>
8106
8107        
8108<div
8109            class="relative"
8110            style="padding-top: 100%;"
8111          ><image-with-placeholder>
8112  <img src="//printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=3000" alt="Black and orange sock on white background" srcset="//printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=200 200w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=350 350w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=450 450w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=750 750w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=850 850w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=960 960w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8113  
8114    <div
8115      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8116    ></div>
8117  
8118</image-with-placeholder>
8119</div>
8120
8121        <image-with-placeholder>
8122  <img src="//printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=3000" alt="Blue wireframe technical drawing of socks" srcset="//printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=200 200w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=350 350w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=450 450w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=750 750w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=850 850w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=960 960w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8123  
8124    <div
8125      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8126    ></div>
8127  
8128</image-with-placeholder>
8129
8130</div>
8131    </div>
8132
8133    
8134    <div
8135      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8136    >
8137      <a
8138        href="/products/crew-sock"
8139        
8140        class="absolute inset-0 z-10"
8141      >
8142        <span class="sr-only">Crew Sock</span>
8143      </a>
8144      <div class="text-center break-word">
8145        
8146          <p class="mb-1 text-scheme-secondary">
8147            Made to order
8148          </p>
8149        
8150        <p
8151          aria-hidden="true"
8152          class="font-bold"
8153        >
8154          Crew Sock
8155        </p>
8156
8157        
8158        
8159
8160
8161
8162
8163
8164
8165        
8166      </div>
8167      <div class="text-center mt-1 lg:mt-2">
8168        
8169          
8170          
8171            
8172<span>from $9.00</span>
8173            
8174          
8175        
8176        
8177</div>
8178
8179      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8180    <button
8181      type="button"
8182      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8293215174726)
8183        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8184        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8185      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8186      @click.prevent.stop='if ($store.favorites.has(8293215174726)) { $store.modals.open("favorites") } else { $store.favorites.add({
8187        id: 8293215174726,
8188        handle: &quot;crew-sock&quot;,
8189        title: &quot;Crew Sock&quot;,
8190        vendor: &quot;Made to order&quot;,
8191        hasColours: false,
8192        variantId: null,
8193        colour: null,
8194        sizeOptions: &quot;&quot;,
8195        price: 900,
8196        compare_at_price: null,
8197        image: "\/\/printroom.co\/cdn\/shop\/files\/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431\u0026width=200",
8198        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431\u0026width=200",
8199        url: "/products/crew-sock",
8200        moq: 100
8201      }) }'
8202      :aria-label="$store.favorites.has(8293215174726) ? 'Open quote list' : 'Add Crew Sock to quote'"
8203    >
8204      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8293215174726)"><span class="h-full w-full">
8205  <svg
8206    aria-hidden="true"
8207    focusable="false"
8208    role="presentation"
8209    class="icon icon-quote-list-outline"
8210    viewBox="0 0 24 24"
8211    fill="none"
8212  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8213    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8214    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8215    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8216    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8217    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8218    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8219    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8220  </svg>
8221</span>
8222</span>
8223      <span x-text="$store.favorites.has(8293215174726) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8224    </button>
8225  </data-island></div>
8226    </div>
8227  </div>
8228</data-island>
8229
8230              </li>
8231
8232
8233              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8234                
8235<data-island
8236  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8237  
8238  data-color-scheme="scheme5"
8239>
8240  <div
8241    class="relative"
8242  ><div
8243      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8244      
8245    >
8246      <div class="relative z-0">
8247        <a
8248          href="/products/everyday-tote"
8249          
8250          class="absolute inset-0 z-40"
8251        >
8252          <span class="sr-only">Everyday Tote</span>
8253        </a>
8254
8255        
8256<div
8257            class="relative"
8258            style="padding-top: 100%;"
8259          ><image-with-placeholder>
8260  <img src="//printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=3000" alt="Black tote with white print" srcset="//printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=200 200w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=350 350w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=450 450w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=750 750w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=850 850w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=960 960w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8261  
8262    <div
8263      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8264    ></div>
8265  
8266</image-with-placeholder>
8267</div>
8268
8269        <image-with-placeholder>
8270  <img src="//printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=3000" alt="Natural coloured bag with brown artwork" srcset="//printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=200 200w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=350 350w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=450 450w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=750 750w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=850 850w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=960 960w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8271  
8272    <div
8273      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8274    ></div>
8275  
8276</image-with-placeholder>
8277
8278</div>
8279    </div>
8280
8281    
8282    <div
8283      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8284    >
8285      <a
8286        href="/products/everyday-tote"
8287        
8288        class="absolute inset-0 z-10"
8289      >
8290        <span class="sr-only">Everyday Tote</span>
8291      </a>
8292      <div class="text-center break-word">
8293        
8294          <p class="mb-1 text-scheme-secondary">
8295            Print Room
8296          </p>
8297        
8298        <p
8299          aria-hidden="true"
8300          class="font-bold"
8301        >
8302          Everyday Tote
8303        </p>
8304
8305        
8306        
8307
8308
8309
8310
8311
8312
8313        
8314      </div>
8315      <div class="text-center mt-1 lg:mt-2">
8316        
8317          
8318          
8319            
8320<span>from $9.00</span>
8321            
8322          
8323        
8324        
8325</div>
8326
8327      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8328    <button
8329      type="button"
8330      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(7866819838022)
8331        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8332        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8333      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8334      @click.prevent.stop='if ($store.favorites.has(7866819838022)) { $store.modals.open("favorites") } else { $store.favorites.add({
8335        id: 7866819838022,
8336        handle: &quot;everyday-tote&quot;,
8337        title: &quot;Everyday Tote&quot;,
8338        vendor: &quot;Print Room&quot;,
8339        hasColours: false,
8340        variantId: null,
8341        colour: null,
8342        sizeOptions: &quot;&quot;,
8343        price: 900,
8344        compare_at_price: null,
8345        image: "\/\/printroom.co\/cdn\/shop\/files\/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088\u0026width=200",
8346        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088\u0026width=200",
8347        url: "/products/everyday-tote",
8348        moq: 50
8349      }) }'
8350      :aria-label="$store.favorites.has(7866819838022) ? 'Open quote list' : 'Add Everyday Tote to quote'"
8351    >
8352      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(7866819838022)"><span class="h-full w-full">
8353  <svg
8354    aria-hidden="true"
8355    focusable="false"
8356    role="presentation"
8357    class="icon icon-quote-list-outline"
8358    viewBox="0 0 24 24"
8359    fill="none"
8360  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8361    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8362    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8363    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8364    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8365    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8366    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8367    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8368  </svg>
8369</span>
8370</span>
8371      <span x-text="$store.favorites.has(7866819838022) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8372    </button>
8373  </data-island></div>
8374    </div>
8375  </div>
8376</data-island>
8377
8378              </li>
8379
8380
8381              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8382                
8383<data-island
8384  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8385  
8386  data-color-scheme="scheme5"
8387>
8388  <div
8389    class="relative"
8390  ><div
8391      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8392      
8393    >
8394      <div class="relative z-0">
8395        <a
8396          href="/products/wos-relax-crew"
8397          
8398          class="absolute inset-0 z-40"
8399        >
8400          <span class="sr-only">Wo's Relax Crew</span>
8401        </a>
8402
8403        
8404<div
8405            class="relative"
8406            style="padding-top: 100%;"
8407          ><image-with-placeholder>
8408  <img src="//printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=3000" alt="Printed blue sweatshirt on white background" srcset="//printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8409  
8410    <div
8411      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8412    ></div>
8413  
8414</image-with-placeholder>
8415</div>
8416
8417        <image-with-placeholder>
8418  <img src="//printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=3000" alt="Blue AS Colour Wo&#39;s relax crew" srcset="//printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=200 200w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=350 350w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=450 450w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=750 750w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=850 850w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=960 960w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8419  
8420    <div
8421      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8422    ></div>
8423  
8424</image-with-placeholder>
8425
8426</div>
8427    </div>
8428
8429    
8430    <div
8431      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8432    >
8433      <a
8434        href="/products/wos-relax-crew"
8435        
8436        class="absolute inset-0 z-10"
8437      >
8438        <span class="sr-only">Wo's Relax Crew</span>
8439      </a>
8440      <div class="text-center break-word">
8441        
8442          <p class="mb-1 text-scheme-secondary">
8443            AS Colour
8444          </p>
8445        
8446        <p
8447          aria-hidden="true"
8448          class="font-bold"
8449        >
8450          Wo's Relax Crew
8451        </p>
8452
8453        
8454        
8455
8456
8457
8458
8459
8460
8461        
8462      </div>
8463      <div class="text-center mt-1 lg:mt-2">
8464        
8465          
8466          
8467            
8468<span>from $25.00</span>
8469            
8470          
8471        
8472        
8473</div>
8474
8475      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8476    <button
8477      type="button"
8478      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8283553136710)
8479        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8480        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8481      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8482      @click.prevent.stop='if ($store.favorites.has(8283553136710)) { $store.modals.open("favorites") } else { $store.favorites.add({
8483        id: 8283553136710,
8484        handle: &quot;wos-relax-crew&quot;,
8485        title: &quot;Wo&#39;s Relax Crew&quot;,
8486        vendor: &quot;AS Colour&quot;,
8487        hasColours: true,
8488        variantId: null,
8489        colour: null,
8490        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;],
8491        price: 2500,
8492        compare_at_price: null,
8493        image: "\/\/printroom.co\/cdn\/shop\/files\/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909\u0026width=200",
8494        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909\u0026width=200",
8495        url: "/products/wos-relax-crew",
8496        moq: 24
8497      }) }'
8498      :aria-label="$store.favorites.has(8283553136710) ? 'Open quote list' : 'Add Wo&#39;s Relax Crew to quote'"
8499    >
8500      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8283553136710)"><span class="h-full w-full">
8501  <svg
8502    aria-hidden="true"
8503    focusable="false"
8504    role="presentation"
8505    class="icon icon-quote-list-outline"
8506    viewBox="0 0 24 24"
8507    fill="none"
8508  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8509    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8510    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8511    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8512    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8513    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8514    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8515    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8516  </svg>
8517</span>
8518</span>
8519      <span x-text="$store.favorites.has(8283553136710) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8520    </button>
8521  </data-island></div>
8522    </div>
8523  </div>
8524</data-island>
8525
8526              </li>
8527
8528
8529              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8530                
8531<data-island
8532  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8533  
8534  data-color-scheme="scheme5"
8535>
8536  <div
8537    class="relative"
8538  ><div
8539      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8540      
8541    >
8542      <div class="relative z-0">
8543        <a
8544          href="/products/bucket-hat"
8545          
8546          class="absolute inset-0 z-40"
8547        >
8548          <span class="sr-only">Bucket Hat</span>
8549        </a>
8550
8551        
8552<div
8553            class="relative"
8554            style="padding-top: 100%;"
8555          ><image-with-placeholder>
8556  <img src="//printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=3000" alt="Black hat with red branding on front" srcset="//printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=200 200w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=350 350w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=450 450w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=750 750w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=850 850w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=960 960w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8557  
8558    <div
8559      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8560    ></div>
8561  
8562</image-with-placeholder>
8563</div>
8564
8565        <image-with-placeholder>
8566  <img src="//printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=3000" alt="Bucket Hat - Black" srcset="//printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=200 200w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=350 350w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=450 450w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=750 750w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=850 850w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=960 960w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1280 1280w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1440 1440w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1536 1536w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1706 1706w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1782 1782w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=1920 1920w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=2560 2560w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=2880 2880w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8567  
8568    <div
8569      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8570    ></div>
8571  
8572</image-with-placeholder>
8573
8574</div>
8575    </div>
8576
8577    
8578    <div
8579      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8580    >
8581      <a
8582        href="/products/bucket-hat"
8583        
8584        class="absolute inset-0 z-10"
8585      >
8586        <span class="sr-only">Bucket Hat</span>
8587      </a>
8588      <div class="text-center break-word">
8589        
8590          <p class="mb-1 text-scheme-secondary">
8591            AS Colour
8592          </p>
8593        
8594        <p
8595          aria-hidden="true"
8596          class="font-bold"
8597        >
8598          Bucket Hat
8599        </p>
8600
8601        
8602        
8603
8604
8605
8606
8607
8608
8609        
8610      </div>
8611      <div class="text-center mt-1 lg:mt-2">
8612        
8613          
8614          
8615            
8616<span>from $11.00</span>
8617            
8618          
8619        
8620        
8621</div>
8622
8623      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8624    <button
8625      type="button"
8626      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(4166829834310)
8627        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8628        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8629      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8630      @click.prevent.stop='if ($store.favorites.has(4166829834310)) { $store.modals.open("favorites") } else { $store.favorites.add({
8631        id: 4166829834310,
8632        handle: &quot;bucket-hat&quot;,
8633        title: &quot;Bucket Hat&quot;,
8634        vendor: &quot;AS Colour&quot;,
8635        hasColours: true,
8636        variantId: null,
8637        colour: null,
8638        sizeOptions: [&quot;One Size&quot;,&quot;OS&quot;],
8639        price: 1100,
8640        compare_at_price: null,
8641        image: "\/\/printroom.co\/cdn\/shop\/files\/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852\u0026width=200",
8642        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852\u0026width=200",
8643        url: "/products/bucket-hat",
8644        moq: 24
8645      }) }'
8646      :aria-label="$store.favorites.has(4166829834310) ? 'Open quote list' : 'Add Bucket Hat to quote'"
8647    >
8648      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(4166829834310)"><span class="h-full w-full">
8649  <svg
8650    aria-hidden="true"
8651    focusable="false"
8652    role="presentation"
8653    class="icon icon-quote-list-outline"
8654    viewBox="0 0 24 24"
8655    fill="none"
8656  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8657    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8658    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8659    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8660    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8661    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8662    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8663    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8664  </svg>
8665</span>
8666</span>
8667      <span x-text="$store.favorites.has(4166829834310) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8668    </button>
8669  </data-island></div>
8670    </div>
8671  </div>
8672</data-island>
8673
8674              </li>
8675
8676
8677              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8678                
8679<data-island
8680  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8681  
8682  data-color-scheme="scheme5"
8683>
8684  <div
8685    class="relative"
8686  ><div
8687      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8688      
8689    >
8690      <div class="relative z-0">
8691        <a
8692          href="/products/relax-crew"
8693          
8694          class="absolute inset-0 z-40"
8695        >
8696          <span class="sr-only">Relax Crew</span>
8697        </a>
8698
8699        
8700<div
8701            class="relative"
8702            style="padding-top: 100%;"
8703          ><image-with-placeholder>
8704  <img src="//printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=3000" alt="Cypress crew sweatshirt with cream screen print" srcset="//printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=200 200w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=350 350w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=450 450w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=750 750w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=850 850w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=960 960w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8705  
8706    <div
8707      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8708    ></div>
8709  
8710</image-with-placeholder>
8711</div>
8712
8713        <image-with-placeholder>
8714  <img src="//printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=3000" alt="AS Colour Relax crew sweatshirt" srcset="//printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=200 200w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=350 350w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=450 450w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=750 750w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=850 850w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=960 960w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8715  
8716    <div
8717      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8718    ></div>
8719  
8720</image-with-placeholder>
8721
8722</div>
8723    </div>
8724
8725    
8726    <div
8727      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8728    >
8729      <a
8730        href="/products/relax-crew"
8731        
8732        class="absolute inset-0 z-10"
8733      >
8734        <span class="sr-only">Relax Crew</span>
8735      </a>
8736      <div class="text-center break-word">
8737        
8738          <p class="mb-1 text-scheme-secondary">
8739            AS Colour
8740          </p>
8741        
8742        <p
8743          aria-hidden="true"
8744          class="font-bold"
8745        >
8746          Relax Crew
8747        </p>
8748
8749        
8750        
8751
8752
8753
8754
8755
8756
8757        
8758      </div>
8759      <div class="text-center mt-1 lg:mt-2">
8760        
8761          
8762          
8763            
8764<span>from $25.00</span>
8765            
8766          
8767        
8768        
8769</div>
8770
8771      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8772    <button
8773      type="button"
8774      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8275582550086)
8775        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8776        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8777      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8778      @click.prevent.stop='if ($store.favorites.has(8275582550086)) { $store.modals.open("favorites") } else { $store.favorites.add({
8779        id: 8275582550086,
8780        handle: &quot;relax-crew&quot;,
8781        title: &quot;Relax Crew&quot;,
8782        vendor: &quot;AS Colour&quot;,
8783        hasColours: true,
8784        variantId: null,
8785        colour: null,
8786        sizeOptions: [&quot;XS&quot;,&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;,&quot;4XL&quot;,&quot;5XL&quot;],
8787        price: 2500,
8788        compare_at_price: null,
8789        image: "\/\/printroom.co\/cdn\/shop\/files\/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648\u0026width=200",
8790        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648\u0026width=200",
8791        url: "/products/relax-crew",
8792        moq: 24
8793      }) }'
8794      :aria-label="$store.favorites.has(8275582550086) ? 'Open quote list' : 'Add Relax Crew to quote'"
8795    >
8796      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8275582550086)"><span class="h-full w-full">
8797  <svg
8798    aria-hidden="true"
8799    focusable="false"
8800    role="presentation"
8801    class="icon icon-quote-list-outline"
8802    viewBox="0 0 24 24"
8803    fill="none"
8804  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8805    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8806    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8807    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8808    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8809    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8810    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8811    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8812  </svg>
8813</span>
8814</span>
8815      <span x-text="$store.favorites.has(8275582550086) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8816    </button>
8817  </data-island></div>
8818    </div>
8819  </div>
8820</data-island>
8821
8822              </li>
8823
8824
8825              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8826                
8827<data-island
8828  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8829  
8830  data-color-scheme="scheme5"
8831>
8832  <div
8833    class="relative"
8834  ><div
8835      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8836      
8837    >
8838      <div class="relative z-0">
8839        <a
8840          href="/products/cable-beanie"
8841          
8842          class="absolute inset-0 z-40"
8843        >
8844          <span class="sr-only">Cable Beanie</span>
8845        </a>
8846
8847        
8848<div
8849            class="relative"
8850            style="padding-top: 100%;"
8851          ><image-with-placeholder>
8852  <img src="//printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=3000" alt="AS Colour Cable beanie with artwork on front" srcset="//printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=200 200w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=350 350w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=450 450w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=750 750w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=850 850w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=960 960w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8853  
8854    <div
8855      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8856    ></div>
8857  
8858</image-with-placeholder>
8859</div>
8860
8861        <image-with-placeholder>
8862  <img src="//printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=3000" alt="red plain cuffed beanie" srcset="//printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=200 200w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=350 350w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=450 450w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=750 750w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=850 850w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=960 960w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
8863  
8864    <div
8865      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
8866    ></div>
8867  
8868</image-with-placeholder>
8869
8870</div>
8871    </div>
8872
8873    
8874    <div
8875      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
8876    >
8877      <a
8878        href="/products/cable-beanie"
8879        
8880        class="absolute inset-0 z-10"
8881      >
8882        <span class="sr-only">Cable Beanie</span>
8883      </a>
8884      <div class="text-center break-word">
8885        
8886          <p class="mb-1 text-scheme-secondary">
8887            AS Colour
8888          </p>
8889        
8890        <p
8891          aria-hidden="true"
8892          class="font-bold"
8893        >
8894          Cable Beanie
8895        </p>
8896
8897        
8898        
8899
8900
8901
8902
8903
8904
8905        
8906      </div>
8907      <div class="text-center mt-1 lg:mt-2">
8908        
8909          
8910          
8911            
8912<span>from $13.00</span>
8913            
8914          
8915        
8916        
8917</div>
8918
8919      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
8920    <button
8921      type="button"
8922      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8284139126854)
8923        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
8924        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
8925      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
8926      @click.prevent.stop='if ($store.favorites.has(8284139126854)) { $store.modals.open("favorites") } else { $store.favorites.add({
8927        id: 8284139126854,
8928        handle: &quot;cable-beanie&quot;,
8929        title: &quot;Cable Beanie&quot;,
8930        vendor: &quot;AS Colour&quot;,
8931        hasColours: true,
8932        variantId: null,
8933        colour: null,
8934        sizeOptions: [&quot;One Size&quot;,&quot;OS&quot;],
8935        price: 1300,
8936        compare_at_price: null,
8937        image: "\/\/printroom.co\/cdn\/shop\/files\/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210\u0026width=200",
8938        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210\u0026width=200",
8939        url: "/products/cable-beanie",
8940        moq: 24
8941      }) }'
8942      :aria-label="$store.favorites.has(8284139126854) ? 'Open quote list' : 'Add Cable Beanie to quote'"
8943    >
8944      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8284139126854)"><span class="h-full w-full">
8945  <svg
8946    aria-hidden="true"
8947    focusable="false"
8948    role="presentation"
8949    class="icon icon-quote-list-outline"
8950    viewBox="0 0 24 24"
8951    fill="none"
8952  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
8953    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8954    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
8955    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8956    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
8957    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8958    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
8959    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
8960  </svg>
8961</span>
8962</span>
8963      <span x-text="$store.favorites.has(8284139126854) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
8964    </button>
8965  </data-island></div>
8966    </div>
8967  </div>
8968</data-island>
8969
8970              </li>
8971
8972
8973              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
8974                
8975<data-island
8976  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
8977  
8978  data-color-scheme="scheme5"
8979>
8980  <div
8981    class="relative"
8982  ><div
8983      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
8984      
8985    >
8986      <div class="relative z-0">
8987        <a
8988          href="/products/stubby-cooler"
8989          
8990          class="absolute inset-0 z-40"
8991        >
8992          <span class="sr-only">Stubby Cooler</span>
8993        </a>
8994
8995        
8996<div
8997            class="relative"
8998            style="padding-top: 100%;"
8999          ><image-with-placeholder>
9000  <img src="//printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=3000" alt="Trends Stubby cooler 127602 Accessories custom merch nz" srcset="//printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=200 200w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=350 350w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=450 450w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=750 750w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=850 850w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=960 960w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9001  
9002    <div
9003      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9004    ></div>
9005  
9006</image-with-placeholder>
9007</div>
9008
9009        <image-with-placeholder>
9010  <img src="//printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=3000" alt="Trends Stubby cooler 127602 Accessories promo products nz" srcset="//printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=200 200w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=350 350w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=450 450w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=750 750w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=850 850w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=960 960w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9011  
9012    <div
9013      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9014    ></div>
9015  
9016</image-with-placeholder>
9017
9018</div>
9019    </div>
9020
9021    
9022    <div
9023      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9024    >
9025      <a
9026        href="/products/stubby-cooler"
9027        
9028        class="absolute inset-0 z-10"
9029      >
9030        <span class="sr-only">Stubby Cooler</span>
9031      </a>
9032      <div class="text-center break-word">
9033        
9034          <p class="mb-1 text-scheme-secondary">
9035            Made to order
9036          </p>
9037        
9038        <p
9039          aria-hidden="true"
9040          class="font-bold"
9041        >
9042          Stubby Cooler
9043        </p>
9044
9045        
9046        
9047
9048
9049
9050
9051
9052
9053        
9054      </div>
9055      <div class="text-center mt-1 lg:mt-2">
9056        
9057          
9058          
9059            
9060<span>from $3.00</span>
9061            
9062          
9063        
9064        
9065</div>
9066
9067      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9068    <button
9069      type="button"
9070      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8313167118406)
9071        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9072        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9073      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9074      @click.prevent.stop='if ($store.favorites.has(8313167118406)) { $store.modals.open("favorites") } else { $store.favorites.add({
9075        id: 8313167118406,
9076        handle: &quot;stubby-cooler&quot;,
9077        title: &quot;Stubby Cooler&quot;,
9078        vendor: &quot;Made to order&quot;,
9079        hasColours: false,
9080        variantId: null,
9081        colour: null,
9082        sizeOptions: &quot;&quot;,
9083        price: 300,
9084        compare_at_price: null,
9085        image: "\/\/printroom.co\/cdn\/shop\/files\/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864\u0026width=200",
9086        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864\u0026width=200",
9087        url: "/products/stubby-cooler",
9088        moq: 100
9089      }) }'
9090      :aria-label="$store.favorites.has(8313167118406) ? 'Open quote list' : 'Add Stubby Cooler to quote'"
9091    >
9092      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8313167118406)"><span class="h-full w-full">
9093  <svg
9094    aria-hidden="true"
9095    focusable="false"
9096    role="presentation"
9097    class="icon icon-quote-list-outline"
9098    viewBox="0 0 24 24"
9099    fill="none"
9100  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9101    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9102    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9103    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9104    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9105    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9106    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9107    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9108  </svg>
9109</span>
9110</span>
9111      <span x-text="$store.favorites.has(8313167118406) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9112    </button>
9113  </data-island></div>
9114    </div>
9115  </div>
9116</data-island>
9117
9118              </li>
9119
9120
9121              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9122                
9123<data-island
9124  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9125  
9126  data-color-scheme="scheme5"
9127>
9128  <div
9129    class="relative"
9130  ><div
9131      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9132      
9133    >
9134      <div class="relative z-0">
9135        <a
9136          href="/products/finn-five-panel-cap"
9137          
9138          class="absolute inset-0 z-40"
9139        >
9140          <span class="sr-only">Finn Five Panel Cap</span>
9141        </a>
9142
9143        
9144<div
9145            class="relative"
9146            style="padding-top: 100%;"
9147          ><image-with-placeholder>
9148  <img src="//printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=3000" alt="Black cap with white graphic on front" srcset="//printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=200 200w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=350 350w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=450 450w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=750 750w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=850 850w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=960 960w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9149  
9150    <div
9151      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9152    ></div>
9153  
9154</image-with-placeholder>
9155</div>
9156
9157        <image-with-placeholder>
9158  <img src="//printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=3000" alt="AS Colour Finn five panel cap" srcset="//printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=200 200w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=350 350w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=450 450w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=750 750w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=850 850w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=960 960w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9159  
9160    <div
9161      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9162    ></div>
9163  
9164</image-with-placeholder>
9165
9166</div>
9167    </div>
9168
9169    
9170    <div
9171      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9172    >
9173      <a
9174        href="/products/finn-five-panel-cap"
9175        
9176        class="absolute inset-0 z-10"
9177      >
9178        <span class="sr-only">Finn Five Panel Cap</span>
9179      </a>
9180      <div class="text-center break-word">
9181        
9182          <p class="mb-1 text-scheme-secondary">
9183            AS Colour
9184          </p>
9185        
9186        <p
9187          aria-hidden="true"
9188          class="font-bold"
9189        >
9190          Finn Five Panel Cap
9191        </p>
9192
9193        
9194        
9195
9196
9197
9198
9199
9200
9201        
9202      </div>
9203      <div class="text-center mt-1 lg:mt-2">
9204        
9205          
9206          
9207            
9208<span>from $9.00</span>
9209            
9210          
9211        
9212        
9213</div>
9214
9215      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9216    <button
9217      type="button"
9218      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301685178438)
9219        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9220        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9221      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9222      @click.prevent.stop='if ($store.favorites.has(8301685178438)) { $store.modals.open("favorites") } else { $store.favorites.add({
9223        id: 8301685178438,
9224        handle: &quot;finn-five-panel-cap&quot;,
9225        title: &quot;Finn Five Panel Cap&quot;,
9226        vendor: &quot;AS Colour&quot;,
9227        hasColours: true,
9228        variantId: null,
9229        colour: null,
9230        sizeOptions: [&quot;One Size&quot;,&quot;OS&quot;],
9231        price: 900,
9232        compare_at_price: null,
9233        image: "\/\/printroom.co\/cdn\/shop\/files\/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904\u0026width=200",
9234        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904\u0026width=200",
9235        url: "/products/finn-five-panel-cap",
9236        moq: 24
9237      }) }'
9238      :aria-label="$store.favorites.has(8301685178438) ? 'Open quote list' : 'Add Finn Five Panel Cap to quote'"
9239    >
9240      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301685178438)"><span class="h-full w-full">
9241  <svg
9242    aria-hidden="true"
9243    focusable="false"
9244    role="presentation"
9245    class="icon icon-quote-list-outline"
9246    viewBox="0 0 24 24"
9247    fill="none"
9248  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9249    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9250    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9251    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9252    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9253    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9254    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9255    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9256  </svg>
9257</span>
9258</span>
9259      <span x-text="$store.favorites.has(8301685178438) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9260    </button>
9261  </data-island></div>
9262    </div>
9263  </div>
9264</data-island>
9265
9266              </li>
9267
9268
9269              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9270                
9271<data-island
9272  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9273  
9274  data-color-scheme="scheme5"
9275>
9276  <div
9277    class="relative"
9278  ><div
9279      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9280      
9281    >
9282      <div class="relative z-0">
9283        <a
9284          href="/products/carrie-tote"
9285          
9286          class="absolute inset-0 z-40"
9287        >
9288          <span class="sr-only">Carrie Tote</span>
9289        </a>
9290
9291        
9292<div
9293            class="relative"
9294            style="padding-top: 100%;"
9295          ><image-with-placeholder>
9296  <img src="//printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=3000" alt="Pink tote with red screen print" srcset="//printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=200 200w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=350 350w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=450 450w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=750 750w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=850 850w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=960 960w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9297  
9298    <div
9299      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9300    ></div>
9301  
9302</image-with-placeholder>
9303</div>
9304
9305        <image-with-placeholder>
9306  <img src="//printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=3000" alt="Pink tote with pink screen print" srcset="//printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=200 200w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=350 350w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=450 450w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=750 750w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=850 850w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=960 960w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1280 1280w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1440 1440w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1536 1536w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1706 1706w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1782 1782w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=1920 1920w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=2560 2560w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=2880 2880w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9307  
9308    <div
9309      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9310    ></div>
9311  
9312</image-with-placeholder>
9313
9314</div>
9315    </div>
9316
9317    
9318    <div
9319      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9320    >
9321      <a
9322        href="/products/carrie-tote"
9323        
9324        class="absolute inset-0 z-10"
9325      >
9326        <span class="sr-only">Carrie Tote</span>
9327      </a>
9328      <div class="text-center break-word">
9329        
9330          <p class="mb-1 text-scheme-secondary">
9331            AS Colour
9332          </p>
9333        
9334        <p
9335          aria-hidden="true"
9336          class="font-bold"
9337        >
9338          Carrie Tote
9339        </p>
9340
9341        
9342        
9343
9344
9345
9346
9347
9348
9349        
9350      </div>
9351      <div class="text-center mt-1 lg:mt-2">
9352        
9353          
9354          
9355            
9356<span>from $10.00</span>
9357            
9358          
9359        
9360        
9361</div>
9362
9363      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9364    <button
9365      type="button"
9366      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301754548294)
9367        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9368        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9369      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9370      @click.prevent.stop='if ($store.favorites.has(8301754548294)) { $store.modals.open("favorites") } else { $store.favorites.add({
9371        id: 8301754548294,
9372        handle: &quot;carrie-tote&quot;,
9373        title: &quot;Carrie Tote&quot;,
9374        vendor: &quot;AS Colour&quot;,
9375        hasColours: true,
9376        variantId: null,
9377        colour: null,
9378        sizeOptions: [&quot;One Size&quot;],
9379        price: 1000,
9380        compare_at_price: null,
9381        image: "\/\/printroom.co\/cdn\/shop\/files\/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232\u0026width=200",
9382        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232\u0026width=200",
9383        url: "/products/carrie-tote",
9384        moq: 50
9385      }) }'
9386      :aria-label="$store.favorites.has(8301754548294) ? 'Open quote list' : 'Add Carrie Tote to quote'"
9387    >
9388      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301754548294)"><span class="h-full w-full">
9389  <svg
9390    aria-hidden="true"
9391    focusable="false"
9392    role="presentation"
9393    class="icon icon-quote-list-outline"
9394    viewBox="0 0 24 24"
9395    fill="none"
9396  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9397    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9398    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9399    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9400    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9401    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9402    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9403    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9404  </svg>
9405</span>
9406</span>
9407      <span x-text="$store.favorites.has(8301754548294) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9408    </button>
9409  </data-island></div>
9410    </div>
9411  </div>
9412</data-island>
9413
9414              </li>
9415
9416
9417              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9418                
9419<data-island
9420  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9421  
9422  data-color-scheme="scheme5"
9423>
9424  <div
9425    class="relative"
9426  ><div
9427      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9428      
9429    >
9430      <div class="relative z-0">
9431        <a
9432          href="/products/cuff-beanie"
9433          
9434          class="absolute inset-0 z-40"
9435        >
9436          <span class="sr-only">Cuff Beanie</span>
9437        </a>
9438
9439        
9440<div
9441            class="relative"
9442            style="padding-top: 100%;"
9443          ><image-with-placeholder>
9444  <img src="//printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=3000" alt="Yellow beanie with blue artwork on cuff" srcset="//printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=200 200w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=350 350w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=450 450w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=750 750w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=850 850w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=960 960w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9445  
9446    <div
9447      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9448    ></div>
9449  
9450</image-with-placeholder>
9451</div>
9452
9453        <image-with-placeholder>
9454  <img src="//printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=3000" alt="Plain mustard coloured beanie" srcset="//printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=200 200w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=350 350w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=450 450w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=750 750w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=850 850w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=960 960w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9455  
9456    <div
9457      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9458    ></div>
9459  
9460</image-with-placeholder>
9461
9462</div>
9463    </div>
9464
9465    
9466    <div
9467      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9468    >
9469      <a
9470        href="/products/cuff-beanie"
9471        
9472        class="absolute inset-0 z-10"
9473      >
9474        <span class="sr-only">Cuff Beanie</span>
9475      </a>
9476      <div class="text-center break-word">
9477        
9478          <p class="mb-1 text-scheme-secondary">
9479            AS Colour
9480          </p>
9481        
9482        <p
9483          aria-hidden="true"
9484          class="font-bold"
9485        >
9486          Cuff Beanie
9487        </p>
9488
9489        
9490        
9491
9492
9493
9494
9495
9496
9497        
9498      </div>
9499      <div class="text-center mt-1 lg:mt-2">
9500        
9501          
9502          
9503            
9504<span>from $13.00</span>
9505            
9506          
9507        
9508        
9509</div>
9510
9511      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9512    <button
9513      type="button"
9514      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301760184390)
9515        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9516        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9517      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9518      @click.prevent.stop='if ($store.favorites.has(8301760184390)) { $store.modals.open("favorites") } else { $store.favorites.add({
9519        id: 8301760184390,
9520        handle: &quot;cuff-beanie&quot;,
9521        title: &quot;Cuff Beanie&quot;,
9522        vendor: &quot;AS Colour&quot;,
9523        hasColours: true,
9524        variantId: null,
9525        colour: null,
9526        sizeOptions: [&quot;One Size&quot;,&quot;OS&quot;],
9527        price: 1300,
9528        compare_at_price: null,
9529        image: "\/\/printroom.co\/cdn\/shop\/files\/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056\u0026width=200",
9530        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056\u0026width=200",
9531        url: "/products/cuff-beanie",
9532        moq: 24
9533      }) }'
9534      :aria-label="$store.favorites.has(8301760184390) ? 'Open quote list' : 'Add Cuff Beanie to quote'"
9535    >
9536      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301760184390)"><span class="h-full w-full">
9537  <svg
9538    aria-hidden="true"
9539    focusable="false"
9540    role="presentation"
9541    class="icon icon-quote-list-outline"
9542    viewBox="0 0 24 24"
9543    fill="none"
9544  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9545    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9546    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9547    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9548    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9549    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9550    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9551    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9552  </svg>
9553</span>
9554</span>
9555      <span x-text="$store.favorites.has(8301760184390) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9556    </button>
9557  </data-island></div>
9558    </div>
9559  </div>
9560</data-island>
9561
9562              </li>
9563
9564
9565              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9566                
9567<data-island
9568  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9569  
9570  data-color-scheme="scheme5"
9571>
9572  <div
9573    class="relative"
9574  ><div
9575      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9576      
9577    >
9578      <div class="relative z-0">
9579        <a
9580          href="/products/8oz-project-pargo-cup"
9581          
9582          class="absolute inset-0 z-40"
9583        >
9584          <span class="sr-only">8oz Project Pargo Cup</span>
9585        </a>
9586
9587        
9588<div
9589            class="relative"
9590            style="padding-top: 100%;"
9591          ><image-with-placeholder>
9592  <img src="//printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=3000" alt="Project Pargo 8oz Project Pargo Cup PP8OZ Drinkwear custom merch nz" srcset="//printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=200 200w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=350 350w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=450 450w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=750 750w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=850 850w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=960 960w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9593  
9594    <div
9595      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9596    ></div>
9597  
9598</image-with-placeholder>
9599</div>
9600
9601        <image-with-placeholder>
9602  <img src="//printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=3000" alt="Project Pargo 8oz Project Pargo Cup PP8OZ Drinkwear custom merch nz" srcset="//printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=200 200w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=350 350w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=450 450w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=750 750w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=850 850w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=960 960w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9603  
9604    <div
9605      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9606    ></div>
9607  
9608</image-with-placeholder>
9609
9610</div>
9611    </div>
9612
9613    
9614    <div
9615      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9616    >
9617      <a
9618        href="/products/8oz-project-pargo-cup"
9619        
9620        class="absolute inset-0 z-10"
9621      >
9622        <span class="sr-only">8oz Project Pargo Cup</span>
9623      </a>
9624      <div class="text-center break-word">
9625        
9626          <p class="mb-1 text-scheme-secondary">
9627            Project Pargo
9628          </p>
9629        
9630        <p
9631          aria-hidden="true"
9632          class="font-bold"
9633        >
9634          8oz Project Pargo Cup
9635        </p>
9636
9637        
9638        
9639
9640
9641
9642
9643
9644
9645        
9646      </div>
9647      <div class="text-center mt-1 lg:mt-2">
9648        
9649          
9650          
9651            
9652<span>from $19.00</span>
9653            
9654          
9655        
9656        
9657</div>
9658
9659      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9660    <button
9661      type="button"
9662      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8302027276358)
9663        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9664        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9665      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9666      @click.prevent.stop='if ($store.favorites.has(8302027276358)) { $store.modals.open("favorites") } else { $store.favorites.add({
9667        id: 8302027276358,
9668        handle: &quot;8oz-project-pargo-cup&quot;,
9669        title: &quot;8oz Project Pargo Cup&quot;,
9670        vendor: &quot;Project Pargo&quot;,
9671        hasColours: false,
9672        variantId: null,
9673        colour: null,
9674        sizeOptions: &quot;&quot;,
9675        price: 1900,
9676        compare_at_price: null,
9677        image: "\/\/printroom.co\/cdn\/shop\/files\/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548\u0026width=200",
9678        productImage: "\/\/printroom.co\/cdn\/shop\/files\/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548\u0026width=200",
9679        url: "/products/8oz-project-pargo-cup",
9680        moq: 24
9681      }) }'
9682      :aria-label="$store.favorites.has(8302027276358) ? 'Open quote list' : 'Add 8oz Project Pargo Cup to quote'"
9683    >
9684      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8302027276358)"><span class="h-full w-full">
9685  <svg
9686    aria-hidden="true"
9687    focusable="false"
9688    role="presentation"
9689    class="icon icon-quote-list-outline"
9690    viewBox="0 0 24 24"
9691    fill="none"
9692  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9693    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9694    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9695    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9696    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9697    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9698    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9699    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9700  </svg>
9701</span>
9702</span>
9703      <span x-text="$store.favorites.has(8302027276358) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9704    </button>
9705  </data-island></div>
9706    </div>
9707  </div>
9708</data-island>
9709
9710              </li>
9711
9712
9713              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9714                
9715<data-island
9716  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9717  
9718  data-color-scheme="scheme5"
9719>
9720  <div
9721    class="relative"
9722  ><div
9723      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9724      
9725    >
9726      <div class="relative z-0">
9727        <a
9728          href="/products/allegro-notebook"
9729          
9730          class="absolute inset-0 z-40"
9731        >
9732          <span class="sr-only">Allegro Notebook</span>
9733        </a>
9734
9735        
9736<div
9737            class="relative"
9738            style="padding-top: 100%;"
9739          ><image-with-placeholder>
9740  <img src="//printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=3000" alt="Trends Allegro Notebook 108400 Stationery custom merch nz" srcset="//printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=200 200w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=350 350w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=450 450w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=750 750w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=850 850w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=960 960w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1280 1280w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1440 1440w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1536 1536w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1706 1706w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1782 1782w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=1920 1920w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=2560 2560w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=2880 2880w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9741  
9742    <div
9743      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9744    ></div>
9745  
9746</image-with-placeholder>
9747</div>
9748
9749        <image-with-placeholder>
9750  <img src="//printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=3000" alt="Trends Allegro Notebook 108400 Stationery promo products nz" srcset="//printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=200 200w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=350 350w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=450 450w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=750 750w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=850 850w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=960 960w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1280 1280w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1440 1440w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1536 1536w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1706 1706w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1782 1782w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=1920 1920w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=2560 2560w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=2880 2880w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9751  
9752    <div
9753      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9754    ></div>
9755  
9756</image-with-placeholder>
9757
9758</div>
9759    </div>
9760
9761    
9762    <div
9763      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9764    >
9765      <a
9766        href="/products/allegro-notebook"
9767        
9768        class="absolute inset-0 z-10"
9769      >
9770        <span class="sr-only">Allegro Notebook</span>
9771      </a>
9772      <div class="text-center break-word">
9773        
9774          <p class="mb-1 text-scheme-secondary">
9775            Trends NZ
9776          </p>
9777        
9778        <p
9779          aria-hidden="true"
9780          class="font-bold"
9781        >
9782          Allegro Notebook
9783        </p>
9784
9785        
9786        
9787
9788
9789
9790
9791
9792
9793        
9794      </div>
9795      <div class="text-center mt-1 lg:mt-2">
9796        
9797          
9798          
9799            
9800<span>from $3.00</span>
9801            
9802          
9803        
9804        
9805</div>
9806
9807      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9808    <button
9809      type="button"
9810      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301998342214)
9811        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9812        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9813      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9814      @click.prevent.stop='if ($store.favorites.has(8301998342214)) { $store.modals.open("favorites") } else { $store.favorites.add({
9815        id: 8301998342214,
9816        handle: &quot;allegro-notebook&quot;,
9817        title: &quot;Allegro Notebook&quot;,
9818        vendor: &quot;Trends NZ&quot;,
9819        hasColours: true,
9820        variantId: null,
9821        colour: null,
9822        sizeOptions: &quot;&quot;,
9823        price: 300,
9824        compare_at_price: null,
9825        image: "\/\/printroom.co\/cdn\/shop\/files\/108400-2_grapchic.jpg?v=1774384950\u0026width=200",
9826        productImage: "\/\/printroom.co\/cdn\/shop\/files\/108400-2_grapchic.jpg?v=1774384950\u0026width=200",
9827        url: "/products/allegro-notebook",
9828        moq: 100
9829      }) }'
9830      :aria-label="$store.favorites.has(8301998342214) ? 'Open quote list' : 'Add Allegro Notebook to quote'"
9831    >
9832      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301998342214)"><span class="h-full w-full">
9833  <svg
9834    aria-hidden="true"
9835    focusable="false"
9836    role="presentation"
9837    class="icon icon-quote-list-outline"
9838    viewBox="0 0 24 24"
9839    fill="none"
9840  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9841    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9842    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9843    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9844    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9845    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9846    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9847    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9848  </svg>
9849</span>
9850</span>
9851      <span x-text="$store.favorites.has(8301998342214) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
9852    </button>
9853  </data-island></div>
9854    </div>
9855  </div>
9856</data-island>
9857
9858              </li>
9859
9860
9861              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
9862                
9863<data-island
9864  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
9865  
9866  data-color-scheme="scheme5"
9867>
9868  <div
9869    class="relative"
9870  ><div
9871      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
9872      
9873    >
9874      <div class="relative z-0">
9875        <a
9876          href="/products/12oz-project-pargo-sports-bottle"
9877          
9878          class="absolute inset-0 z-40"
9879        >
9880          <span class="sr-only">12oz Project Pargo Sports Bottle</span>
9881        </a>
9882
9883        
9884<div
9885            class="relative"
9886            style="padding-top: 100%;"
9887          ><image-with-placeholder>
9888  <img src="//printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=3000" alt="Project Pargo 12oz Project Pargo Sports Bottle PP12OZSB Drinkwear custom merch nz" srcset="//printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=200 200w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=350 350w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=450 450w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=750 750w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=850 850w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=960 960w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9889  
9890    <div
9891      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9892    ></div>
9893  
9894</image-with-placeholder>
9895</div>
9896
9897        <image-with-placeholder>
9898  <img src="//printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=3000" alt="Project Pargo 12oz Project Pargo Sports Bottle PP12OZSB Drinkwear custom merch nz" srcset="//printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=200 200w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=350 350w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=450 450w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=750 750w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=850 850w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=960 960w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
9899  
9900    <div
9901      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
9902    ></div>
9903  
9904</image-with-placeholder>
9905
9906</div>
9907    </div>
9908
9909    
9910    <div
9911      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
9912    >
9913      <a
9914        href="/products/12oz-project-pargo-sports-bottle"
9915        
9916        class="absolute inset-0 z-10"
9917      >
9918        <span class="sr-only">12oz Project Pargo Sports Bottle</span>
9919      </a>
9920      <div class="text-center break-word">
9921        
9922          <p class="mb-1 text-scheme-secondary">
9923            Project Pargo
9924          </p>
9925        
9926        <p
9927          aria-hidden="true"
9928          class="font-bold"
9929        >
9930          12oz Project Pargo Sports Bottle
9931        </p>
9932
9933        
9934        
9935
9936
9937
9938
9939
9940
9941        
9942      </div>
9943      <div class="text-center mt-1 lg:mt-2">
9944        
9945          
9946          
9947            
9948<span>from $28.00</span>
9949            
9950          
9951        
9952        
9953</div>
9954
9955      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
9956    <button
9957      type="button"
9958      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8302030618694)
9959        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
9960        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
9961      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
9962      @click.prevent.stop='if ($store.favorites.has(8302030618694)) { $store.modals.open("favorites") } else { $store.favorites.add({
9963        id: 8302030618694,
9964        handle: &quot;12oz-project-pargo-sports-bottle&quot;,
9965        title: &quot;12oz Project Pargo Sports Bottle&quot;,
9966        vendor: &quot;Project Pargo&quot;,
9967        hasColours: false,
9968        variantId: null,
9969        colour: null,
9970        sizeOptions: &quot;&quot;,
9971        price: 2800,
9972        compare_at_price: null,
9973        image: "\/\/printroom.co\/cdn\/shop\/files\/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151\u0026width=200",
9974        productImage: "\/\/printroom.co\/cdn\/shop\/files\/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151\u0026width=200",
9975        url: "/products/12oz-project-pargo-sports-bottle",
9976        moq: 24
9977      }) }'
9978      :aria-label="$store.favorites.has(8302030618694) ? 'Open quote list' : 'Add 12oz Project Pargo Sports Bottle to quote'"
9979    >
9980      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8302030618694)"><span class="h-full w-full">
9981  <svg
9982    aria-hidden="true"
9983    focusable="false"
9984    role="presentation"
9985    class="icon icon-quote-list-outline"
9986    viewBox="0 0 24 24"
9987    fill="none"
9988  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
9989    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9990    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
9991    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9992    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
9993    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9994    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
9995    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
9996  </svg>
9997</span>
9998</span>
9999      <span x-text="$store.favorites.has(8302030618694) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
10000    </button>
10001  </data-island></div>
10002    </div>
10003  </div>
10004</data-island>
10005
10006              </li>
10007
10008
10009              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
10010                
10011<data-island
10012  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
10013  
10014  data-color-scheme="scheme5"
10015>
10016  <div
10017    class="relative"
10018  ><div
10019      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
10020      
10021    >
10022      <div class="relative z-0">
10023        <a
10024          href="/products/moleskin-cahier-journal"
10025          
10026          class="absolute inset-0 z-40"
10027        >
10028          <span class="sr-only">Moleskin Cahier Journal</span>
10029        </a>
10030
10031        
10032<div
10033            class="relative"
10034            style="padding-top: 100%;"
10035          ><image-with-placeholder>
10036  <img src="//printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=3000" alt="Trends Moleskin Cahier Journal 118899 Stationery promo products nz" srcset="//printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=200 200w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=350 350w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=450 450w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=750 750w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=850 850w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=960 960w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1280 1280w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1440 1440w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1536 1536w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1706 1706w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1782 1782w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=1920 1920w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=2560 2560w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=2880 2880w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10037  
10038    <div
10039      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10040    ></div>
10041  
10042</image-with-placeholder>
10043</div>
10044
10045        <image-with-placeholder>
10046  <img src="//printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=3000" alt="Trends Moleskin Cahier Journal 118899 Stationery custom merch nz" srcset="//printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=200 200w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=350 350w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=450 450w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=750 750w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=850 850w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=960 960w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1280 1280w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1440 1440w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1536 1536w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1706 1706w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1782 1782w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=1920 1920w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=2560 2560w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=2880 2880w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10047  
10048    <div
10049      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10050    ></div>
10051  
10052</image-with-placeholder>
10053
10054</div>
10055    </div>
10056
10057    
10058    <div
10059      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
10060    >
10061      <a
10062        href="/products/moleskin-cahier-journal"
10063        
10064        class="absolute inset-0 z-10"
10065      >
10066        <span class="sr-only">Moleskin Cahier Journal</span>
10067      </a>
10068      <div class="text-center break-word">
10069        
10070          <p class="mb-1 text-scheme-secondary">
10071            Trends NZ
10072          </p>
10073        
10074        <p
10075          aria-hidden="true"
10076          class="font-bold"
10077        >
10078          Moleskin Cahier Journal
10079        </p>
10080
10081        
10082        
10083
10084
10085
10086
10087
10088
10089        
10090      </div>
10091      <div class="text-center mt-1 lg:mt-2">
10092        
10093          
10094          
10095            
10096<span>from $6.00</span>
10097            
10098          
10099        
10100        
10101</div>
10102
10103      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
10104    <button
10105      type="button"
10106      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8302005846086)
10107        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
10108        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
10109      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
10110      @click.prevent.stop='if ($store.favorites.has(8302005846086)) { $store.modals.open("favorites") } else { $store.favorites.add({
10111        id: 8302005846086,
10112        handle: &quot;moleskin-cahier-journal&quot;,
10113        title: &quot;Moleskin Cahier Journal&quot;,
10114        vendor: &quot;Trends NZ&quot;,
10115        hasColours: true,
10116        variantId: null,
10117        colour: null,
10118        sizeOptions: &quot;&quot;,
10119        price: 600,
10120        compare_at_price: null,
10121        image: "\/\/printroom.co\/cdn\/shop\/files\/118899-1_graphic.jpg?v=1774384685\u0026width=200",
10122        productImage: "\/\/printroom.co\/cdn\/shop\/files\/118899-1_graphic.jpg?v=1774384685\u0026width=200",
10123        url: "/products/moleskin-cahier-journal",
10124        moq: 24
10125      }) }'
10126      :aria-label="$store.favorites.has(8302005846086) ? 'Open quote list' : 'Add Moleskin Cahier Journal to quote'"
10127    >
10128      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8302005846086)"><span class="h-full w-full">
10129  <svg
10130    aria-hidden="true"
10131    focusable="false"
10132    role="presentation"
10133    class="icon icon-quote-list-outline"
10134    viewBox="0 0 24 24"
10135    fill="none"
10136  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
10137    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10138    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
10139    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10140    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
10141    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10142    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
10143    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10144  </svg>
10145</span>
10146</span>
10147      <span x-text="$store.favorites.has(8302005846086) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
10148    </button>
10149  </data-island></div>
10150    </div>
10151  </div>
10152</data-island>
10153
10154              </li>
10155
10156
10157              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
10158                
10159<data-island
10160  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
10161  
10162  data-color-scheme="scheme5"
10163>
10164  <div
10165    class="relative"
10166  ><div
10167      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
10168      
10169    >
10170      <div class="relative z-0">
10171        <a
10172          href="/products/classic-tee"
10173          
10174          class="absolute inset-0 z-40"
10175        >
10176          <span class="sr-only">Classic Tee</span>
10177        </a>
10178
10179        
10180<div
10181            class="relative"
10182            style="padding-top: 100%;"
10183          ><image-with-placeholder>
10184  <img src="//printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=3000" alt="AS Colour Classic tee 5026 T-shirt custom merch nz" srcset="//printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=200 200w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=350 350w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=450 450w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=750 750w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=850 850w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=960 960w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10185  
10186    <div
10187      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10188    ></div>
10189  
10190</image-with-placeholder>
10191</div>
10192
10193        <image-with-placeholder>
10194  <img src="//printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=3000" alt="AS Colour Classic tee 5026 T-shirt promo products nz" srcset="//printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=200 200w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=350 350w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=450 450w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=750 750w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=850 850w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=960 960w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1280 1280w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1440 1440w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1536 1536w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1706 1706w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1782 1782w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=1920 1920w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=2560 2560w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=2880 2880w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10195  
10196    <div
10197      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10198    ></div>
10199  
10200</image-with-placeholder>
10201
10202</div>
10203    </div>
10204
10205    
10206    <div
10207      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
10208    >
10209      <a
10210        href="/products/classic-tee"
10211        
10212        class="absolute inset-0 z-10"
10213      >
10214        <span class="sr-only">Classic Tee</span>
10215      </a>
10216      <div class="text-center break-word">
10217        
10218          <p class="mb-1 text-scheme-secondary">
10219            AS Colour
10220          </p>
10221        
10222        <p
10223          aria-hidden="true"
10224          class="font-bold"
10225        >
10226          Classic Tee
10227        </p>
10228
10229        
10230        
10231
10232
10233
10234
10235
10236
10237        
10238      </div>
10239      <div class="text-center mt-1 lg:mt-2">
10240        
10241          
10242          
10243            
10244<span>from $15.00</span>
10245            
10246          
10247        
10248        
10249</div>
10250
10251      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
10252    <button
10253      type="button"
10254      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(7832412979270)
10255        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
10256        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
10257      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
10258      @click.prevent.stop='if ($store.favorites.has(7832412979270)) { $store.modals.open("favorites") } else { $store.favorites.add({
10259        id: 7832412979270,
10260        handle: &quot;classic-tee&quot;,
10261        title: &quot;Classic Tee&quot;,
10262        vendor: &quot;AS Colour&quot;,
10263        hasColours: true,
10264        variantId: null,
10265        colour: null,
10266        sizeOptions: [&quot;S&quot;,&quot;M&quot;,&quot;L&quot;,&quot;XL&quot;,&quot;2XL&quot;,&quot;3XL&quot;,&quot;4XL&quot;,&quot;5XL&quot;],
10267        price: 1500,
10268        compare_at_price: null,
10269        image: "\/\/printroom.co\/cdn\/shop\/files\/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866\u0026width=200",
10270        productImage: "\/\/printroom.co\/cdn\/shop\/files\/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866\u0026width=200",
10271        url: "/products/classic-tee",
10272        moq: 24
10273      }) }'
10274      :aria-label="$store.favorites.has(7832412979270) ? 'Open quote list' : 'Add Classic Tee to quote'"
10275    >
10276      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(7832412979270)"><span class="h-full w-full">
10277  <svg
10278    aria-hidden="true"
10279    focusable="false"
10280    role="presentation"
10281    class="icon icon-quote-list-outline"
10282    viewBox="0 0 24 24"
10283    fill="none"
10284  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
10285    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10286    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
10287    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10288    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
10289    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10290    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
10291    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10292  </svg>
10293</span>
10294</span>
10295      <span x-text="$store.favorites.has(7832412979270) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
10296    </button>
10297  </data-island></div>
10298    </div>
10299  </div>
10300</data-island>
10301
10302              </li>
10303
10304
10305              <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text">
10306                
10307<data-island
10308  class="relative flex h-full flex-col text-center hover:text-scheme-accent"
10309  
10310  data-color-scheme="scheme5"
10311>
10312  <div
10313    class="relative"
10314  ><div
10315      class="group w-full pt-2 lg:pt-4 px-section-horizontal-spacing "
10316      
10317    >
10318      <div class="relative z-0">
10319        <a
10320          href="/products/recycled-stainless-steel-pen"
10321          
10322          class="absolute inset-0 z-40"
10323        >
10324          <span class="sr-only">Recycled Stainless Steel Pen</span>
10325        </a>
10326
10327        
10328<div
10329            class="relative"
10330            style="padding-top: 100%;"
10331          ><image-with-placeholder>
10332  <img src="//printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=3000" alt="Trends Recycled Stainless Steel Pen 106160 Stationery custom merch nz" srcset="//printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=200 200w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=350 350w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=450 450w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=750 750w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=850 850w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=960 960w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1280 1280w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1440 1440w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1536 1536w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1706 1706w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1782 1782w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=1920 1920w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=2560 2560w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=2880 2880w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10333  
10334    <div
10335      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10336    ></div>
10337  
10338</image-with-placeholder>
10339</div>
10340
10341        <image-with-placeholder>
10342  <img src="//printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=3000" alt="Trends Recycled Stainless Steel Pen 106160 Stationery promo products nz" srcset="//printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=200 200w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=350 350w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=450 450w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=750 750w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=850 850w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=960 960w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1280 1280w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1440 1440w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1536 1536w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1706 1706w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1782 1782w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=1920 1920w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=2560 2560w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=2880 2880w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="peer/image block absolute inset-0 w-full h-full object-contain z-35 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100" sizes="(min-width: 1024px) calc(calc(100vw - 18.75rem) / 12 * 3), (min-width: 768px) calc(50vw - 18.75rem), 50vw">
10343  
10344    <div
10345      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
10346    ></div>
10347  
10348</image-with-placeholder>
10349
10350</div>
10351    </div>
10352
10353    
10354    <div
10355      class="relative justify-between py-4 px-section-horizontal-spacing  text-center text-sm lg:text-base"
10356    >
10357      <a
10358        href="/products/recycled-stainless-steel-pen"
10359        
10360        class="absolute inset-0 z-10"
10361      >
10362        <span class="sr-only">Recycled Stainless Steel Pen</span>
10363      </a>
10364      <div class="text-center break-word">
10365        
10366          <p class="mb-1 text-scheme-secondary">
10367            Trends NZ
10368          </p>
10369        
10370        <p
10371          aria-hidden="true"
10372          class="font-bold"
10373        >
10374          Recycled Stainless Steel Pen
10375        </p>
10376
10377        
10378        
10379
10380
10381
10382
10383
10384
10385        
10386      </div>
10387      <div class="text-center mt-1 lg:mt-2">
10388        
10389          
10390          
10391            
10392<span>from $2.00</span>
10393            
10394          
10395        
10396        
10397</div>
10398
10399      <div class="mt-2 text-center"><data-island x-data on="idle" style="display: inline-block;">
10400    <button
10401      type="button"
10402      :style="'display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:DM Sans,sans-serif; font-size:10px; font-weight:400; line-height:16px; border-radius:24px; cursor:pointer; white-space:nowrap; position:relative; z-index:10; transition:transform 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;' + ($store.favorites.has(8301986119750)
10403        ? 'border:0.4px solid #4B4D72; background:#4B4D72; color:#fff; box-shadow:0 4px 14px rgba(75,77,114,0.18);'
10404        : 'border:0.4px solid #000; background:transparent; color:#000; box-shadow:none;')"
10405      style="display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; width:110px; height:26px; padding:0 0.625rem; font-family:'DM Sans',sans-serif; font-size:10px; font-weight:400; line-height:16px; border:0.4px solid #000; border-radius:24px; background:transparent; color:#000; cursor:pointer; white-space:nowrap; position:relative; z-index:10;"
10406      @click.prevent.stop='if ($store.favorites.has(8301986119750)) { $store.modals.open("favorites") } else { $store.favorites.add({
10407        id: 8301986119750,
10408        handle: &quot;recycled-stainless-steel-pen&quot;,
10409        title: &quot;Recycled Stainless Steel Pen&quot;,
10410        vendor: &quot;Trends NZ&quot;,
10411        hasColours: false,
10412        variantId: null,
10413        colour: null,
10414        sizeOptions: &quot;&quot;,
10415        price: 200,
10416        compare_at_price: null,
10417        image: "\/\/printroom.co\/cdn\/shop\/files\/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640\u0026width=200",
10418        productImage: "\/\/printroom.co\/cdn\/shop\/files\/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640\u0026width=200",
10419        url: "/products/recycled-stainless-steel-pen",
10420        moq: 100
10421      }) }'
10422      :aria-label="$store.favorites.has(8301986119750) ? 'Open quote list' : 'Add Recycled Stainless Steel Pen to quote'"
10423    >
10424      <span style="width:10px; height:10px; flex-shrink:0;" x-show="!$store.favorites.has(8301986119750)"><span class="h-full w-full">
10425  <svg
10426    aria-hidden="true"
10427    focusable="false"
10428    role="presentation"
10429    class="icon icon-quote-list-outline"
10430    viewBox="0 0 24 24"
10431    fill="none"
10432  ><rect x="3" y="1" width="18" height="22" rx="2.5" ry="2.5" stroke="currentColor" stroke-width="1.5"></rect><circle cx="7.5" cy="7.5" r="1" fill="currentColor"></circle>
10433    <line x1="10" y1="7.5" x2="17.5" y2="7.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10434    <circle cx="7.5" cy="11" r="1" fill="currentColor"></circle>
10435    <line x1="10" y1="11" x2="17.5" y2="11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10436    <circle cx="7.5" cy="14.5" r="1" fill="currentColor"></circle>
10437    <line x1="10" y1="14.5" x2="17.5" y2="14.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10438    <circle cx="7.5" cy="18" r="1" fill="currentColor"></circle>
10439    <line x1="10" y1="18" x2="17.5" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></line>
10440  </svg>
10441</span>
10442</span>
10443      <span x-text="$store.favorites.has(8301986119750) ? 'In quote ✓' : 'Add to quote'">Add to quote</span>
10444    </button>
10445  </data-island></div>
10446    </div>
10447  </div>
10448</data-island>
10449
10450              </li>
10451<li
10452                style="--placeholder-width: 3;"
10453                class="none absolute bg-scheme-background lg:static lg:col-span-placeholder-width lg:block"
10454                aria-hidden="true"
10455                role="presentation"
10456              ></li><li
10457                style="--placeholder-width-mobile: 1;"
10458                class="lg:none col-span-placeholder-width-mobile block bg-scheme-background lg:absolute"
10459                aria-hidden="true"
10460                role="presentation"
10461              ></li></ul><div
10462  class="border-t-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing pb-theme-double pt-theme text-right text-sm text-scheme-text md:text-base"
10463  data-color-scheme="scheme5"
10464>
10465  <ul class="pagination flex items-center">
10466    <li class="mr-auto w-28 text-left md:w-1/3">
10467      
10468    </li><li
10469            class="active hidden border-b-text border-scheme-text px-2 py-1 md:inline-block"
10470            aria-current="page"
10471          >
10472            <span class="sr-only">page</span> 1
10473          </li><li class="hidden md:inline-block">
10474          <a
10475            class="inline-block border-b-text border-transparent px-2 py-1"
10476            href="/collections/product-library?page=2"
10477          >
10478            <span class="sr-only">page</span> 2
10479          </a>
10480        </li><li class="hidden md:inline-block">
10481          <a
10482            class="inline-block border-b-text border-transparent px-2 py-1"
10483            href="/collections/product-library?page=3"
10484          >
10485            <span class="sr-only">page</span> 3
10486          </a>
10487        </li><li class="hidden border-b-text border-transparent px-2 py-1 md:inline-block">
10488            <span class="sr-only">page</span> &hellip;
10489          </li><li class="hidden md:inline-block">
10490          <a
10491            class="inline-block border-b-text border-transparent px-2 py-1"
10492            href="/collections/product-library?page=7"
10493          >
10494            <span class="sr-only">page</span> 7
10495          </a>
10496        </li><li class="ml-auto w-28 text-right md:w-1/3">
10497      
10498        <a
10499          class="theme-link hover:text-scheme-accent"
10500          href="/collections/product-library?page=2"
10501        >Next</a>
10502      
10503    </li>
10504  </ul>
10505</div>
10506
10507      </div>
10508    </div>
10509
10510    
10511<data-island
10512  class="hidden"
10513  x-data
10514  x-init="$store.modals.register('filters', 'leftDrawer'); initTeleport($root);"
10515  on="idle"
10516>
10517  <template
10518    data-template-fragment-id="filters-form-drawer"
10519    data-should-teleport="#left-drawer-slot"
10520  >
10521    <div
10522      id="mobile-filters-drawer"
10523      x-show="$store.modals.leftDrawer.contents === 'filters'"
10524      :data-modal-label="$store.modals.leftDrawer.contents === 'filters' ? 'Filter' : false"
10525    >
10526      <form
10527        id="filters-form-drawer"
10528        data-fragment-id="filters-form-drawer"
10529        @submit.prevent="filterFormSubmit"
10530        class="flex min-h-screen flex-col"
10531      >
10532        <div class="sticky top-0 z-[21] flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4">
10533          <div>Filter</div>
10534          <button
10535            @click.prevent="$store.modals.close('filters')"
10536            class="absolute right-0 top-0 block h-full"
10537            type="button"
10538          >
10539            <span class="sr-only">Close</span>
10540            <div class="my-auto mr-section-horizontal-spacing h-6 w-6">
10541              <svg
10542  class="theme-icon"
10543  xmlns="http://www.w3.org/2000/svg"
10544  fill="none"
10545  viewBox="0 0 24 24"
10546>
10547  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
10548</svg>
10549
10550            </div>
10551          </button>
10552        </div>
10553        
10554
10555  <div
10556    class="w-full"
10557    :class="{ 'opacity-50' : loading }"
10558  >
10559    <div
10560      id="filters-sidebar-drawer"
10561    >
10562      <div class="pb-8">
10563        <div><data-island
10564              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
10565              data-index="1"
10566              x-data="{ expanded: true }"
10567              data-filterable-filter-fragment="filter.p.vendor"
10568            >
10569              <h3
10570                class="px-4"
10571              >
10572                <button
10573                  class="break-word flex w-full items-center justify-between"
10574                  type="button"
10575                  @click="expanded = ! expanded"
10576                >
10577                  Brand
10578<div
10579                      class="flex h-4 w-4 shrink-0 items-center"
10580                      x-show="!expanded"
10581                      
10582                        style="display: none;"
10583                      
10584                    >
10585                      <svg
10586  class="theme-icon"
10587  xmlns="http://www.w3.org/2000/svg"
10588  fill="none"
10589  viewBox="0 0 24 24"
10590>
10591  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
10592</svg>
10593
10594                    </div>
10595                    <div
10596                      class="flex h-4 w-4 shrink-0 items-center"
10597                      x-show="expanded"
10598                      
10599                    ><svg
10600  class="theme-icon"
10601  xmlns="http://www.w3.org/2000/svg"
10602  fill="none"
10603  viewBox="0 0 24 24"
10604>
10605  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
10606</svg>
10607</div></button>
10608              </h3>
10609              <div
10610                class="px-4"
10611                x-show="expanded"
10612                x-collapse
10613                
10614              >
10615                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
10616                            <input
10617                              type="checkbox"
10618                              class="filter-checkbox custom-input peer sr-only"
10619                              name="filter.p.vendor"
10620                              value="Made to order"
10621                              @input.debounce="filterFormSubmit"
10622                              id="filter-sidebar-drawer-brand-1"
10623                              
10624                              
10625                              :disabled="loading"
10626                            >
10627                            <label
10628                              for="filter-sidebar-drawer-brand-1"
10629                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10630                              
10631                            >
10632                              <span
10633                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10634                              ></span>
10635                              Made to order
10636                            </label>
10637                          </li><li class="flex items-center justify-start">
10638                            <input
10639                              type="checkbox"
10640                              class="filter-checkbox custom-input peer sr-only"
10641                              name="filter.p.vendor"
10642                              value="American Apparel"
10643                              @input.debounce="filterFormSubmit"
10644                              id="filter-sidebar-drawer-brand-2"
10645                              
10646                              
10647                              :disabled="loading"
10648                            >
10649                            <label
10650                              for="filter-sidebar-drawer-brand-2"
10651                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10652                              
10653                            >
10654                              <span
10655                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10656                              ></span>
10657                              American Apparel
10658                            </label>
10659                          </li><li class="flex items-center justify-start">
10660                            <input
10661                              type="checkbox"
10662                              class="filter-checkbox custom-input peer sr-only"
10663                              name="filter.p.vendor"
10664                              value="AS Colour"
10665                              @input.debounce="filterFormSubmit"
10666                              id="filter-sidebar-drawer-brand-3"
10667                              
10668                              
10669                              :disabled="loading"
10670                            >
10671                            <label
10672                              for="filter-sidebar-drawer-brand-3"
10673                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10674                              
10675                            >
10676                              <span
10677                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10678                              ></span>
10679                              AS Colour
10680                            </label>
10681                          </li><li class="flex items-center justify-start">
10682                            <input
10683                              type="checkbox"
10684                              class="filter-checkbox custom-input peer sr-only"
10685                              name="filter.p.vendor"
10686                              value="Biz Collection"
10687                              @input.debounce="filterFormSubmit"
10688                              id="filter-sidebar-drawer-brand-4"
10689                              
10690                              
10691                              :disabled="loading"
10692                            >
10693                            <label
10694                              for="filter-sidebar-drawer-brand-4"
10695                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10696                              
10697                            >
10698                              <span
10699                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10700                              ></span>
10701                              Biz Collection
10702                            </label>
10703                          </li><li class="flex items-center justify-start">
10704                            <input
10705                              type="checkbox"
10706                              class="filter-checkbox custom-input peer sr-only"
10707                              name="filter.p.vendor"
10708                              value="Cloke"
10709                              @input.debounce="filterFormSubmit"
10710                              id="filter-sidebar-drawer-brand-5"
10711                              
10712                              
10713                              :disabled="loading"
10714                            >
10715                            <label
10716                              for="filter-sidebar-drawer-brand-5"
10717                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10718                              
10719                            >
10720                              <span
10721                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10722                              ></span>
10723                              Cloke
10724                            </label>
10725                          </li><li class="flex items-center justify-start">
10726                            <input
10727                              type="checkbox"
10728                              class="filter-checkbox custom-input peer sr-only"
10729                              name="filter.p.vendor"
10730                              value="Earth Positive"
10731                              @input.debounce="filterFormSubmit"
10732                              id="filter-sidebar-drawer-brand-6"
10733                              
10734                              
10735                              :disabled="loading"
10736                            >
10737                            <label
10738                              for="filter-sidebar-drawer-brand-6"
10739                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10740                              
10741                            >
10742                              <span
10743                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10744                              ></span>
10745                              Earth Positive
10746                            </label>
10747                          </li><li class="flex items-center justify-start">
10748                            <input
10749                              type="checkbox"
10750                              class="filter-checkbox custom-input peer sr-only"
10751                              name="filter.p.vendor"
10752                              value="Gildan"
10753                              @input.debounce="filterFormSubmit"
10754                              id="filter-sidebar-drawer-brand-7"
10755                              
10756                              
10757                              :disabled="loading"
10758                            >
10759                            <label
10760                              for="filter-sidebar-drawer-brand-7"
10761                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10762                              
10763                            >
10764                              <span
10765                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10766                              ></span>
10767                              Gildan
10768                            </label>
10769                          </li><li class="flex items-center justify-start">
10770                            <input
10771                              type="checkbox"
10772                              class="filter-checkbox custom-input peer sr-only"
10773                              name="filter.p.vendor"
10774                              value="Hydroflask"
10775                              @input.debounce="filterFormSubmit"
10776                              id="filter-sidebar-drawer-brand-8"
10777                              
10778                              
10779                              :disabled="loading"
10780                            >
10781                            <label
10782                              for="filter-sidebar-drawer-brand-8"
10783                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10784                              
10785                            >
10786                              <span
10787                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10788                              ></span>
10789                              Hydroflask
10790                            </label>
10791                          </li><li class="flex items-center justify-start">
10792                            <input
10793                              type="checkbox"
10794                              class="filter-checkbox custom-input peer sr-only"
10795                              name="filter.p.vendor"
10796                              value="Nalgene"
10797                              @input.debounce="filterFormSubmit"
10798                              id="filter-sidebar-drawer-brand-9"
10799                              
10800                              
10801                              :disabled="loading"
10802                            >
10803                            <label
10804                              for="filter-sidebar-drawer-brand-9"
10805                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10806                              
10807                            >
10808                              <span
10809                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10810                              ></span>
10811                              Nalgene
10812                            </label>
10813                          </li><li class="flex items-center justify-start">
10814                            <input
10815                              type="checkbox"
10816                              class="filter-checkbox custom-input peer sr-only"
10817                              name="filter.p.vendor"
10818                              value="Print Room"
10819                              @input.debounce="filterFormSubmit"
10820                              id="filter-sidebar-drawer-brand-10"
10821                              
10822                              
10823                              :disabled="loading"
10824                            >
10825                            <label
10826                              for="filter-sidebar-drawer-brand-10"
10827                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10828                              
10829                            >
10830                              <span
10831                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10832                              ></span>
10833                              Print Room
10834                            </label>
10835                          </li><li class="flex items-center justify-start">
10836                            <input
10837                              type="checkbox"
10838                              class="filter-checkbox custom-input peer sr-only"
10839                              name="filter.p.vendor"
10840                              value="Project Pargo"
10841                              @input.debounce="filterFormSubmit"
10842                              id="filter-sidebar-drawer-brand-11"
10843                              
10844                              
10845                              :disabled="loading"
10846                            >
10847                            <label
10848                              for="filter-sidebar-drawer-brand-11"
10849                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10850                              
10851                            >
10852                              <span
10853                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10854                              ></span>
10855                              Project Pargo
10856                            </label>
10857                          </li><li class="flex items-center justify-start">
10858                            <input
10859                              type="checkbox"
10860                              class="filter-checkbox custom-input peer sr-only"
10861                              name="filter.p.vendor"
10862                              value="Trends"
10863                              @input.debounce="filterFormSubmit"
10864                              id="filter-sidebar-drawer-brand-12"
10865                              
10866                              
10867                              :disabled="loading"
10868                            >
10869                            <label
10870                              for="filter-sidebar-drawer-brand-12"
10871                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10872                              
10873                            >
10874                              <span
10875                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10876                              ></span>
10877                              Trends
10878                            </label>
10879                          </li><li class="flex items-center justify-start">
10880                            <input
10881                              type="checkbox"
10882                              class="filter-checkbox custom-input peer sr-only"
10883                              name="filter.p.vendor"
10884                              value="UFlex"
10885                              @input.debounce="filterFormSubmit"
10886                              id="filter-sidebar-drawer-brand-13"
10887                              
10888                              
10889                              :disabled="loading"
10890                            >
10891                            <label
10892                              for="filter-sidebar-drawer-brand-13"
10893                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10894                              
10895                            >
10896                              <span
10897                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10898                              ></span>
10899                              UFlex
10900                            </label>
10901                          </li><li class="flex items-center justify-start">
10902                            <input
10903                              type="checkbox"
10904                              class="filter-checkbox custom-input peer sr-only"
10905                              name="filter.p.vendor"
10906                              value="Trends NZ"
10907                              @input.debounce="filterFormSubmit"
10908                              id="filter-sidebar-drawer-brand-14"
10909                              
10910                              
10911                              :disabled="loading"
10912                            >
10913                            <label
10914                              for="filter-sidebar-drawer-brand-14"
10915                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
10916                              
10917                            >
10918                              <span
10919                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
10920                              ></span>
10921                              Trends NZ
10922                            </label>
10923                          </li></ul>
10924                    
10925                    <noscript>
10926                      <div class="mt-4">
10927                        <button
10928                          class="theme-button w-fit"
10929                          type="submit"
10930                        >
10931                          Apply
10932                        </button>
10933                      </div>
10934                    </noscript></div>
10935            </data-island><data-island
10936              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
10937              data-index="2"
10938              x-data="{ expanded: true }"
10939              data-filterable-filter-fragment="filter.p.product_type"
10940            >
10941              <h3
10942                class="px-4"
10943              >
10944                <button
10945                  class="break-word flex w-full items-center justify-between"
10946                  type="button"
10947                  @click="expanded = ! expanded"
10948                >
10949                  Product type
10950<div
10951                      class="flex h-4 w-4 shrink-0 items-center"
10952                      x-show="!expanded"
10953                      
10954                        style="display: none;"
10955                      
10956                    >
10957                      <svg
10958  class="theme-icon"
10959  xmlns="http://www.w3.org/2000/svg"
10960  fill="none"
10961  viewBox="0 0 24 24"
10962>
10963  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
10964</svg>
10965
10966                    </div>
10967                    <div
10968                      class="flex h-4 w-4 shrink-0 items-center"
10969                      x-show="expanded"
10970                      
10971                    ><svg
10972  class="theme-icon"
10973  xmlns="http://www.w3.org/2000/svg"
10974  fill="none"
10975  viewBox="0 0 24 24"
10976>
10977  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
10978</svg>
10979</div></button>
10980              </h3>
10981              <div
10982                class="px-4"
10983                x-show="expanded"
10984                x-collapse
10985                
10986              >
10987                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
10988                            <input
10989                              type="checkbox"
10990                              class="filter-checkbox custom-input peer sr-only"
10991                              name="filter.p.product_type"
10992                              value="Accessories"
10993                              @input.debounce="filterFormSubmit"
10994                              id="filter-sidebar-drawer-product-type-1"
10995                              
10996                              
10997                              :disabled="loading"
10998                            >
10999                            <label
11000                              for="filter-sidebar-drawer-product-type-1"
11001                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11002                              
11003                            >
11004                              <span
11005                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11006                              ></span>
11007                              Accessories
11008                            </label>
11009                          </li><li class="flex items-center justify-start">
11010                            <input
11011                              type="checkbox"
11012                              class="filter-checkbox custom-input peer sr-only"
11013                              name="filter.p.product_type"
11014                              value="Apron"
11015                              @input.debounce="filterFormSubmit"
11016                              id="filter-sidebar-drawer-product-type-2"
11017                              
11018                              
11019                              :disabled="loading"
11020                            >
11021                            <label
11022                              for="filter-sidebar-drawer-product-type-2"
11023                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11024                              
11025                            >
11026                              <span
11027                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11028                              ></span>
11029                              Apron
11030                            </label>
11031                          </li><li class="flex items-center justify-start">
11032                            <input
11033                              type="checkbox"
11034                              class="filter-checkbox custom-input peer sr-only"
11035                              name="filter.p.product_type"
11036                              value="Bag"
11037                              @input.debounce="filterFormSubmit"
11038                              id="filter-sidebar-drawer-product-type-3"
11039                              
11040                              
11041                              :disabled="loading"
11042                            >
11043                            <label
11044                              for="filter-sidebar-drawer-product-type-3"
11045                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11046                              
11047                            >
11048                              <span
11049                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11050                              ></span>
11051                              Bag
11052                            </label>
11053                          </li><li class="flex items-center justify-start">
11054                            <input
11055                              type="checkbox"
11056                              class="filter-checkbox custom-input peer sr-only"
11057                              name="filter.p.product_type"
11058                              value="Drinkware"
11059                              @input.debounce="filterFormSubmit"
11060                              id="filter-sidebar-drawer-product-type-4"
11061                              
11062                              
11063                              :disabled="loading"
11064                            >
11065                            <label
11066                              for="filter-sidebar-drawer-product-type-4"
11067                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11068                              
11069                            >
11070                              <span
11071                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11072                              ></span>
11073                              Drinkware
11074                            </label>
11075                          </li><li class="flex items-center justify-start">
11076                            <input
11077                              type="checkbox"
11078                              class="filter-checkbox custom-input peer sr-only"
11079                              name="filter.p.product_type"
11080                              value="Headwear"
11081                              @input.debounce="filterFormSubmit"
11082                              id="filter-sidebar-drawer-product-type-5"
11083                              
11084                              
11085                              :disabled="loading"
11086                            >
11087                            <label
11088                              for="filter-sidebar-drawer-product-type-5"
11089                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11090                              
11091                            >
11092                              <span
11093                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11094                              ></span>
11095                              Headwear
11096                            </label>
11097                          </li><li class="flex items-center justify-start">
11098                            <input
11099                              type="checkbox"
11100                              class="filter-checkbox custom-input peer sr-only"
11101                              name="filter.p.product_type"
11102                              value="Leggings"
11103                              @input.debounce="filterFormSubmit"
11104                              id="filter-sidebar-drawer-product-type-6"
11105                              
11106                              
11107                              :disabled="loading"
11108                            >
11109                            <label
11110                              for="filter-sidebar-drawer-product-type-6"
11111                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11112                              
11113                            >
11114                              <span
11115                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11116                              ></span>
11117                              Leggings
11118                            </label>
11119                          </li><li class="flex items-center justify-start">
11120                            <input
11121                              type="checkbox"
11122                              class="filter-checkbox custom-input peer sr-only"
11123                              name="filter.p.product_type"
11124                              value="Outerwear"
11125                              @input.debounce="filterFormSubmit"
11126                              id="filter-sidebar-drawer-product-type-7"
11127                              
11128                              
11129                              :disabled="loading"
11130                            >
11131                            <label
11132                              for="filter-sidebar-drawer-product-type-7"
11133                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11134                              
11135                            >
11136                              <span
11137                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11138                              ></span>
11139                              Outerwear
11140                            </label>
11141                          </li><li class="flex items-center justify-start">
11142                            <input
11143                              type="checkbox"
11144                              class="filter-checkbox custom-input peer sr-only"
11145                              name="filter.p.product_type"
11146                              value="Pants"
11147                              @input.debounce="filterFormSubmit"
11148                              id="filter-sidebar-drawer-product-type-8"
11149                              
11150                              
11151                              :disabled="loading"
11152                            >
11153                            <label
11154                              for="filter-sidebar-drawer-product-type-8"
11155                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11156                              
11157                            >
11158                              <span
11159                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11160                              ></span>
11161                              Pants
11162                            </label>
11163                          </li><li class="flex items-center justify-start">
11164                            <input
11165                              type="checkbox"
11166                              class="filter-checkbox custom-input peer sr-only"
11167                              name="filter.p.product_type"
11168                              value="Polo"
11169                              @input.debounce="filterFormSubmit"
11170                              id="filter-sidebar-drawer-product-type-9"
11171                              
11172                              
11173                              :disabled="loading"
11174                            >
11175                            <label
11176                              for="filter-sidebar-drawer-product-type-9"
11177                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11178                              
11179                            >
11180                              <span
11181                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11182                              ></span>
11183                              Polo
11184                            </label>
11185                          </li><li class="flex items-center justify-start">
11186                            <input
11187                              type="checkbox"
11188                              class="filter-checkbox custom-input peer sr-only"
11189                              name="filter.p.product_type"
11190                              value="Shirt"
11191                              @input.debounce="filterFormSubmit"
11192                              id="filter-sidebar-drawer-product-type-10"
11193                              
11194                              
11195                              :disabled="loading"
11196                            >
11197                            <label
11198                              for="filter-sidebar-drawer-product-type-10"
11199                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11200                              
11201                            >
11202                              <span
11203                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11204                              ></span>
11205                              Shirt
11206                            </label>
11207                          </li><li class="flex items-center justify-start">
11208                            <input
11209                              type="checkbox"
11210                              class="filter-checkbox custom-input peer sr-only"
11211                              name="filter.p.product_type"
11212                              value="Shorts"
11213                              @input.debounce="filterFormSubmit"
11214                              id="filter-sidebar-drawer-product-type-11"
11215                              
11216                              
11217                              :disabled="loading"
11218                            >
11219                            <label
11220                              for="filter-sidebar-drawer-product-type-11"
11221                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11222                              
11223                            >
11224                              <span
11225                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11226                              ></span>
11227                              Shorts
11228                            </label>
11229                          </li><li class="flex items-center justify-start">
11230                            <input
11231                              type="checkbox"
11232                              class="filter-checkbox custom-input peer sr-only"
11233                              name="filter.p.product_type"
11234                              value="Singlet"
11235                              @input.debounce="filterFormSubmit"
11236                              id="filter-sidebar-drawer-product-type-12"
11237                              
11238                              
11239                              :disabled="loading"
11240                            >
11241                            <label
11242                              for="filter-sidebar-drawer-product-type-12"
11243                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11244                              
11245                            >
11246                              <span
11247                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11248                              ></span>
11249                              Singlet
11250                            </label>
11251                          </li><li class="flex items-center justify-start">
11252                            <input
11253                              type="checkbox"
11254                              class="filter-checkbox custom-input peer sr-only"
11255                              name="filter.p.product_type"
11256                              value="Socks"
11257                              @input.debounce="filterFormSubmit"
11258                              id="filter-sidebar-drawer-product-type-13"
11259                              
11260                              
11261                              :disabled="loading"
11262                            >
11263                            <label
11264                              for="filter-sidebar-drawer-product-type-13"
11265                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11266                              
11267                            >
11268                              <span
11269                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11270                              ></span>
11271                              Socks
11272                            </label>
11273                          </li><li class="flex items-center justify-start">
11274                            <input
11275                              type="checkbox"
11276                              class="filter-checkbox custom-input peer sr-only"
11277                              name="filter.p.product_type"
11278                              value="Stationery"
11279                              @input.debounce="filterFormSubmit"
11280                              id="filter-sidebar-drawer-product-type-14"
11281                              
11282                              
11283                              :disabled="loading"
11284                            >
11285                            <label
11286                              for="filter-sidebar-drawer-product-type-14"
11287                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11288                              
11289                            >
11290                              <span
11291                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11292                              ></span>
11293                              Stationery
11294                            </label>
11295                          </li><li class="flex items-center justify-start">
11296                            <input
11297                              type="checkbox"
11298                              class="filter-checkbox custom-input peer sr-only"
11299                              name="filter.p.product_type"
11300                              value="Sweatshirt"
11301                              @input.debounce="filterFormSubmit"
11302                              id="filter-sidebar-drawer-product-type-15"
11303                              
11304                              
11305                              :disabled="loading"
11306                            >
11307                            <label
11308                              for="filter-sidebar-drawer-product-type-15"
11309                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11310                              
11311                            >
11312                              <span
11313                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11314                              ></span>
11315                              Sweatshirt
11316                            </label>
11317                          </li><li class="flex items-center justify-start">
11318                            <input
11319                              type="checkbox"
11320                              class="filter-checkbox custom-input peer sr-only"
11321                              name="filter.p.product_type"
11322                              value="T-shirt"
11323                              @input.debounce="filterFormSubmit"
11324                              id="filter-sidebar-drawer-product-type-16"
11325                              
11326                              
11327                              :disabled="loading"
11328                            >
11329                            <label
11330                              for="filter-sidebar-drawer-product-type-16"
11331                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11332                              
11333                            >
11334                              <span
11335                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11336                              ></span>
11337                              T-shirt
11338                            </label>
11339                          </li><li class="flex items-center justify-start">
11340                            <input
11341                              type="checkbox"
11342                              class="filter-checkbox custom-input peer sr-only"
11343                              name="filter.p.product_type"
11344                              value="Tea towel"
11345                              @input.debounce="filterFormSubmit"
11346                              id="filter-sidebar-drawer-product-type-17"
11347                              
11348                              
11349                              :disabled="loading"
11350                            >
11351                            <label
11352                              for="filter-sidebar-drawer-product-type-17"
11353                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11354                              
11355                            >
11356                              <span
11357                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11358                              ></span>
11359                              Tea towel
11360                            </label>
11361                          </li></ul>
11362                    
11363                    <noscript>
11364                      <div class="mt-4">
11365                        <button
11366                          class="theme-button w-fit"
11367                          type="submit"
11368                        >
11369                          Apply
11370                        </button>
11371                      </div>
11372                    </noscript></div>
11373            </data-island><data-island
11374              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
11375              data-index="3"
11376              x-data="{ expanded: true }"
11377              data-filterable-filter-fragment="filter.p.m.custom.moq_tier"
11378            >
11379              <h3
11380                class="px-4"
11381              >
11382                <button
11383                  class="break-word flex w-full items-center justify-between"
11384                  type="button"
11385                  @click="expanded = ! expanded"
11386                >
11387                  Minimum order
11388<div
11389                      class="flex h-4 w-4 shrink-0 items-center"
11390                      x-show="!expanded"
11391                      
11392                        style="display: none;"
11393                      
11394                    >
11395                      <svg
11396  class="theme-icon"
11397  xmlns="http://www.w3.org/2000/svg"
11398  fill="none"
11399  viewBox="0 0 24 24"
11400>
11401  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
11402</svg>
11403
11404                    </div>
11405                    <div
11406                      class="flex h-4 w-4 shrink-0 items-center"
11407                      x-show="expanded"
11408                      
11409                    ><svg
11410  class="theme-icon"
11411  xmlns="http://www.w3.org/2000/svg"
11412  fill="none"
11413  viewBox="0 0 24 24"
11414>
11415  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
11416</svg>
11417</div></button>
11418              </h3>
11419              <div
11420                class="px-4"
11421                x-show="expanded"
11422                x-collapse
11423                
11424              >
11425                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
11426                            <input
11427                              type="checkbox"
11428                              class="filter-checkbox custom-input peer sr-only"
11429                              name="filter.p.m.custom.moq_tier"
11430                              value="24 units (smaller budget)"
11431                              @input.debounce="filterFormSubmit"
11432                              id="filter-sidebar-drawer-minimum-order-1"
11433                              
11434                              
11435                              :disabled="loading"
11436                            >
11437                            <label
11438                              for="filter-sidebar-drawer-minimum-order-1"
11439                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11440                              
11441                            >
11442                              <span
11443                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11444                              ></span>
11445                              24 units (smaller budget)
11446                            </label>
11447                          </li><li class="flex items-center justify-start">
11448                            <input
11449                              type="checkbox"
11450                              class="filter-checkbox custom-input peer sr-only"
11451                              name="filter.p.m.custom.moq_tier"
11452                              value="Up to 50 units"
11453                              @input.debounce="filterFormSubmit"
11454                              id="filter-sidebar-drawer-minimum-order-2"
11455                              
11456                              
11457                              :disabled="loading"
11458                            >
11459                            <label
11460                              for="filter-sidebar-drawer-minimum-order-2"
11461                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11462                              
11463                            >
11464                              <span
11465                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11466                              ></span>
11467                              Up to 50 units
11468                            </label>
11469                          </li><li class="flex items-center justify-start">
11470                            <input
11471                              type="checkbox"
11472                              class="filter-checkbox custom-input peer sr-only"
11473                              name="filter.p.m.custom.moq_tier"
11474                              value="Up to 100 units"
11475                              @input.debounce="filterFormSubmit"
11476                              id="filter-sidebar-drawer-minimum-order-3"
11477                              
11478                              
11479                              :disabled="loading"
11480                            >
11481                            <label
11482                              for="filter-sidebar-drawer-minimum-order-3"
11483                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11484                              
11485                            >
11486                              <span
11487                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11488                              ></span>
11489                              Up to 100 units
11490                            </label>
11491                          </li><li class="flex items-center justify-start">
11492                            <input
11493                              type="checkbox"
11494                              class="filter-checkbox custom-input peer sr-only"
11495                              name="filter.p.m.custom.moq_tier"
11496                              value="Up to 250 units"
11497                              @input.debounce="filterFormSubmit"
11498                              id="filter-sidebar-drawer-minimum-order-4"
11499                              
11500                              
11501                              :disabled="loading"
11502                            >
11503                            <label
11504                              for="filter-sidebar-drawer-minimum-order-4"
11505                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11506                              
11507                            >
11508                              <span
11509                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11510                              ></span>
11511                              Up to 250 units
11512                            </label>
11513                          </li><li class="flex items-center justify-start">
11514                            <input
11515                              type="checkbox"
11516                              class="filter-checkbox custom-input peer sr-only"
11517                              name="filter.p.m.custom.moq_tier"
11518                              value="Up to 500 units"
11519                              @input.debounce="filterFormSubmit"
11520                              id="filter-sidebar-drawer-minimum-order-5"
11521                              
11522                              
11523                              :disabled="loading"
11524                            >
11525                            <label
11526                              for="filter-sidebar-drawer-minimum-order-5"
11527                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11528                              
11529                            >
11530                              <span
11531                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11532                              ></span>
11533                              Up to 500 units
11534                            </label>
11535                          </li><li class="flex items-center justify-start">
11536                            <input
11537                              type="checkbox"
11538                              class="filter-checkbox custom-input peer sr-only"
11539                              name="filter.p.m.custom.moq_tier"
11540                              value="&gt; 500 units (bigger budget)"
11541                              @input.debounce="filterFormSubmit"
11542                              id="filter-sidebar-drawer-minimum-order-6"
11543                              
11544                              
11545                              :disabled="loading"
11546                            >
11547                            <label
11548                              for="filter-sidebar-drawer-minimum-order-6"
11549                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11550                              
11551                            >
11552                              <span
11553                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11554                              ></span>
11555                              > 500 units (bigger budget)
11556                            </label>
11557                          </li></ul>
11558                    
11559                    <noscript>
11560                      <div class="mt-4">
11561                        <button
11562                          class="theme-button w-fit"
11563                          type="submit"
11564                        >
11565                          Apply
11566                        </button>
11567                      </div>
11568                    </noscript></div>
11569            </data-island><data-island
11570              class="w-full border-b-gridline border-gridline-color py-section-vertical-spacing"
11571              data-index="4"
11572              x-data="{ expanded: true }"
11573              data-filterable-filter-fragment="filter.p.m.custom.lead_time_teir"
11574            >
11575              <h3
11576                class="px-4"
11577              >
11578                <button
11579                  class="break-word flex w-full items-center justify-between"
11580                  type="button"
11581                  @click="expanded = ! expanded"
11582                >
11583                  Lead time
11584<div
11585                      class="flex h-4 w-4 shrink-0 items-center"
11586                      x-show="!expanded"
11587                      
11588                        style="display: none;"
11589                      
11590                    >
11591                      <svg
11592  class="theme-icon"
11593  xmlns="http://www.w3.org/2000/svg"
11594  fill="none"
11595  viewBox="0 0 24 24"
11596>
11597  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
11598</svg>
11599
11600                    </div>
11601                    <div
11602                      class="flex h-4 w-4 shrink-0 items-center"
11603                      x-show="expanded"
11604                      
11605                    ><svg
11606  class="theme-icon"
11607  xmlns="http://www.w3.org/2000/svg"
11608  fill="none"
11609  viewBox="0 0 24 24"
11610>
11611  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
11612</svg>
11613</div></button>
11614              </h3>
11615              <div
11616                class="px-4"
11617                x-show="expanded"
11618                x-collapse
11619                
11620              >
11621                      <ul class="mt-4 space-y-1"><li class="flex items-center justify-start">
11622                            <input
11623                              type="checkbox"
11624                              class="filter-checkbox custom-input peer sr-only"
11625                              name="filter.p.m.custom.lead_time_teir"
11626                              value="Up to 10 working days (quick)"
11627                              @input.debounce="filterFormSubmit"
11628                              id="filter-sidebar-drawer-lead-time-1"
11629                              
11630                              
11631                              :disabled="loading"
11632                            >
11633                            <label
11634                              for="filter-sidebar-drawer-lead-time-1"
11635                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11636                              
11637                            >
11638                              <span
11639                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11640                              ></span>
11641                              Up to 10 working days (quick)
11642                            </label>
11643                          </li><li class="flex items-center justify-start">
11644                            <input
11645                              type="checkbox"
11646                              class="filter-checkbox custom-input peer sr-only"
11647                              name="filter.p.m.custom.lead_time_teir"
11648                              value="Up to 20 working days"
11649                              @input.debounce="filterFormSubmit"
11650                              id="filter-sidebar-drawer-lead-time-2"
11651                              
11652                              
11653                              :disabled="loading"
11654                            >
11655                            <label
11656                              for="filter-sidebar-drawer-lead-time-2"
11657                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11658                              
11659                            >
11660                              <span
11661                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11662                              ></span>
11663                              Up to 20 working days
11664                            </label>
11665                          </li><li class="flex items-center justify-start">
11666                            <input
11667                              type="checkbox"
11668                              class="filter-checkbox custom-input peer sr-only"
11669                              name="filter.p.m.custom.lead_time_teir"
11670                              value="Up to 30 working days"
11671                              @input.debounce="filterFormSubmit"
11672                              id="filter-sidebar-drawer-lead-time-3"
11673                              
11674                              
11675                              :disabled="loading"
11676                            >
11677                            <label
11678                              for="filter-sidebar-drawer-lead-time-3"
11679                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11680                              
11681                            >
11682                              <span
11683                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11684                              ></span>
11685                              Up to 30 working days
11686                            </label>
11687                          </li><li class="flex items-center justify-start">
11688                            <input
11689                              type="checkbox"
11690                              class="filter-checkbox custom-input peer sr-only"
11691                              name="filter.p.m.custom.lead_time_teir"
11692                              value="Up to 40 working days"
11693                              @input.debounce="filterFormSubmit"
11694                              id="filter-sidebar-drawer-lead-time-4"
11695                              
11696                              
11697                              :disabled="loading"
11698                            >
11699                            <label
11700                              for="filter-sidebar-drawer-lead-time-4"
11701                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11702                              
11703                            >
11704                              <span
11705                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11706                              ></span>
11707                              Up to 40 working days
11708                            </label>
11709                          </li><li class="flex items-center justify-start">
11710                            <input
11711                              type="checkbox"
11712                              class="filter-checkbox custom-input peer sr-only"
11713                              name="filter.p.m.custom.lead_time_teir"
11714                              value="Up to 50 working days"
11715                              @input.debounce="filterFormSubmit"
11716                              id="filter-sidebar-drawer-lead-time-5"
11717                              
11718                              
11719                              :disabled="loading"
11720                            >
11721                            <label
11722                              for="filter-sidebar-drawer-lead-time-5"
11723                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11724                              
11725                            >
11726                              <span
11727                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11728                              ></span>
11729                              Up to 50 working days
11730                            </label>
11731                          </li><li class="flex items-center justify-start">
11732                            <input
11733                              type="checkbox"
11734                              class="filter-checkbox custom-input peer sr-only"
11735                              name="filter.p.m.custom.lead_time_teir"
11736                              value="&gt; 50 working days (patient)"
11737                              @input.debounce="filterFormSubmit"
11738                              id="filter-sidebar-drawer-lead-time-6"
11739                              
11740                              
11741                              :disabled="loading"
11742                            >
11743                            <label
11744                              for="filter-sidebar-drawer-lead-time-6"
11745                              class="cursor-pointer  flex items-center peer-checked:[&>span:first-child]:bg-current hover:text-scheme-accent"
11746                              
11747                            >
11748                              <span
11749                                class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"
11750                              ></span>
11751                              > 50 working days (patient)
11752                            </label>
11753                          </li></ul>
11754                    
11755                    <noscript>
11756                      <div class="mt-4">
11757                        <button
11758                          class="theme-button w-fit"
11759                          type="submit"
11760                        >
11761                          Apply
11762                        </button>
11763                      </div>
11764                    </noscript></div>
11765            </data-island></div>
11766      </div>
11767    </div>
11768  </div>
11769
11770
11771  <div
11772    class="sticky bottom-0 z-10 mt-auto flex items-baseline justify-between gap-5 border-t-gridline border-gridline-color bg-scheme-background px-4 py-4 text-scheme-text"
11773    data-filterable-filter-fragment="clear"
11774  >
11775    <button
11776      class="theme-button theme-button--no-arrow grow text-center"
11777      type="button"
11778      @click.prevent="$store.modals.close('filters')"
11779    >
11780      Apply
11781    </button>
11782    
11783  </div>
11784
11785
11786      </form>
11787    </div>
11788  </template>
11789</data-island>
11790
11791  </data-island>
11792
11793<style> #shopify-section-template--21296459317318__main .pb-8 {border-right: 1px solid black;} #shopify-section-template--21296459317318__main .px-4 {border-top: 1px solid black;} #shopify-section-template--21296459317318__main .border-b-gridline {padding-bottom: 0px;} #shopify-section-template--21296459317318__main button.break-word.flex.w-full.items-center.justify-between {font-weight: 500 !important; font-size: 1.15rem !important; line-height: 1.5 !important;} #shopify-section-template--21296459317318__main .text-center.break-word > p[aria-hidden="true"] {font-weight: 550 !important; font-size: 1.15rem !important;} </style></div><div id="shopify-section-template--21296459317318__white_space_r9i4ny" class="shopify-section"><section
11794  id="section-template--21296459317318__white_space_r9i4ny"
11795  class=" overflow-hidden border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
11796  data-color-scheme="scheme1"
11797></section><style data-shopify>#section-template--21296459317318__white_space_r9i4ny {
11798    height: calc(var(--spacing) * (2 - 1));
11799  }
11800
11801  @media screen and (min-width: 768px) {
11802    #section-template--21296459317318__white_space_r9i4ny {
11803      height: calc(var(--spacing) * 2);
11804    }
11805  }</style>
11806</div><div id="shopify-section-template--21296459317318__white_space_JD6TpL" class="shopify-section"><section
11807  id="section-template--21296459317318__white_space_JD6TpL"
11808  class=" overflow-hidden border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
11809  data-color-scheme="scheme1"
11810></section><style data-shopify>#section-template--21296459317318__white_space_JD6TpL {
11811    height: calc(var(--spacing) * (9.5 - 1));
11812  }
11813
11814  @media screen and (min-width: 768px) {
11815    #section-template--21296459317318__white_space_JD6TpL {
11816      height: calc(var(--spacing) * 9.5);
11817    }
11818  }</style>
11819</div><div id="shopify-section-template--21296459317318__shogun-below" class="shopify-section">
11820
11821
11822
11823
11824</div><div id="shopify-section-template--21296459317318__shogun-optimizer" class="shopify-section">
11825
11826
11827
11828
11829</div>
11829<script data-locksmith>
11830    var load = function () {
11831
11832          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
11833            Locksmith.ping();
11834          }
11835
11836
11837      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
11838        event.preventDefault();
11839        var data = Locksmith.util.serializeForm(event.target);
11840        var options = { spinner: false, container: 'locksmith-content' };
11841        // a form rendered inline (section replacement) must keep that context
11842        // on resubmit: same enclosing container (there may be several on the
11843        // page), and no layout classes or cancel affordance in the re-render
11844        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
11845        if (inlineContainer) {
11846          options.container = inlineContainer;
11847        }
11848        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
11849          options.include_layout_classes = false;
11850        }
11851        Locksmith.postResource(data, options);
11852      });
11853
11854      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
11855        event.preventDefault();
11856        Locksmith.postResource({}, { spinner: true, container: document });
11857      });
11858
11859      Locksmith.submitPasscode = function (passcode) {
11860        Locksmith.postResource(
11861          { passcode: passcode },
11862          { spinner: false, container: 'locksmith-content' }
11863        );
11864      };
11865    };
11866
11867    if (typeof Locksmith !== 'undefined') {
11868      load();
11869    } else {
11870      window.addEventListener('load', load);
11871    }
11872  </script>
11872
11873    </main>
11874
11875    <!-- BEGIN sections: footer-group -->
11876<div id="shopify-section-sections--21296457154630__176903720293717250" class="shopify-section shopify-section-group-footer-group">
11877
11878
11879
11880</div><div id="shopify-section-sections--21296457154630__footer" class="shopify-section shopify-section-group-footer-group"><footer
11881  class="bg-scheme-background text-scheme-text"
11882  data-color-scheme="scheme2"
11883  data-theme-footer
11884>
11885  
11886    <section
11887  class="border-b-gridline border-gridline-color bg-scheme-background py-section-vertical-spacing text-scheme-text"
11888  data-color-scheme="scheme2"
11889>
11890  <div class="justify-center px-section-horizontal-spacing lg:flex lg:items-center lg:justify-between">
11891    <div class="text-base">
11892      
11893
11894      
11895        <div class="[&_a[href]]:underline [&_a[href]]:hover:text-scheme-accent">
11896          <h2>We occasionally send out <strong>newsletters</strong>. You should sign up →</h2>
11897        </div>
11898      
11899    </div>
11900
11901    <div class="mt-theme-half lg:mt-0">
11902      <form method="post" action="/contact#Contact-sections--21296457154630__footer" id="Contact-sections--21296457154630__footer" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
11903        
11904
11905        
11906          <input type="hidden" name="contact[tags]" value="newsletter">
11907          <div class="items-end lg:ml-4 lg:flex">
11908            <label class="sr-only" for="Email-sections--21296457154630__footer">Email address</label>
11909            <input
11910              type="email"
11911              class="font-body block w-full border-b-text border-current bg-transparent pb-1 leading-[inherit] placeholder-current"
11912              name="contact[email]"
11913              id="Email-sections--21296457154630__footer"
11914              value=""
11915              placeholder="Email address"
11916              autocorrect="off"
11917              autocapitalize="off"
11918            >
11919            <button
11920              class="theme-link mt-2 shrink-0 py-1 leading-[inherit] hover:text-scheme-accent lg:ml-2 lg:mt-0"
11921              type="submit"
11922              name="commit"
11923              id="Subscribe"
11924            >Subscribe</button>
11925          </div>
11926        
11927      </form>
11928    </div>
11929  </div>
11930</section>
11931
11932  
11933  
11934    <div class="border-b-gridline border-gridline-color">
11935      <div
11936        class="grid lg:grid-cols-var bg-gridline-color"
11937        style="--grid-cols: 12;"
11938      ><div
11939            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
11940            style="--col-span: 3;"
11941            
11942          ><div class="inline-block text-left">
11943                  
11944                  
11945                    <h2 class="font-heading mb-4 text-base">
11946                      Explore
11947                    </h2>
11948                  
11949                  <ul class="list-none space-y-1">
11950                    
11951<li>
11952                        <a
11953                          href="/pages/all-products"
11954                          class="hover:text-scheme-accent"
11955                        >
11956                          Products
11957                        </a>
11958                      </li>
11959                    
11960<li>
11961                        <a
11962                          href="/pages/services"
11963                          class="hover:text-scheme-accent"
11964                        >
11965                          Services
11966                        </a>
11967                      </li>
11968                    
11969<li>
11970                        <a
11971                          href="https://www.theprintroom.nz/apps/order-tracker"
11972                          class="hover:text-scheme-accent"
11973                        >
11974                          Track your order
11975                        </a>
11976                      </li>
11977                    
11978<li>
11979                        <a
11980                          href="/pages/responsibility"
11981                          class="hover:text-scheme-accent"
11982                        >
11983                          Responsibility
11984                        </a>
11985                      </li>
11986                    
11987<li>
11988                        <a
11989                          href="/pages/about-print-room"
11990                          class="hover:text-scheme-accent"
11991                        >
11992                          About us
11993                        </a>
11994                      </li>
11995                    
11996                  </ul>
11997                </div></div><div
11998            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
11999            style="--col-span: 3;"
12000            
12001          ><div class="inline-block text-left">
12002                  
12003                  
12004                    <h2 class="font-heading mb-4 text-base">
12005                      Helpful stuff
12006                    </h2>
12007                  
12008                  <ul class="list-none space-y-1">
12009                    
12010<li>
12011                        <a
12012                          href="/pages/screen-printing-faqs-the-print-room-quality-screen-printing-garment-design-blank-clothing"
12013                          class="hover:text-scheme-accent"
12014                        >
12015                          FAQs
12016                        </a>
12017                      </li>
12018                    
12019<li>
12020                        <a
12021                          href="https://help.theprintroom.nz/"
12022                          class="hover:text-scheme-accent"
12023                        >
12024                          Resource hub
12025                        </a>
12026                      </li>
12027                    
12028<li>
12029                        <a
12030                          href="/pages/catalogue"
12031                          class="hover:text-scheme-accent"
12032                        >
12033                          Catalogues
12034                        </a>
12035                      </li>
12036                    
12037<li>
12038                        <a
12039                          href="/blogs/the-print-room-nz"
12040                          class="hover:text-scheme-accent"
12041                        >
12042                          Blogs
12043                        </a>
12044                      </li>
12045                    
12046<li>
12047                        <a
12048                          href="/pages/policies"
12049                          class="hover:text-scheme-accent"
12050                        >
12051                          Policies & T&Cs
12052                        </a>
12053                      </li>
12054                    
12055                  </ul>
12056                </div></div><div
12057            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
12058            style="--col-span: 3;"
12059            
12060          >
12061                  <h2 class="font-heading break-word mb-4 text-base">
12062                    Get in touch - NZ
12063                  </h2>
12064                
12065<div class="rte">
12066                  <p>21 Grosvenor St, Kensington, Dunedin,<br/>9012<br/>[email protected]<br/>NZ: 03 425 9694</p>
12067                </div></div><div
12068            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
12069            style="--col-span: 3;"
12070            
12071          >
12072                  <h2 class="font-heading break-word mb-4 text-base">
12073                    Get in touch - AUS
12074                  </h2>
12075                
12076<div class="rte">
12077                  <p>The Commons, 10–20 Gwynne St, Cremorne VIC 3121<br/>[email protected]<br/>+61 (0) 451 701 385</p>
12078                </div></div></div>
12079    </div>
12080  
12081
12082  <div>
12083    <div class="px-section-horizontal-spacing py-section-vertical-spacing lg:flex lg:flex-wrap lg:items-center lg:justify-between">
12084      <div class="mb-4 space-y-2 text-sm lg:mb-0 lg:flex-1">
12085        <p>
12086          &copy; 2026,
12087          <a href="/" title="">The Print Room</a>.
12088        </p>
12089        <ul class="flex flex-wrap gap-1 text-sm [&>li:last-child]:after:content-none [&>li]:after:content-['\00B7']">
12090          <li>
12091            
12092          </li></ul>
12093      </div>
12094      
12095</div>
12096  </div>
12097</footer>
12098
12099
12100  <style>
12101    .footer-logo-image {
12102      display: block;
12103      max-width: px;
12104    }
12105  </style>
12106
12107
12108
12109<style> #shopify-section-sections--21296457154630__footer .text-base {font-size: 20px;} #shopify-section-sections--21296457154630__footer .font-heading {text-decoration: underline;} #shopify-section-sections--21296457154630__footer .inline-block {line-height: 1.7;} #shopify-section-sections--21296457154630__footer /*.bg-scheme-background {border-top: 1px solid black;}*/.text-scheme-text {border-bottom: 1px solid black;} </style></div>
12110<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
12111<div id="shopify-section-sections--21296457220166__promo-popup" class="shopify-section shopify-section-group-overlay-group contents">
12112
12113
12114</div><div id="shopify-section-sections--21296457220166__age-check" class="shopify-section shopify-section-group-overlay-group contents">
12115</div><div id="shopify-section-sections--21296457220166__privacy-banner" class="shopify-section shopify-section-group-overlay-group contents">
12116
12117
12118</div>
12119<!-- END sections: overlay-group -->
12120
12121    <div
12122      id="screenreader-announce"
12123      class="sr-only"
12124      aria-live="polite"
12125      role="status"
12126    ></div>
12127
12128    <ul hidden>
12129      <li id="a11y-refresh-page-message">
12130        Choosing a selection results in a full page refresh.
12131      </li>
12132      <li id="a11y-selection-message">
12133        Press the space key then arrow keys to make a selection.
12134      </li>
12135    </ul>
12136
12137    
12138    <data-island
12139  role="complementary"
12140  aria-labelledby="left-drawer-slot"
12141  x-data
12142  on="load"
12143>
12144  <template x-teleport="body">
12145    <div
12146      x-show="$store.modals.leftDrawer.open"
12147      @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
12148      @click="$store.modals.close('leftDrawer')"
12149      class="fixed inset-0 z-110"
12150      data-color-scheme="scheme1"
12151      id="modals-leftDrawer"
12152    >
12153      <div
12154        @click.stop
12155        x-show="$store.modals.leftDrawer.open"
12156        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
12157        x-transition:enter-start="opacity-0 -translate-x-full"
12158        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
12159        x-transition:leave-end="-translate-x-full"
12160        x-trap.noscroll.inert="$store.modals.leftDrawer.open"
12161        class="mr-auto h-full w-11/12 max-w-md transform overflow-y-auto border-r-gridline border-gr
12161idline-color bg-scheme-background text-scheme-text transition-transform"
12162        id="left-drawer-slot"
12163        role="dialog"
12164        @left-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12165        @left-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12166        :aria-label="getModalLabel('leftDrawer', $el)"
12167        tabindex="-1"
12168      >
12169        <!-- Modal content is teleported here -->
12170      </div>
12171    </div>
12172  </template>
12173</data-island>
12174<data-island
12175  role="complementary"
12176  aria-labelledby="right-drawer-slot"
12177  x-data
12178  on="load"
12179>
12180  <template x-teleport="body">
12181    <div
12182      x-show="$store.modals.rightDrawer.open"
12183      @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
12184      @click="$store.modals.close('rightDrawer')"
12185      class="fixed inset-0 z-110"
12186      style="background: rgba(208,208,208,0.2); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px);"
12187      data-color-scheme="scheme1"
12188      id="modals-rightDrawer"
12189    >
12190      <div
12191        @click.stop
12192        x-show="$store.modals.rightDrawer.open"
12193        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
12194        x-transition:enter-start="translate-x-full"
12195        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
12196        x-transition:leave-end="translate-x-full"
12197        x-trap.noscroll.inert="$store.modals.rightDrawer.open"
12198        class="ml-auto h-full w-11/12 max-w-lg transform overflow-y-auto bg-scheme-background text-scheme-text"
12199        style="border-left: 2px solid black;"
12200        id="right-drawer-slot"
12201        role="dialog"
12202        @right-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12203        @right-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12204        :aria-label="getModalLabel('rightDrawer', $el)"
12205        tabindex="-1"
12206      >
12207        <!-- Modal content is teleported here -->
12208      </div>
12209    </div>
12210  </template>
12211</data-island>
12212<data-island
12213  role="complementary"
12214  aria-labelledby="quick-buy-drawer-slot-container"
12215  x-data
12216  on="load"
12217>
12218  <template x-teleport="body">
12219    <div
12220      x-show="$store.modals.quickBuyDrawer.open"
12221      @keydown.escape.prevent.stop="$store.modals.close('quickBuyDrawer')"
12222      @click="$store.modals.close('quickBuyDrawer')"
12223      class="fixed inset-0 z-110 flex lg:block"
12224      data-color-scheme="scheme1"
12225      id="modals-quickBuyDrawer"
12226    >
12227      <div
12228        @click.stop
12229        id="quick-buy-drawer-slot-container"
12230        x-show="$store.modals.quickBuyDrawer.open"
12231        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
12232        x-transition:enter-start="max-lg:translate-y-full lg:translate-x-full"
12233        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
12234        x-transition:leave-end="max-lg:translate-y-full lg:translate-x-full"
12235        x-trap.noscroll.inert="$store.modals.quickBuyDrawer.open"
12236        class="mt-auto h-auto w-full transform border-gridline-color bg-scheme-background text-scheme-text lg:ml-auto lg:h-full lg:w-11/12 lg:max-w-md lg:overflow-y-auto lg:border-l-gridline"
12237        role="dialog"
12238        @quick-buy-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12239        @quick-buy-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12240        :aria-label="getModalLabel('quickBuyDrawer', document.getElementById('quick-buy-drawer-slot'))"
12241        tabindex="-1"
12242      >
12243        <div class="sticky top-0 z-1 flex items-center justify-between border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4 lg:border-t-0">
12244          <div>
12245            Choose options
12246          </div>
12247          <button
12248            @click.prevent="$store.modals.close('quickBuyDrawer')"
12249            class="absolute right-0 top-0 block h-full"
12250            type="button"
12251          >
12252            <span class="sr-only">Close</span>
12253            <div class="my-auto mr-section-horizontal-spacing h-6 w-6">
12254              <svg
12255  class="theme-icon"
12256  xmlns="http://www.w3.org/2000/svg"
12257  fill="none"
12258  viewBox="0 0 24 24"
12259>
12260  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
12261</svg>
12262
12263            </div>
12264          </button>
12265        </div>
12266        <div
12267          id="quick-buy-drawer-slot"
12268          class="max-lg:h-fit max-lg:max-h-[65vh] max-lg:overflow-y-auto"
12269        ></div>
12270      </div>
12271    </div>
12272  </template>
12273</data-island>
12274<data-island
12275  x-data
12276  on="load"
12277>
12278  <template x-teleport="body">
12279    <div
12280      x-show="$store.modals.promo.open"
12281      class="pointer-events-none fixed inset-0 z-110"
12282      id="modals-promo"
12283    >
12284      <div
12285        x-show="$store.modals.promo.open"
12286        class="flex h-full w-full"
12287      >
12288        <div
12289          x-show="$store.modals.promo.open"
12290          x-transition:enter="transition duration-300 motion-reduce:duration-0 delay-75 outline-0"
12291          x-transition:enter-start="translate-y-full"
12292          x-transition:enter-end="translate-y-0"
12293          x-transition:leave="transition duration-300 motion-reduce:duration-0 outline-0"
12294          x-transition:leave-start="translate-y-0"
12295          x-transition:leave-end="translate-y-full"
12296          class="pointer-events-auto relative bottom-0 left-0 right-0 top-auto mt-auto w-full overflow-y-auto"
12297          id="promo-slot"
12298          role="dialog"
12299          @promo-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12300          @promo-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12301          :aria-label="getModalLabel('promo', $el)"
12302          tabindex="-1"
12303        >
12304          <!-- Modal content is teleported here -->
12305        </div>
12306      </div>
12307    </div>
12308  </template>
12309</data-island>
12310<data-island x-data on="load">
12311  <template x-teleport="body">
12312    <div
12313      x-show="$store.modals.popup.open"
12314      @keydown.escape.prevent.stop="$store.modals.close('popup')"
12315      @click="$store.modals.close('popup')"
12316      class="fixed inset-0 z-110 p-8 lg:p-24"
12317      data-color-scheme="scheme1"
12318      id="modals-popup"
12319    >
12320      <div
12321        x-show="$store.modals.popup.open"
12322        class="fixed inset-0 bg-transparent"
12323      >
12324        <!-- Overlay -->
12325      </div>
12326      <div
12327        x-show="$store.modals.popup.open"
12328        class="flex h-full w-full"
12329      >
12330        <div
12331          @click.stop
12332          x-show="$store.modals.popup.open"
12333          x-trap.noscroll.inert="$store.modals.popup.open"
12334          class="relative m-auto max-h-full w-full max-w-2xl overflow-y-auto border-gr
12334idline border-gridline-color bg-scheme-background text-scheme-text"
12335          id="popup-slot"
12336          role="dialog"
12337          @popup-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12338          @popup-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12339          :aria-label="getModalLabel('popup', $el)"
12340          tabindex="-1"
12341        >
12342          <!-- Modal content is teleported here -->
12343        </div>
12344      </div>
12345    </div>
12346  </template>
12347</data-island>
12348<data-island x-data on="load">
12349  <template x-teleport="body">
12350    <div
12351      x-show="$store.modals.modal.open"
12352      x-transition:enter="transition ease-out duration-300"
12353      x-transition:enter-start="opacity-0"
12354      x-transition:enter-end="opacity-100"
12355      x-transition:leave="transition ease-in duration-200"
12356      x-transition:leave-start="opacity-100"
12357      x-transition:leave-end="opacity-0"
12358      @keydown.escape.prevent.stop="$store.modals.close('modal')"
12359      @click="$store.modals.close('modal')"
12360      class="fixed inset-0 z-110 bg-black/40 backdrop-blur-md"
12361      style="backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);"
12362      data-color-scheme="scheme1"
12363      id="modals-modal"
12364    >
12365      <div
12366        x-show="$store.modals.modal.open"
12367        class="flex h-full w-full justify-center p-2 sm:p-4 md:p-6 lg:p-8"
12368        :class="$store.modals.modal.contents === 'quoteRequest' ? 'items-stretch sm:items-center sm:p-6 lg:p-10' : 'items-center'"
12369      >
12370        <div
12371          @click.stop
12372          x-show="$store.modals.modal.open"
12373          x-transition:enter="transition ease-out duration-300"
12374          x-transition:enter-start="opacity-0 scale-95 translate-y-4"
12375          x-transition:enter-end="opacity-100 scale-100 translate-y-0"
12376          x-transition:leave="transition ease-in duration-200"
12377          x-transition:leave-start="opacity-100 scale-100 translate-y-0"
12378          x-transition:leave-end="opacity-0 scale-95 translate-y-4"
12379          x-trap.inert="$store.modals.modal.open"
12380          class="relative flex w-full flex-col overflow-hidden text-scheme-text"
12381          :class="$store.modals.modal.contents === 'quoteRequest'
12382            ? 'max-w-2xl max-h-[100dvh] sm:max-h-[calc(100dvh-48px)] rounded-none sm:rounded-[24px]'
12383            : 'max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-3xl max-h-[calc(100vh-24px)] sm:max-h-[calc(100vh-48px)] md:max-h-[calc(100vh-64px)] lg:max-h-[calc(100vh-96px)] rounded-[20px]'"
12384          style="background: #FBFBF6; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);"
12385          id="modal-slot"
12386          role="dialog"
12387          @modal-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
12388          @modal-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
12389          :aria-label="getModalLabel('modal', $el)"
12390          tabindex="-1"
12391        >
12392          <!-- Modal content is teleported here -->
12393        </div>
12394      </div>
12395    </div>
12396  </template>
12397</data-island>
12398
12399
12400    
12401    
12402
12403    
12404    <style>
12405  /* Push chatbot left when quote drawer is open */
12406  body:has([data-favorites-drawer]:not([style*="display: none"])) #tidio-chat,
12407  body:has([data-favorites-drawer]:not([style*="display: none"])) .tidio-chat,
12408  body:has([data-favorites-drawer]:not([style*="display: none"])) iframe[title*="chat" i],
12409  body:has([data-favorites-drawer]:not([style*="display: none"])) iframe[title*="tidio" i],
12410  body:has([data-favorites-drawer]:not([style*="display: none"])) [class*="chat-widget"],
12411  body:has([data-favorites-drawer]:not([style*="display: none"])) [id*="chat-widget"] {
12412    transform: translateX(-464px) !important;
12413    transition: transform 0.3s ease !important;
12414  }
12415
12416  /* Push AI chatbot trigger left when drawer is open - desktop only */
12417  @media (min-width: 768px) {
12418    body:has([data-favorites-drawer]:not([style*="display: none"])) .ai-chatbot__trigger {
12419      right: calc(32rem + 24px) !important;
12420      transition: right 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
12421    }
12422  }
12423
12424  /* Override theme color scheme — force black text throughout drawer */
12425  [data-favorites-drawer] {
12426    --color-scheme-text: 0 0 0 !important;
12427  }
12428  [data-favorites-drawer] h2 {
12429    letter-spacing: 0px !important;
12430  }
12431  @media (max-width: 639px) {
12432    [data-favorites-drawer] h2 {
12433      text-align: left !important;
12434    }
12435  }
12436  [data-favorites-drawer] *,
12437  [data-favorites-drawer] h2,
12438  [data-favorites-drawer] p,
12439  [data-favorites-drawer] a,
12440  [data-favorites-drawer] span,
12441  [data-favorites-drawer] div,
12442  [data-favorites-drawer] li {
12443    color: black !important;
12444  }
12445
12446  /* Close button stays muted */
12447  [data-favorites-drawer] button[aria-label*="Close"],
12448  [data-favorites-drawer] button[aria-label*="Close"] svg {
12449    color: rgba(0,0,0,0.4) !important;
12450  }
12451
12452  /* Remove button stays muted, red on hover */
12453  [data-favorites-drawer] button[aria-label*="Remove"],
12454  [data-favorites-drawer] button[aria-label*="Remove"] svg {
12455    color: rgba(0,0,0,0.3) !important;
12456  }
12457  [data-favorites-drawer] button[aria-label*="Remove"]:hover,
12458  [data-favorites-drawer] button[aria-label*="Remove"]:hover svg {
12459    color: #ef4444 !important;
12460  }
12461
12462  /* Product dividers — solid black */
12463  [data-favorites-drawer] li {
12464    border-bottom: 1px solid black !important;
12465  }
12466  [data-favorites-drawer] li:last-child {
12467    border-bottom: none !important;
12468  }
12469
12470  /* Footer dividers — solid black */
12471  [data-favorites-drawer] .drawer-divider {
12472    border-top: 1px solid black !important;
12473  }
12474
12475  /* Start quote button — visible border */
12476  [data-favorites-drawer] .drawer-cta-btn {
12477    border: 2px solid #4B4D72 !important;
12478    color: #4B4D72 !important;
12479  }
12480  [data-favorites-drawer] .drawer-cta-btn:hover {
12481    background-color: #4B4D72 !important;
12482    color: #fff !important;
12483  }
12484</style>
12485
12486<data-island
12487  x-data="FavoritesDrawer"
12488  on="idle"
12489  x-cloak
12490>
12491  <div>
12492    <template x-teleport="#right-drawer-slot">
12493      <div
12494        class="flex h-full flex-col overflow-hidden" style="background: #FBFBF6;"
12495        :data-modal-label="`Your current project - ${$store.favorites.countWithText()}`"
12496        x-show="$store.modals.rightDrawer.contents === 'favorites'"
12497        data-favorites-drawer
12498      ><div class="relative shrink-0" style="padding: 80px 40px 24px;">
12499          <button
12500            @click.prevent="$store.modals.close('favorites')"
12501            class="absolute rounded-full p-2 transition-colors"
12502            style="top: 19px; right: 19px; color: rgba(0,0,0,0.4);"
12503            type="button"
12504          >
12505            <span class="sr-only">Close project drawer</span>
12506            <svg width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="m6 6 12 12m0-12-12 12"/></svg>
12507          </button>
12508          <h2 id="FavoritesTitle" tabindex="-1" class="font-bold" style="font-size: 41px; letter-spacing: 0px; line-height: 1; color: black; text-align: center;">
12509            Your current project
12510          </h2>
12511        </div><div class="flex-1 overflow-y-auto" style="padding: 20px 40px; min-height: 0;"><template x-if="$store.favorites.count === 0">
12512            <div class="flex flex-col items-center justify-center py-12 text-center">
12513              <p class="mb-2 text-base font-medium text-scheme-text">No products yet</p>
12514              <p class="mx-auto mb-8 max-w-xs text-sm text-scheme-text/60">Browse our products and add items to your project.</p>
12515              <a
12516                href="/collections/product-library"
12517                class="inline-flex items-center justify-center font-light transition"
12518                style="border: 2px solid #4B4D72; color: #4B4D72; border-radius: 50px; padding: 18px 48px; font-size: 24px;"
12519                onmouseover="this.style.backgroundColor='#4B4D72'; this.style.color='#fff';"
12520                onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4B4D72';"
12521                @click="$store.modals.close('favorites')"
12522              >
12523                Browse Products
12524              </a>
12525            </div>
12526          </template><template x-if="$store.favorites.count > 0">
12527            <ul>
12528              <template x-for="item in $store.favorites.items" :key="item.key">
12529                <li class="flex items-center" style="padding: 20px 0; gap: 16px;">
12530                  <button
12531                    @click="$store.favorites.remove(item.key)"
12532                    class="shrink-0 rounded-full p-1 transition-colors hover:text-red-500"
12533                    style="color: rgba(0,0,0,0.3);"
12534                    :aria-label="'Remove ' + item.title"
12535                  >
12536                    <svg width="19" height="19" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="m6 6 12 12m0-12-12 12"/></svg>
12537                  </button>
12538                  <a :href="item.url" class="block shrink-0 overflow-hidden bg-gray-100" style="width: 90px; height: 90px;">
12539                    <img :src="item.image" :alt="item.title" class="h-full w-full object-cover" loading="lazy" width="90" height="90">
12540                  </a>
12541                  <div class="min-w-0 flex-1">
12542                    <p style="font-size: 16px; font-weight: 300; line-height: 18px; color: black;" x-text="item.vendor || ''"></p>
12543                    <a :href="item.url" class="line-clamp-1" style="font-size: 16px; font-weight: 600; line-height: 18px; color: black;" x-text="item.title"></a>
12544                    <p class="text-xs text-gray-600" x-text="item.colour || (item.hasColours ? 'Colour TBC' : '')"></p>
12545                  </div>
12546                </li>
12547              </template>
12548            </ul>
12549          </template>
12550        </div><div class="shrink-0" style="padding: 0 40px 48px;">
12551          <template x-if="$store.favorites.count > 0">
12552            <div>
12553              <div class="drawer-divider" style="padding-top: 28px;">
12554                <p style="font-size: 23px; font-weight: 300; line-height: 30px;">Get a quote for these products.</p>
12555              </div>
12556              <div class="drawer-divider" style="margin-top: 24px; padding-top: 24px;">
12557                <p style="font-size: 15px; line-height: 20px;">Once submitted, one of our team will provide a more accurate quote based on the information provided. We aim to have a quote back to you within 5 working days.</p>
12558              </div>
12559              <button
12560                @click="$store.modals.close('favorites'); setTimeout(() => $store.modals.open('quoteRequest'), 300)"
12561                class="drawer-cta-btn inline-flex w-full items-center justify-center text-center transition"
12562                style="margin-top: 24px; min-height: 79px; border-radius: 50px; font-size: 27px; font-weight: 300;"
12563              >
12564                Start quote request
12565              </button>
12566            </div>
12567          </template>
12568        </div>
12569      </div>
12570    </template>
12571  </div>
12572</data-island>
12573
12574
12575    
12576    <style>
12577  :root {
12578    --color-quote-accent: #2B3990;
12579  }
12580
12581  /* Modal inputs */
12582  .qr-input,
12583  .qr-select {
12584    width: 100%;
12585    min-height: 2.15rem;
12586    border: 0.666px solid black;
12587    border-radius: 9999px;
12588    padding: 0.5rem 1rem;
12589    background: transparent;
12590    color: #111827;
12591    font-size: 0.875rem;
12592    transition: border-color 0.2s ease, box-shadow 0.2s ease;
12593  }
12594
12595  .qr-textarea {
12596    width: 100%;
12597    border: 0.75px solid black;
12598    border-radius: 10px;
12599    padding: 0.75rem 1rem;
12600    background: transparent;
12601    color: #111827;
12602    font-size: 0.875rem;
12603    resize: vertical;
12604    transition: border-color 0.2s ease, box-shadow 0.2s ease;
12605  }
12606
12607  .qr-input:focus,
12608  .qr-select:focus,
12609  .qr-textarea:focus {
12610    outline: none;
12611    border-color: var(--color-quote-accent, #2B3990);
12612    box-shadow: 0 0 0 3px rgba(43, 57, 144, 0.1);
12613  }
12614
12615  /* Ensure date & select inputs stay pill-shaped */
12616  input[type="date"].qr-input,
12617  select.qr-select {
12618    border-radius: 9999px !important;
12619    padding-left: 1rem;
12620    padding-right: 2.5rem;
12621  }
12622
12623  input[type="date"].qr-input::-webkit-calendar-picker-indicator {
12624    opacity: 0.4;
12625    cursor: pointer;
12626  }
12627
12628  /* Budget slider */
12629  .qr-slider {
12630    -webkit-appearance: none;
12631    appearance: none;
12632    width: 100%;
12633    height: 28px;
12634    background: transparent;
12635    outline: none;
12636    cursor: pointer;
12637    position: relative;
12638    z-index: 2;
12639    touch-action: none;
12640    margin: 0;
12641    padding: 0;
12642  }
12643
12644  .qr-slider::-webkit-slider-runnable-track {
12645    height: 6px;
12646    border-radius: 9999px;
12647    background: var(--slider-track, #e5e7eb);
12648    cursor: pointer;
12649  }
12650
12651  .qr-slider::-webkit-slider-thumb {
12652    -webkit-appearance: none;
12653    appearance: none;
12654    width: 24px;
12655    height: 24px;
12656    border-radius: 50%;
12657    background: #658a6a;
12658    cursor: grab;
12659    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
12660    margin-top: -9px;
12661    border: 2px solid #fff;
12662  }
12663
12664  .qr-slider::-webkit-slider-thumb:active {
12665    cursor: grabbing;
12666    transform: scale(1.1);
12667    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
12668  }
12669
12670  .qr-slider::-moz-range-track {
12671    height: 6px;
12672    border-radius: 9999px;
12673    background: var(--slider-track, #e5e7eb);
12674    cursor: pointer;
12675  }
12676
12677  .qr-slider::-moz-range-thumb {
12678    width: 24px;
12679    height: 24px;
12680    border: 2px solid #fff;
12681    border-radius: 50%;
12682    background: #658a6a;
12683    cursor: grab;
12684    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
12685  }
12686
12687  .qr-slider::-moz-range-thumb:active {
12688    cursor: grabbing;
12689  }
12690
12691  .qr-slider::-moz-range-progress {
12692    height: 6px;
12693    border-radius: 9999px;
12694    background: #658a6a;
12695  }
12696
12697  /* Pill buttons for per-product fields */
12698  .qr-pill {
12699    display: inline-flex;
12700    height: 23px;
12701    align-items: center;
12702    justify-content: center;
12703    gap: 0.25rem;
12704    border: 0.666px solid black;
12705    border-radius: 9999px;
12706    padding: 0 0.75rem;
12707    background: #eee;
12708    color: #111827;
12709    font-size: 10.65px;
12710    font-weight: 400;
12711    cursor: pointer;
12712    transition: border-color 0.15s, background 0.15s;
12713    white-space: nowrap;
12714    position: relative;
12715  }
12716
12717  .qr-pill:hover {
12718    border-color: black;
12719    background: #e2e2e2;
12720  }
12721
12722  .qr-pill--active {
12723    border-color: black;
12724    color: #111827;
12725    background: #e2e2e2;
12726  }
12727
12728  .qr-pill--required {
12729    border-color: #dc2626;
12730  }
12731
12732  /* Pills grid: fixed equal columns across all rows */
12733  .qr-pills-row {
12734    display: grid;
12735    grid-template-columns: repeat(3, 1fr);
12736  }
12737
12738  /* Popover for pill fields */
12739  .qr-popover {
12740    position: absolute;
12741    top: calc(100% + 6px);
12742    left: 0;
12743    z-index: 50;
12744    min-width: 14rem;
12745    border: 0.666px solid black;
12746    border-radius: 8px;
12747    background: #fff;
12748    padding: 0.75rem;
12749    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.4);
12750  }
12751
12752  /* Product item rows */
12753  .qr-product-row {
12754    border-bottom: 1px solid black !important;
12755    padding: 0.75rem 0;
12756  }
12757
12758  .qr-product-row:last-child {
12759    border-bottom: none !important;
12760  }
12761
12762  /* Submit button */
12763  .qr-submit {
12764    display: flex;
12765    height: 70px;
12766    width: 100%;
12767    max-width: 351px;
12768    margin-left: auto;
12769    margin-right: auto;
12770    align-items: center;
12771    justify-content: center;
12772    border-radius: 50px;
12773    border: 2px solid #4B4D72;
12774    padding: 0.85rem 1.5rem;
12775    background: #4B4D72;
12776    color: #fff;
12777    font-size: 1.5rem;
12778    font-weight: 400;
12779    transition: opacity 0.2s ease, transform 0.2s ease;
12780  }
12781
12782  .qr-submit:hover {
12783    background: #3d3f5e;
12784    border-color: #3d3f5e;
12785    transform: translateY(-1px);
12786  }
12787
12788  .qr-submit:disabled {
12789    opacity: 0.4;
12790    cursor: not-allowed;
12791    transform: none;
12792  }
12793
12794  /* Outlined button */
12795  .qr-btn-outline {
12796    display: inline-flex;
12797    min-height: 2.75rem;
12798    align-items: center;
12799    justify-content: center;
12800    border: 1.5px solid #4B4D72;
12801    border-radius: 9999px;
12802    padding: 0.65rem 1.5rem;
12803    background: transparent;
12804    color: #4B4D72;
12805    font-size: 0.875rem;
12806    font-weight: 600;
12807    transition: background-color 0.2s ease, color 0.2s ease;
12808  }
12809
12810  .qr-btn-outline:hover {
12811    background: #4B4D72;
12812    color: #fff;
12813  }
12814
12815  @media (max-width: 639px) {
12816    .qr-popover {
12817      position: fixed;
12818      top: auto;
12819      bottom: 0;
12820      left: 0;
12821      right: 0;
12822      min-width: 100%;
12823      border-radius: 8px 8px 0 0;
12824      padding: 1rem;
12825      box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.4);
12826    }
12827  }
12828
12829  /* Fix: Tailwind arbitrary rounded class not compiled */
12830  @media (min-width: 640px) {
12831    .sm\:rounded-\[24px\] {
12832      border-radius: 27px;
12833    }
12834  }
12835
12836  /* Fix: Tailwind sm:grid-cols-2 not compiled in this theme */
12837  @media (min-width: 640px) {
12838    [data-quote-request-modal] .sm\:grid-cols-2 {
12839      grid-template-columns: repeat(2, minmax(0, 1fr));
12840    }
12841  }
12842
12843  /* Make overlay scroll instead of modal body */
12844  #modals-modal:has([data-quote-request-modal]) {
12845    overflow-y: auto;
12846  }
12847
12848  /* Flex container: min-height instead of fixed height, always center */
12849  #modals-modal:has([data-quote-request-modal]) > div {
12850    height: auto;
12851    min-height: 100%;
12852    align-items: center;
12853  }
12854
12855  /* Card: remove max-height constraint, allow natural sizing, always rounded */
12856  #modals-modal:has([data-quote-request-modal]) #modal-slot {
12857    max-height: none !important;
12858    overflow: visible !important;
12859    border-radius: 27px;
12860    border: 1.75px solid black;
12861    box-shadow: 0px 4px 13px 2px rgba(0, 0, 0, 0.1);
12862  }
12863
12864  /* Fix: Tailwind sm:flex-nowrap not compiled */
12865  @media (min-width: 640px) {
12866    .qr-product-row {
12867      flex-wrap: nowrap;
12868    }
12869  }
12870
12871  /* Content div: match card rounding */
12872  [data-quote-request-modal] {
12873    border-radius: 27px;
12874    overflow: visible !important;
12875  }
12876
12877  /* All modal text defaults to black per Figma */
12878  [data-quote-request-modal] label,
12879  [data-quote-request-modal] h3,
12880  [data-quote-request-modal] p,
12881  [data-quote-request-modal] span {
12882    color: black;
12883  }
12884
12885  /* Preserve intentional non-black colors */
12886  [data-quote-request-modal] .text-gray-400 {
12887    color: #9ca3af !important;
12888  }
12889  [data-quote-request-modal] .text-emerald-600 {
12890    color: #059669 !important;
12891  }
12892  [data-quote-request-modal] .text-red-500 {
12893    color: #ef4444 !important;
12894  }
12895  /* Keep submit button text white */
12896  [data-quote-request-modal] .qr-submit span {
12897    color: #fff !important;
12898  }
12899
12900  /* Modal title letter spacing */
12901  [data-quote-request-modal] h2 {
12902    letter-spacing: 0px !important;
12903  }
12904
12905  /* All labels should be black per Figma */
12906  [data-quote-request-modal] label {
12907    color: black !important;
12908  }
12909
12910  /* Placeholder text should be grey, not blue */
12911  [data-quote-request-modal] textarea::placeholder,
12912  [data-quote-request-modal] input::placeholder {
12913    color: #9ca3af !important;
12914  }
12915</style>
12916
12917<data-island
12918  x-data="QuoteRequestForm"
12919  on="idle"
12920  x-cloakdata-webhook-url="https://print-room-chatbot-api.vercel.app/api/quote-request"
12921  data-turnstile-site-key="0x4AAAAAAETPnb_3iHel2J69"
12922>
12923  <template x-teleport="#modal-slot">
12924    <div
12925      x-show="$store.modals.modal.contents === 'quoteRequest'"
12926      class="flex w-full flex-col h-full"
12927      style="background: #FBFBF6;"
12928      data-quote-request-modal
12929    ><div class="shrink-0 px-5 py-4 sm:px-8 sm:py-5">
12930        <div class="flex items-center justify-between">
12931          <h2 x-show="!successMessage" class="font-bold" style="font-size: 2.75rem; letter-spacing: 0px; color: black;">Project quote request</h2>
12932          <div x-show="successMessage" class="flex-1"></div>
12933          <button
12934            @click.prevent="$store.modals.close('quoteRequest')"
12935            type="button"
12936            class="rounded-full p-2 text-gray-400 transition hover:text-gray-600"
12937          >
12938            <span class="sr-only">Close</span>
12939            <svg width="20" height="20" fill="none" viewBox="0 0 24 24">
12939<path stroke="currentColor" stroke-width="2" d="m6 6 12 12m0-12-12 12"/></svg>
12940          </button>
12941        </div>
12942      </div><div class="overflow-y-auto flex-1 px-5 py-5 sm:px-8 sm:py-6">
12943        <div class="mx-auto max-w-2xl">
12944          <template x-if="!successMessage">
12945            <form @submit.prevent="submitQuote" class="space-y-8"><section style="padding-bottom: 2rem;">
12946                <h3 class="text-sm font-normal" style="color: black;" x-text="'Selected products (' + ($store.chatQuote.active ? $store.chatQuote.count : $store.favorites.count) + ')'">Selected products</h3><template x-if="$store.chatQuote.active && $store.chatQuote.count > 0">
12947                  <div class="mt-3">
12948                    <template x-for="item in $store.chatQuote.items" :key="item.id">
12949                      <div class="qr-product-row flex items-start gap-3">
12950                        <div class="shrink-0 overflow-hidden rounded-lg bg-gray-100" style="width: 53px; height: 53px;">
12951                          <template x-if="item.image">
12952                            <img :src="item.image" :alt="item.title" class="h-full w-full object-cover" width="53" height="53">
12953                          </template>
12954                        </div>
12955                        <div class="min-w-0 flex-1">
12956                          <p class="text-sm font-semibold text-gray-900" x-text="item.title"></p>
12957                          <div class="mt-2 flex flex-wrap gap-2">
12958                            <span x-show="item.quantity" class="qr-pill" x-text="'Qty ' + item.quantity"></span>
12959                            <span x-show="item.colors && item.colors.length > 0" class="qr-pill" x-text="item.colors.join(', ')"></span>
12960                            <span x-show="item.sizes && item.sizes.length > 0" class="qr-pill" x-text="item.sizes.join(', ')"></span>
12961                            <span x-show="item.decorationMethod" class="qr-pill" x-text="item.decorationMethod"></span>
12962                          </div>
12963                        </div>
12964                      </div>
12965                    </template>
12966                  </div>
12967                </template><template x-if="!$store.chatQuote.active && $store.favorites.count > 0">
12968                  <div class="mt-3" x-data="{ openPill: null }"
12969                    @click.document="if (openPill && !$event.target.closest('.qr-pill') && !$event.target.closest('.qr-popover')) openPill = null">
12970                    <template x-for="item in $store.favorites.items" :key="item.key">
12971                      <div class="qr-product-row flex items-center gap-3 flex-wrap sm:flex-nowrap" x-init="if(item.handle === 'mystery-product') { $nextTick(() => openPill = item.key + '-notes') }">
12972                        <template x-if="item.handle === 'mystery-product'">
12973                          <div class="shrink-0 flex items-center justify-center" style="width: 53px; height: 53px;">
12974                            <span style="width: 33px; height: 33px; color: black;"><span class="h-full w-full fill-current">
12975  <svg
12976    aria-hidden="true"
12977    focusable="false"
12978    role="presentation"
12979    class="icon icon-product-question-mark"
12980    viewBox="0 0 24 24"
12981  >
12982    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1Zm0 1.375a9.625 9.625 0 1 0 0 19.25 9.625 9.625 0 0 0 0-19.25Zm0 13.75.112.006a1.031 1.031 0 1 1-.224 0l.112-.006Zm3.35-7.646a3.437 3.437 0 0 1-2.204 4.012.688.688 0 0 0-.452.553l-.007.096v.922a.687.687 0 0 1-1.368.094l-.007-.094v-.921c0-.823.488-1.562 1.233-1.89l.143-.056a2.062 2.062 0 1 0-2.745-2.094l-.006.15a.688.688 0 1 1-1.374-.001 3.438 3.438 0 0 1 6.787-.771Z"></path>
12983  </svg>
12984</span>
12985</span>
12986                          </div>
12987                        </template>
12988                        <template x-if="item.handle !== 'mystery-product'">
12989                          <div class="shrink-0 overflow-hidden rounded-lg bg-gray-100" style="width: 53px; height: 53px;">
12990                            <img :src="item.image" :alt="item.title" class="h-full w-full object-cover" width="53" height="53">
12991                          </div>
12992                        </template>
12993                        <div class="min-w-0" style="width: 5rem; flex: 0 0 5rem;">
12994                          <p style="font-size: 10px; font-weight: 300; line-height: 11px; color: black;" x-text="item.vendor || ''"></p>
12995                          <p class="truncate" style="font-size: 10px; font-weight: 600; line-height: 11px; color: black;" x-text="item.title"></p>
12996                        </div><div class="qr-pills-row flex-1" style="margin-left: 1rem; gap: 0.75rem; align-items: center;">
12997                            <div class="relative" x-show="item.hasColours">
12998                              <button type="button" class="qr-pill" :class="{ 'qr-pill--active': openPill === item.key + '-colour' }"
12999                                @click="openPill = openPill === item.key + '-colour' ? null : item.key + '-colour'; if (openPill) $store.favorites.loadColourChoices(item.key)">
13000                                <span x-text="item.colour || 'Colour TBC'"></span>
13001                                <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
13002                              </button>
13003                              <div x-show="openPill === item.key + '-colour'" x-transition class="qr-popover" style="min-width: 10rem; max-height: 15rem; overflow-y: auto;">
13004                                <button
13005                                  type="button"
13006                                  data-quote-colour-tbc
13007                                  class="block w-full text-left text-sm py-1"
13008                                  :disabled="!$store.favorites.canSelectTbc(item)"
13009                                  :class="!$store.favorites.canSelectTbc(item) ? 'opacity-40 cursor-not-allowed' : ''"
13010                                  @click="if ($store.favorites.rekey(item.key, { variantId: null, colour: null })) openPill = null"
13011                                >TBC (decide later)</button>
13012                                <p class="text-xs text-gray-600" x-show="!($store.favorites.colourChoicesByHandle[item.handle] || []).length">We'll confirm colour with you</p>
13013                                <template x-for="choice in ($store.favorites.colourChoicesByHandle[item.handle] || [])" :key="choice.variantId">
13014                                  <button type="button" class="block w-full text-left text-sm py-1" x-text="choice.label"
13015                                    :disabled="$store.favorites.colourChoiceTaken(item, choice)"
13016                                    :class="$store.favorites.colourChoiceTaken(item, choice) ? 'opacity-40 cursor-not-allowed' : ''"
13017                                    @click="if ($store.favorites.rekey(item.key, choice)) openPill = null"></button>
13018                                </template>
13019                              </div>
13020                            </div><div class="relative">
13021                              <button type="button" class="qr-pill" :class="{ 'qr-pill--active': openPill === item.key + '-qty' }" @click="openPill = openPill === item.key + '-qty' ? null : item.key + '-qty'">
13022                                <span x-text="'Quantity' + (item.quantity ? ' ' + (item.quantity >= 1000 ? '1000+' : item.quantity) : '')"></span>
13023                                <svg class="h-3 w-3 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
13024                              </button>
13025                              <div x-show="openPill === item.key + '-qty'" x-transition class="qr-popover" style="min-width: 8rem; padding: 0.5rem 0.75rem;">
13026                                <div class="flex items-baseline gap-2">
13027                                  <span class="text-sm font-normal text-gray-900" x-text="item.quantity || item.moq || 24"></span>
13028                                  <span class="text-xs font-light text-gray-500">units</span>
13029                                </div>
13030                                <input x-show="item.sizeSplit === null"
13031                                  type="range"
13032                                  min="1"
13033                                  max="1000"
13034                                  step="1"
13035                                  class="qr-slider"
13036                                  style="height: 18px; margin-top: 2px;"
13037                                  :value="item.quantity || item.moq || 24"
13038                                  @input="$store.favorites.updateItemMeta(item.key, 'quantity', parseInt($event.target.value, 10))"
13039                                  :style="'--slider-track: linear-gradient(to right, #658a6a ' + ((item.quantity - 1) / 999 * 100) + '%, #e5e7eb ' + ((item.quantity - 1) / 999 * 100) + '%)'"
13040                                >
13041                                <label x-show="item.sizeOptions && item.sizeOptions.length" class="mt-2 flex items-center gap-2 text-xs">
13042                                  <input type="checkbox" :checked="item.sizeSplit !== null" @change="$store.favorites.setSizeSplit(item.key, $event.target.checked ? {} : null)">
13043                                  Split by size (optional)
13044                                </label>
13045                                <div x-show="item.sizeSplit !== null && item.sizeOptions && item.sizeOptions.length" class="mt-2 space-y-1">
13046                                  <template x-for="size in item.sizeOptions" :key="size">
13047                                    <label class="flex items-center gap-2 text-xs">
13048                                      <span x-text="size" class="w-10"></span>
13049                                      <input type="number" min="0" max="100000" step="1" class="w-20 border rounded px-1"
13050                                        :value="(item.sizeSplit || {})[size] || 0"
13051                                        @input="$store.favorites.setSizeSplit(item.key, { ...(item.sizeSplit || {}), [size]: parseInt($event.target.value, 10) || 0 })">
13052                                    </label>
13053                                  </template>
13054                                </div>
13055                              </div>
13056                            </div><div class="relative">
13057                              <button type="button" class="qr-pill" :class="{ 'qr-pill--active': openPill === item.key + '-artwork' || (item.artworks && item.artworks.length > 0) || item.artworkLink }" @click="openPill = openPill === item.key + '-artwork' ? null : item.key + '-artwork'">
13058                                <template x-if="item.artworks && item.artworks.length > 0">
13059                                  <span class="flex items-center gap-1">
13060                                    <svg class="h-3 w-3 shrink-0" style="color: #658a6a;" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
13061                                    <span x-text="item.artworks.length === 1 ? '1 file' : item.artworks.length + ' files'"></span>
13062                                  </span>
13063                                </template>
13064                                <template x-if="item.artworkLink && !(item.artworks && item.artworks.length > 0)">
13065                                  <span class="flex items-center gap-1">
13066                                    <svg class="h-3 w-3 shrink-0" style="color: #658a6a;" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
13067                                    <span>Artwork linked</span>
13068                                  </span>
13069                                </template>
13070                                <template x-if="!(item.artworks && item.artworks.length > 0) && !item.artworkLink">
13071                                  <span x-text="'Upload artwork \u2191'"></span>
13072                                </template>
13073                              </button>
13074                              <div x-show="openPill === item.key + '-artwork'" x-transition class="qr-popover" style="min-width: 14rem;">
13075                                <p class="mb-2 text-xs text-gray-500">Max <strong>5 files</strong>, <strong>10MB</strong> each</p><template x-if="item.artworks && item.artworks.length > 0">
13076                                  <div class="mb-2 space-y-3">
13077                                    <template x-for="(aw, awIdx) in item.artworks" :key="aw.fileName + awIdx">
13078                                      <div class="text-xs">
13079                                        <div class="flex items-center gap-1.5">
13080                                          <template x-if="aw.status === 'uploading'">
13081                                            <svg class="h-3 w-3 shrink-0 animate-spin text-gray-400" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
13082                                          </template>
13083                                          <template x-if="aw.status === 'done'">
13084                                            <svg class="h-3 w-3 shrink-0 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
13085                                          </template>
13086                                          <template x-if="aw.status === 'error'">
13087                                            <svg class="h-3 w-3 shrink-0 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
13087<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
13088                                          </template>
13089                                          <span class="flex-1 truncate" :class="aw.status === 'error' ? 'text-red-600' : 'text-gray-700'" x-text="aw.fileName"></span>
13090                                          <span class="shrink-0 text-gray-400" style="font-size: 10px;" x-text="aw.fileSize ? (aw.fileSize / 1024 < 1024 ? Math.round(aw.fileSize / 1024) + 'KB' : (aw.fileSize / (1024*1024)).toFixed(1) + 'MB') : ''"></span>
13091                                          <template x-if="aw.status === 'error'">
13092                                            <button type="button" class="shrink-0 text-blue-600 underline" @click="retryArtworkUpload(item.key, awIdx)">Retry</button>
13093                                          </template>
13094                                          <button type="button" class="shrink-0 text-red-400 hover:text-red-600" @click="removeArtwork(item.key, awIdx)" title="Remove file">
13095                                            <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
13096                                          </button>
13097                                        </div><template x-if="aw.status === 'done'">
13098                                          <div class="relative" style="margin-top: 3px; margin-left: 18px;" x-data="{ placementOpen: false }">
13099                                            <button
13100                                              type="button"
13101                                              @click="placementOpen = !placementOpen"
13102                                              class="flex w-full items-center justify-between"
13103                                              style="height: 20px; padding: 0 8px; font-size: 10px; border: 0.666px solid black; border-radius: 9999px; background: #eee; cursor: pointer;"
13104                                            >
13105                                              <span x-text="aw.placement || 'Placement…'" :style="aw.placement ? 'color: black' : 'color: #9ca3af'"></span>
13106                                              <svg :style="placementOpen ? 'transform: rotate(180deg)' : ''" width="6" height="4" viewBox="0 0 6 4" fill="none" style="margin-left: 4px; flex-shrink: 0; transition: transform 0.15s;">
13107                                                <path d="M0.5 0.5L3 3L5.5 0.5" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
13108                                              </svg>
13109                                            </button>
13110                                            <div
13111                                              x-show="placementOpen"
13112                                              x-transition
13113                                              @click.outside="placementOpen = false"
13114                                              style="position: absolute; top: calc(100% + 3px); left: 0; z-index: 60; background: white; border: 0.666px solid black; border-radius: 10px; padding: 0.35rem 0; min-width: 110px; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15);"
13115                                            >
13116                                              <template x-for="pl in ['Front','Left Chest','Right Chest','Back','Sleeve','Other']" :key="pl">
13117                                                <button
13118                                                  type="button"
13119                                                  class="block w-full text-left"
13120                                                  style="padding: 0.2rem 0.65rem; font-size: 10px; line-height: 13px; color: #4b5563; cursor: pointer; background: none; border: none;"
13121                                                  @click="updateArtworkPlacement(item.key, awIdx, pl); placementOpen = false"
13122                                                  @mouseover="$el.style.background = '#f3f4f6'"
13123                                                  @mouseout="$el.style.background = 'none'"
13124                                                  x-text="pl"
13125                                                ></button>
13126                                              </template>
13127                                            </div>
13128                                          </div>
13129                                        </template>
13130                                      </div>
13131                                    </template>
13132                                  </div>
13133                                </template><template x-if="!item.artworks || item.artworks.length < 5">
13134                                  <label class="flex cursor-pointer items-center justify-center gap-2 rounded-xl border border-dashed border-gray-300 px-4 py-2.5 text-sm text-gray-600 transition hover:border-gray-400">
13135                                    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
13135<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5-5m0 0l5 5m-5-5v12"/></svg>
13136                                    <span x-text="item.artworks && item.artworks.length > 0 ? 'Add more files' : 'Select files'"></span>
13137                                    <input
13138                                      type="file"
13139                                      class="hidden"
13140                                      multiple
13141                                      accept=".png,.jpg,.jpeg,.svg,.pdf,.ai,.eps"
13142                                      @change="handlePerProductFileUpload($event, item.key)"
13143                                    >
13144                                  </label>
13145                                </template><div style="margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e5e7eb;">
13146                                  <p class="text-xs text-gray-500">For <strong>larger files</strong>: via shared link</p>
13147                                  <input
13148                                    type="url"
13149                                    class="qr-input text-sm"
13150                                    style="margin-top: 0.5rem; font-size: 0.75rem;"
13151                                    placeholder="Link address"
13152                                    :value="item.artworkLink || ''"
13153                                    @input="$store.favorites.updateItemMeta(item.key, 'artworkLink', $event.target.value)"
13154                                  >
13155                                  <p class="mt-1 text-gray-400" style="font-size: 9px;">Eg. Google drive, Dropbox</p>
13156                                </div>
13157                              </div>
13158                            </div><div class="relative">
13159                              <button type="button" class="qr-pill" :class="{ 'qr-pill--active': openPill === item.key + '-notes' || (item.notes && item.notes.length > 0), 'qr-pill--required': item.handle === 'mystery-product' && (!item.notes || !item.notes.trim()) }" @click="openPill = openPill === item.key + '-notes' ? null : item.key + '-notes'">
13160                                <span class="qr-pill-notes-text" x-text="item.notes && item.notes.length > 0 ? 'Notes added' : 'Notes\u2026'"></span>
13161                                <template x-if="item.handle === 'mystery-product'"><span style="color: #dc2626; margin-left: 2px;">*</span></template>
13162                              </button>
13163                              <div x-show="openPill === item.key + '-notes'" x-transition class="qr-popover" style="left: auto; right: 0;">
13164                                <label class="mb-1.5 block text-xs font-medium text-gray-500">Notes</label>
13165                                <textarea
13166                                  rows="3"
13167                                  class="qr-textarea text-sm"
13168                                  :placeholder="item.handle === 'mystery-product' ? 'Include the brand, product name or SKU you require' : 'Tell us how and where you would like your artwork printed.'"
13169                                  :value="item.notes || ''"
13170                                  @input="$store.favorites.updateItemMeta(item.key, 'notes', $event.target.value)"
13171                                ></textarea>
13172                              </div>
13173                            </div>
13174                        </div>
13175                      </div>
13176                    </template>
13177                    <template x-for="shortfall in $store.favorites.moqShortfalls()" :key="shortfall.id">
13178                      <p class="mt-2 text-xs text-red-600" role="alert" x-text="shortfall.title + ' total ' + shortfall.total + ' — minimum ' + shortfall.moq"></p>
13179                    </template>
13180                  </div>
13181                </template><template x-if="!$store.chatQuote.active && $store.favorites.count === 0">
13182                  <p class="mt-3 text-sm text-gray-400">No products added yet. Browse products and add items to your quote.</p>
13183                </template>
13184              </section><section style="padding-bottom: 2rem;">
13185                <div style="border: 0.75px solid black; border-radius: 10px; padding: 0.65rem 1.25rem;">
13186                  <p style="font-size: 11px; color: black; margin-bottom: 2px;">Additional notes:</p>
13187                  <textarea
13188                    id="project-description"
13189                    x-model="formData.description"
13190                    rows="2"
13191                    placeholder="Is there anything else we might need to know about your project?"
13192                    style="width: 100%; border: none; padding: 0; background: transparent; font-size: 11.5px; color: #111827; resize: vertical; outline: none;"
13193                  ></textarea>
13194                </div>
13195              </section><section style="padding-bottom: 2rem;">
13196                <label class="text-sm" style="color: black;">Your budget</label>
13197                <div class="flex items-center justify-between" style="margin-top: 0.25rem;">
13198                  <span class="text-xs text-gray-400">$500</span>
13199                  <span style="font-size: 1.95rem; font-weight: 400; line-height: 1; color: #658a6a;" x-text="'$' + Number(formData.budget).toLocaleString()"></span>
13200                  <span class="text-xs text-gray-400">$10,000+</span>
13201                </div>
13202                <div @mousedown.stop @touchstart.stop>
13203                  <input
13204                    type="range"
13205                    x-model.number="formData.budget"
13206                    @input="formData.budget = parseInt($event.target.value, 10)"
13207                    @click.stop
13208                    min="500"
13209                    max="10000"
13210                    step="500"
13211                    class="qr-slider"
13212                    :style="'--slider-track: linear-gradient(to right, #658a6a ' + ((formData.budget - 500) / 9500 * 100) + '%, #e5e7eb ' + ((formData.budget - 500) / 9500 * 100) + '%)'"
13213                  >
13214                </div>
13215              </section><section class="grid grid-cols-1 gap-4 sm:grid-cols-2">
13216                <div>
13217                  <label for="in-hand-date" class="mb-1.5 block text-sm">The date I need my merch*</label>
13218                  <input
13219                    type="date"
13220                    id="in-hand-date"
13221                    x-model="formData.inHandDate"
13222                    required
13223                    class="qr-input text-sm"
13224                    :min="(() => { let d = new Date(), a = 0; while (a < 7) { d.setDate(d.getDate() + 1); if (d.getDay() !== 0 && d.getDay() !== 6) a++; } return d.toISOString().split('T')[0]; })()"
13225                  >
13226                </div>
13227                <div x-data="{ locationOpen: false }">
13228                  <label class="mb-1.5 block text-sm" style="color: black;">I need it sent to*</label>
13229                  <div class="relative"><select x-model="formData.location" required class="sr-only" tabindex="-1" aria-hidden="true">
13230                      <option value="">Select location</option>
13231                      <optgroup label="New Zealand">
13232                        <option value="Northland">Northland</option>
13233                        <option value="Auckland">Auckland</option>
13234                        <option value="Waikato">Waikato</option>
13235                        <option value="Bay of Plenty">Bay of Plenty</option>
13236                        <option value="Gisborne">Gisborne</option>
13237                        <option value="Hawke's Bay">Hawke's Bay</option>
13238                        <option value="Taranaki">Taranaki</option>
13239                        <option value="Manawatū-Whanganui">Manawat&#363;-Whanganui</option>
13240                        <option value="Wellington">Wellington</option>
13241                        <option value="Tasman">Tasman</option>
13242                        <option value="Nelson">Nelson</option>
13243                        <option value="Marlborough">Marlborough</option>
13244                        <option value="West Coast">West Coast</option>
13245                        <option value="Canterbury">Canterbury</option>
13246                        <option value="Otago">Otago</option>
13247                        <option value="Southland">Southland</option>
13248                      </optgroup>
13249                      <optgroup label="Australia">
13250                        <option value="New South Wales">New South Wales</option>
13251                        <option value="Victoria">Victoria</option>
13252                        <option value="Queensland">Queensland</option>
13253                        <option value="Western Australia">Western Australia</option>
13254                        <option value="South Australia">South Australia</option>
13255                        <option value="Tasmania">Tasmania</option>
13256                        <option value="Australian Capital Territory">Australian Capital Territory</option>
13257                        <option value="Northern Territory">Northern Territory</option>
13258                      </optgroup>
13259                      <option value="International">International</option>
13260                    </select><button
13261                      type="button"
13262                      @click="locationOpen = !locationOpen"
13263                      class="qr-select flex w-full items-center justify-between text-sm"
13264                      style="cursor: pointer;"
13265                    >
13266                      <span x-text="formData.location || 'Select location'" :style="formData.location ? 'color: black' : 'color: #9ca3af'"></span>
13267                      <svg class="h-4 w-4 shrink-0 transition-transform" :style="locationOpen ? 'transform: rotate(180deg)' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: black;">
13268                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
13269                      </svg>
13270                    </button><div
13271                      x-show="locationOpen"
13272                      x-transition
13273                      @click.outside="locationOpen = false"
13274                      style="position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50; background: white; border: 0.666px solid black; border-radius: 15.5px; max-height: 232px; overflow-y: auto; padding: 0.75rem 0;"
13275                    >
13276                      <template x-for="loc in ['Northland','Auckland','Waikato','Bay of Plenty','Gisborne','Hawke\'s Bay','Taranaki','Manawat\u016b-Whanganui','Wellington','Tasman','Nelson','Marlborough','West Coast','Canterbury','Otago','Southland','New South Wales','Victoria','Queensland','Western Australia','South Australia','Tasmania','Australian Capital Territory','Northern Territory','International']" :key="loc">
13277                        <button
13278                          type="button"
13279                          class="block w-full text-left"
13280                          style="padding: 0.25rem 1rem; font-size: 12.65px; line-height: 13.313px; color: #4b5563; cursor: pointer; background: none; border: none;"
13281                          @click="formData.location = loc; locationOpen = false"
13282                          @mouseover="$el.style.background = '#f3f4f6'"
13283                          @mouseout="$el.style.background = 'none'"
13284                          x-text="loc"
13285                        ></button>
13286                      </template>
13287                    </div>
13288                  </div>
13289                </div>
13290                <div>
13291                  <label for="contact-name" class="mb-1.5 block text-sm">Your name*</label>
13292                  <input
13293                    type="text"
13294                    id="contact-name"
13295                    x-model="formData.name"
13296                    required
13297                    placeholder="Your name here"
13298                    class="qr-input text-sm"
13299                  >
13300                </div>
13301                <div>
13302                  <label for="contact-email" class="mb-1.5 block text-sm">Email*</label>
13303                  <input
13304                    type="email"
13305                    id="contact-email"
13306                    x-model="formData.email"
13307                    required
13308                    placeholder="[email protected]"
13309                    class="qr-input text-sm"
13310                  >
13311                </div>
13312                <div>
13313                  <label for="contact-phone" class="mb-1.5 block text-sm">Phone*</label>
13314                  <input
13315                    type="tel"
13316                    id="contact-phone"
13317                    x-model="formData.phone"
13318                    required
13319                    placeholder="Your phone number"
13320                    class="qr-input text-sm"
13321                  >
13322                </div>
13323                <div>
13324                  <label for="contact-company" class="mb-1.5 block text-sm">Company</label>
13325                  <input
13326                    type="text"
13327                    id="contact-company"
13328                    x-model="formData.company"
13329                    placeholder="Your company's name"
13330                    class="qr-input text-sm"
13331                  >
13332                </div>
13333                <div x-data="{ heardAboutOpen: false }" class="sm:col-span-2"><label id="heard-about-label" class="mb-1.5 block text-sm" style="color: black;">How did you hear about us?*</label>
13334                  <div class="relative"><select x-model="formData.heardAbout" required class="sr-only" tabindex="-1" aria-hidden="true">
13335                      <option value="">Select an option</option><option value="Google search">Google search</option><option value="Social media">Social media</option><option value="Referral or word of mouth">Referral or word of mouth</option><option value="Repeat customer">Repeat customer</option><option value="Saw our work in the wild">Saw our work in the wild</option><option value="Email or newsletter">Email or newsletter</option><option value="Event or trade show">Event or trade show</option><option value="Other">Other</option><option value="Prefer not to say">Prefer not to say</option></select><button
13336                      type="button"
13337                      @click="heardAboutOpen = !heardAboutOpen"
13338                      :aria-expanded="heardAboutOpen"
13339                      aria-labelledby="heard-about-label"
13340                      class="qr-select flex w-full items-center justify-between text-sm"
13341                      style="cursor: pointer;"
13342                    >
13343                      <span x-text="formData.heardAbout || 'Select an option'" :style="formData.heardAbout ? 'color: black' : 'color: #9ca3af'"></span>
13344                      <svg class="h-4 w-4 shrink-0 transition-transform" :style="heardAboutOpen ? 'transform: rotate(180deg)' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: black;">
13345                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
13346                      </svg>
13347                    </button><div
13348                      x-show="heardAboutOpen"
13349                      x-transition
13350                      @click.outside="heardAboutOpen = false"
13351                      style="position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50; background: white; border: 0.666px solid black; border-radius: 15.5px; max-height: 232px; overflow-y: auto; padding: 0.75rem 0;"
13352                    >
13353                      <template x-for='opt in ["Google search","Social media","Referral or word of mouth","Repeat customer","Saw our work in the wild","Email or newsletter","Event or trade show","Other","Prefer not to say"]' :key="opt">
13354                        <button
13355                          type="button"
13356                          class="block w-full text-left"
13357                          style="padding: 0.25rem 1rem; font-size: 12.65px; line-height: 13.313px; color: #4b5563; cursor: pointer; background: none; border: none;"
13358                          @click="selectHeardAbout(opt); heardAboutOpen = false"
13359                          @mouseover="$el.style.background = '#f3f4f6'"
13360                          @mouseout="$el.style.background = 'none'"
13361                          x-text="opt"
13362                        ></button>
13363                      </template>
13364                    </div>
13365                  </div><p x-show="formData.heardAbout === 'Social media'" x-transition class="mt-1.5 text-xs" style="color: #6b7280;">
13366                    Instagram, Facebook, TikTok or LinkedIn
13367                  </p><div
13368                    x-show="formData.heardAbout === 'Referral or word of mouth' || formData.heardAbout === 'Other'"
13369                    x-transition
13370                    class="mt-3"
13371                  >
13372                    <label for="contact-heard-detail" class="mb-1.5 block text-sm" x-text="formData.heardAbout === 'Other' ? 'Tell us more*' : 'Who referred you? (optional)'"></label>
13373                    <input
13374                      type="text"
13375                      id="contact-heard-detail"
13376                      x-model="formData.heardAboutDetail"
13377                      :required="formData.heardAbout === 'Other'"
13378                      :placeholder="formData.heardAbout === 'Other' ? 'How you found us' : 'Their name or company'"
13379                      class="qr-input text-sm"
13380                    >
13381                  </div>
13382                </div>
13383              </section><template x-if="errorMessage">
13384                <div class="rounded-2xl px-4 py-3 text-center" style="border: 1px solid #e5e7eb; background: #FFFBEB;">
13385                  <p class="text-sm" style="color: #92400e;">
13386                    <span style="font-size: 1.25rem; vertical-align: middle; margin-right: 0.25rem;">&#128578;</span>
13387                    <span x-text="errorMessage"></span>
13388                  </p>
13389                </div>
13390              </template><button
13391                type="submit"
13392                class="qr-submit"
13393                style="margin-top: 2.5rem;"
13394                :disabled="submitting || ($store.favorites.count === 0 && !$store.chatQuote.active) || (!$store.chatQuote.active && $store.favorites.moqShortfalls().length > 0)"
13395              >
13396                <span x-show="!submitting">Submit quote request</span>
13397                <span x-show="submitting" class="flex items-center justify-center gap-2">
13398                  <svg class="h-4 w-4 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
13399                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
13400                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
13401                  </svg>
13402                  Sending...
13403                </span>
13404              </button>
13405            </form>
13406          </template><template x-if="successMessage">
13407            <div class="flex flex-col items-center justify-center text-center" style="padding: 3rem 1.5rem 4rem;"><img src="//printroom.co/cdn/shop/t/59/assets/success-thumbs-up.svg?v=51729750037822013731787098435" alt="Success" width="141" height="179" style="width: 141px; height: 179px;">
13408
13409              <h3 style="margin-top: 1.5rem; font-size: clamp(48px, 12vw, 80px); font-weight: 300; line-height: 1; color: black;">Success</h3>
13410
13411              <div style="margin-top: 3rem; max-width: 414px; font-size: clamp(18px, 4vw, 25px); line-height: 1.16; color: black; text-align: center;">
13412                <p style="margin: 0;">Nice! Your quote request has successfully been submitted.
13413                Our team will try and have a quote back to you within 1 working day.</p>
13414                <p style="margin: 1.5rem 0 0;">In the meantime, a confirmation email has been sent to you.</p>
13415              </div>
13416
13417              <a
13418                href="/collections/product-library"
13419                @click="$store.modals.close('quoteRequest'); successMessage = ''"
13420                class="flex items-center justify-center"
13421                style="margin-top: 2.5rem; width: min(300px, 80vw); max-width: 100%; height: 64px; border: 2.7px solid #4B4D72; border-radius: 40px; font-size: clamp(18px, 5vw, 25px); font-weight: 400; color: #4B4D72; letter-spacing: -1.24px; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease;"
13422                onmouseover="this.style.backgroundColor='#4B4D72';this.style.color='#fff'"
13423                onmouseout="this.style.backgroundColor='transparent';this.style.color='#4B4D72'"
13424              >
13425                Browse more products
13426              </a>
13427            </div>
13428          </template>
13429        </div>
13430      </div>
13431    </div>
13432  </template>
13433</data-island>
13434
13435
13436    
13437    
13438    
13439
13440    
13441    <style>
13442  .cwp-overlay {
13443    position: fixed;
13444    top: var(--header-group-height, 119px);
13445    left: 0;
13446    right: 0;
13447    bottom: 0;
13448    z-index: 999;
13449    display: flex;
13450    align-items: center;
13451    justify-content: center;
13452    backdrop-filter: blur(6px);
13453    -webkit-backdrop-filter: blur(6px);
13454    background: rgba(247, 247, 247, 0.6);
13455    opacity: 0;
13456    transition: opacity 0.3s ease;
13457  }
13458
13459  .cwp-card {
13460    position: relative;
13461    width: 100%;
13462    max-width: 598px;
13463    margin: 1rem;
13464    background: #FBFBF6;
13465    border: 1.565px solid black;
13466    border-radius: 23px;
13467    box-shadow: 0 3.5px 11.5px 1.75px rgba(0, 0, 0, 0.1);
13468    padding: 2.5rem 3rem 2.5rem;
13469    overflow: visible;
13470  }
13471
13472  .cwp-close {
13473    position: absolute;
13474    top: 1.25rem;
13475    right: 1.25rem;
13476    background: none;
13477    border: none;
13478    cursor: pointer;
13479    padding: 0.5rem;
13480    color: black;
13481  }
13482
13483  .cwp-title {
13484    font-size: 70px;
13485    font-weight: 300;
13486    line-height: 1;
13487    color: black;
13488    margin: 0 0 1.5rem;
13489  }
13490
13491  .cwp-body {
13492    font-size: 19px;
13493    line-height: 22px;
13494    color: black;
13495    margin: 0 0 1rem;
13496  }
13497
13498  .cwp-body + .cwp-body {
13499    margin-top: 1rem;
13500  }
13501
13502  .cwp-btn {
13503    display: inline-flex;
13504    align-items: center;
13505    justify-content: center;
13506    margin-top: 1.25rem;
13507    height: 37px;
13508    padding: 0 1.5rem;
13509    background: white;
13510    border: 0.722px solid black;
13511    border-radius: 29px;
13512    font-size: 21.67px;
13513    font-weight: 400;
13514    color: black;
13515    cursor: pointer;
13516    transition: background 0.2s ease;
13517  }
13518
13519  .cwp-btn:hover {
13520    background: #f0f0f0;
13521  }
13522
13523  .cwp-pointer-left {
13524    position: fixed;
13525    left: 240px;
13526    top: 50%;
13527    transform: translateY(-50%) rotate(-15deg);
13528    width: 240px;
13529    opacity: 0;
13530    transition: opacity 0.6s ease;
13531    pointer-events: none;
13532    z-index: 1000;
13533  }
13534  .cwp-pointer-left.visible {
13535    opacity: 1;
13536    animation: cwp-bob-left 1.8s ease-in-out infinite;
13537  }
13538
13539  .cwp-pointer-up {
13540    position: fixed;
13541    top: calc(var(--header-group-height, 119px) - 60px);
13542    right: 60px;
13543    width: 180px;
13544    opacity: 0;
13545    transition: opacity 0.6s ease;
13546    pointer-events: none;
13547    z-index: 1000;
13548  }
13549  .cwp-pointer-up.visible {
13550    opacity: 1;
13551    animation: cwp-bob-up 1.8s ease-in-out infinite;
13552  }
13553
13554  @keyframes cwp-bob-left {
13555    0%, 100% { transform: translateY(-50%) rotate(-15deg) translateX(0); }
13556    50% { transform: translateY(-50%) rotate(-15deg) translateX(-10px); }
13557  }
13558
13559  @keyframes cwp-bob-up {
13560    0%, 100% { transform: translateY(0); }
13561    50% { transform: translateY(-10px); }
13562  }
13563
13564  @media (max-width: 639px) {
13565    .cwp-card {
13566      padding: 2rem 1.5rem;
13567    }
13568
13569    .cwp-title {
13570      font-size: 48px;
13571    }
13572
13573    .cwp-body {
13574      font-size: 16px;
13575      line-height: 20px;
13576    }
13577
13578    .cwp-btn {
13579      font-size: 18px;
13580    }
13581
13582    .cwp-pointer-left,
13583    .cwp-pointer-up {
13584      display: none;
13585    }
13586  }
13587</style><div id="cwp-root" class="cwp-overlay" style="display: none;">
13588    <div class="cwp-card">
13589      <button type="button" class="cwp-close" onclick="cwpDismiss()">
13590        <span class="sr-only">Close</span>
13591        <svg width="22" height="22" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="m6 6 12 12m0-12-12 12"/></svg>
13592      </button>
13593
13594      <h2 class="cwp-title">Hi there,</h2>
13595
13596      <p class="cwp-body">
13597        Every merch project has its own brief. Use the <strong>filters</strong> to curate products that suit your brand, timeline and budget.
13598      </p>
13599
13600      <p class="cwp-body">
13601        Add products to your <strong>project quote</strong> as you browse, then submit your list for a free, tailored quote from our team.
13602      </p>
13603
13604      <button type="button" class="cwp-btn" onclick="cwpDismiss()">
13605        Sounds good
13606      </button>
13607
13608      <img src="//printroom.co/cdn/shop/t/59/assets/cwp-pointer-left.svg?v=146196268683977778371787098436" alt="" width="223" height="122" class="cwp-pointer-left" aria-hidden="true">
13609      <img src="//printroom.co/cdn/shop/t/59/assets/cwp-pointer-up.svg?v=21792214633746205961787098436" alt="" width="171" height="156" class="cwp-pointer-up" aria-hidden="true">
13610    </div>
13611  </div>
13612
13613  
13613<script>
13614    function cwpDismiss() {
13615      var el = document.getElementById('cwp-root');
13616      if (el) {
13617        el.style.opacity = '0';
13618        setTimeout(function() { el.style.display = 'none'; }, 200);
13619      }
13620      try { sessionStorage.setItem('cwpDismissed', '1'); } catch(e) {}
13621    }
13622    (function() {
13623      try {
13624        if (sessionStorage.getItem('cwpDismissed')) return;
13625      } catch(e) { return; }
13626      setTimeout(function() {
13627        var el = document.getElementById('cwp-root');
13628        if (el) {
13629          el.style.display = 'flex';
13630          requestAnimationFrame(function() { el.style.opacity = '1'; });
13631
13632          setTimeout(function() {
13633            var left = document.querySelector('.cwp-pointer-left');
13634            if (left) left.classList.add('visible');
13635          }, 500);
13636
13637          setTimeout(function() {
13638            var up = document.querySelector('.cwp-pointer-up');
13639            if (up) up.classList.add('visible');
13640          }, 1000);
13641        }
13642      }, 500);
13643    })();
13644    document.getElementById('cwp-root').addEventListener('click', function(e) {
13645      if (e.target === this) cwpDismiss();
13646    });
13647  </script>
13647
13648
13649    
13650    <style>
13651  /* ── "Can't find something?" scroll-triggered tab ── */
13652  .cft-container {
13653    position: fixed;
13654    right: 0;
13655    bottom: 100px;
13656    z-index: 998;
13657    display: none;
13658    font-family: 'DM Sans', sans-serif;
13659  }
13660
13661  /* ── Tab state (collapsed) ── */
13662  .cft-tab {
13663    position: relative;
13664    width: 77px;
13665    height: 96px;
13666    cursor: pointer;
13667    opacity: 0;
13668    transform: translateX(20px);
13669    transition: opacity 0.4s ease, transform 0.4s ease;
13670  }
13671
13672  .cft-tab-bg {
13673    position: absolute;
13674    inset: 0;
13675    display: flex;
13676    align-items: center;
13677    justify-content: center;
13678  }
13679
13680  .cft-tab-bg-inner {
13681    width: 96px;
13682    height: 77px;
13683    flex-shrink: 0;
13684    transform: rotate(90deg);
13685    background: var(--cant-find-bg, #EFFE9C);
13686    border-bottom: 1.03px solid black;
13687    border-left: 1.03px solid black;
13688    border-right: 1.03px solid black;
13689    border-top: none;
13690    border-radius: 0 0 16px 16px;
13691    box-shadow: -2.94px 3.13px 5.88px 0px rgba(0, 0, 0, 0.2);
13692  }
13693
13694  .cft-tab-icon {
13695    position: absolute;
13696    top: 5%;
13697    left: 10%;
13698    width: 65%;
13699    height: 50%;
13700    background-size: contain;
13701    background-repeat: no-repeat;
13702    background-position: center;
13703  }
13704
13705  .cft-tab-text {
13706    position: absolute;
13707    bottom: 13%;
13708    left: 0;
13709    right: 0;
13710    font-weight: 600;
13711    font-size: 10px;
13712    line-height: 11.3px;
13713    color: black;
13714    text-align: center;
13715  }
13716
13717  .cft-tab:hover {
13718    transform: translateX(0) scale(1.04);
13719  }
13720
13721  /* ── Card state (expanded) — ~3× original size ── */
13722  .cft-card {
13723    position: relative;
13724    width: 300px;
13725    height: 200px;
13726    opacity: 0;
13727    transform: translateX(20px);
13728    transition: opacity 0.4s ease, transform 0.4s ease;
13729    cursor: default;
13730  }
13731
13732  .cft-card-bg {
13733    position: absolute;
13734    inset: 0;
13735  }
13736
13737  .cft-card-bg-inner {
13738    width: 100%;
13739    height: 100%;
13740    background: var(--cant-find-bg, #EFFE9C);
13741    border: 0.75px solid black;
13742    border-right: none;
13743    border-radius: 20px 0 0 20px;
13744    box-shadow: -1.17px 2.34px 2.34px 0px rgba(0, 0, 0, 0.14);
13745  }
13746
13747  .cft-card-content {
13748    position: absolute;
13749    inset: 0;
13750    z-index: 1;
13751    padding: 18px 22px;
13752  }
13753
13754  .cft-card-close {
13755    position: absolute;
13756    top: 8px;
13757    right: 8px;
13758    z-index: 2;
13759    background: none;
13760    border: none;
13761    cursor: pointer;
13762    padding: 4px;
13763    color: black;
13764    opacity: 0.5;
13765    transition: opacity 0.2s;
13766    line-height: 1;
13767  }
13768
13769  .cft-card-close:hover {
13770    opacity: 1;
13771  }
13772
13773  .cft-card-title {
13774    font-weight: 500;
13775    font-size: 18px;
13776    line-height: 20px;
13777    color: black;
13778    margin: 0 0 10px;
13779  }
13780
13781  .cft-card-body {
13782    font-weight: 400;
13783    font-size: 13px;
13784    line-height: 16px;
13785    color: black;
13786    margin: 0;
13787    max-width: 180px;
13788  }
13789
13790  .cft-card-link {
13791    font-weight: 400;
13792    font-size: 22px;
13793    line-height: 24px;
13794    color: black;
13795    text-decoration: underline;
13796    cursor: pointer;
13797    background: none;
13798    border: none;
13799    padding: 0;
13800    font-family: inherit;
13801    position: absolute;
13802    bottom: 18px;
13803    left: 22px;
13804    z-index: 1;
13805  }
13806
13807  .cft-card-link:hover {
13808    opacity: 0.7;
13809  }
13810
13811  .cft-card-doodle {
13812    position: absolute;
13813    bottom: -2px;
13814    right: 2px;
13815    width: 110px;
13816    height: 65px;
13817    transform: rotate(-24.8deg);
13818    pointer-events: none;
13819    z-index: 1;
13820    background-size: contain;
13821    background-repeat: no-repeat;
13822    background-position: center;
13823  }
13824
13825  /* ── Visible states (applied by JS) ── */
13826  .cft-tab.visible,
13827  .cft-card.visible {
13828    opacity: 1;
13829    transform: translateX(0);
13830  }
13831
13832  /* ── Hide when favorites drawer is open ── */
13833  body:has([data-favorites-drawer]:not([style*="display: none"])) .cft-container {
13834    display: none !important;
13835  }
13836
13837  /* ── Mobile adjustments ── */
13838  @media (max-width: 639px) {
13839    .cft-container {
13840      bottom: 80px;
13841    }
13842
13843    .cft-tab {
13844      width: 66px;
13845      height: 82px;
13846    }
13847
13848    .cft-tab-bg-inner {
13849      width: 82px;
13850      height: 66px;
13851    }
13852
13853    .cft-tab-text {
13854      font-size: 9px;
13855      line-height: 10px;
13856    }
13857
13858    .cft-card {
13859      width: 270px;
13860      height: 180px;
13861    }
13862  }
13863</style><div id="cft-root"
13864       class="cft-container"
13865       data-mystery-image="//printroom.co/cdn/shop/t/59/assets/mystery-product-placeholder.svg?v=1210547883747232501787098437"
13866       data-hand-wave="//printroom.co/cdn/shop/t/59/assets/cft-hand-wave.svg?v=20937687970572579581787098435"
13867       data-doodle="//printroom.co/cdn/shop/t/59/assets/cft-doodle.svg?v=111501703846583502801787098435"><div id="cft-tab" class="cft-tab" onclick="cftExpand()" role="button" tabindex="0" aria-label="Can't find something? Click for help.">
13868      <div class="cft-tab-bg">
13869        <div class="cft-tab-bg-inner"></div>
13870      </div>
13871      <div class="cft-tab-icon" style="background-image: url('//printroom.co/cdn/shop/t/59/assets/cft-hand-wave.svg?v=20937687970572579581787098435');" aria-hidden="true"></div>
13872      <div class="cft-tab-text">
13873        Can't find<br>something?
13874      </div>
13875    </div><div id="cft-card" class="cft-card" style="display: none;">
13876      <div class="cft-card-bg">
13877        <div class="cft-card-bg-inner"></div>
13878      </div>
13879
13880      <button type="button" class="cft-card-close" onclick="cftDismiss()" aria-label="Close">
13881        <svg width="10" height="10" fill="none" viewBox="0 0 24 24">
13881<path stroke="currentColor" stroke-width="2.5" d="m6 6 12 12m0-12-12 12"/></svg>
13882      </button>
13883
13884      <div class="cft-card-content">
13885        <p class="cft-card-title">We've got you covered.</p>
13886        <p class="cft-card-body">Fill out our quote form and let us know what you're looking for.</p>
13887      </div>
13888
13889      <button type="button" class="cft-card-link" onclick="cftOpenQuote()">Here</button>
13890
13891      <div class="cft-card-doodle" style="background-image: url('//printroom.co/cdn/shop/t/59/assets/cft-doodle.svg?v=111501703846583502801787098435');" aria-hidden="true"></div>
13892    </div>
13893  </div>
13894
13895  
13895<script>
13896    /* ── "Can't find something?" scroll-triggered tab ── */
13897    (function() {
13898      var root = document.getElementById('cft-root');
13899      if (!root) return;
13900
13901      /* stay hidden for the rest of the session once dismissed */
13902      var DISMISSED_KEY = 'cftDismissed';
13903      try {
13904        if (sessionStorage.getItem(DISMISSED_KEY)) return;
13905      } catch(e) {}
13906
13907      var tab  = document.getElementById('cft-tab');
13908      var card = document.getElementById('cft-card');
13909
13910      /* show tab as soon as the user starts scrolling */
13911      var SCROLL_TRIGGER_PX = 50;
13912      var scrollTriggered = false;
13913      function checkScroll() {
13914        if (scrollTriggered) return;
13915        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
13916        if (scrollTop >= SCROLL_TRIGGER_PX) {
13917          scrollTriggered = true;
13918          window.removeEventListener('scroll', checkScroll);
13919          showTab();
13920        }
13921      }
13922      window.addEventListener('scroll', checkScroll, { passive: true });
13923
13924      /* ── show/hide helpers ── */
13925      function showTab() {
13926        root.style.display = 'block';
13927        card.style.display = 'none';
13928        tab.style.display  = 'block';
13929        requestAnimationFrame(function() {
13930          tab.classList.add('visible');
13931        });
13932      }
13933
13934      /* ── public actions (exposed to onclick) ── */
13935      window.cftExpand = function() {
13936        tab.classList.remove('visible');
13937        setTimeout(function() {
13938          tab.style.display  = 'none';
13939          card.style.display = 'block';
13940          requestAnimationFrame(function() {
13941            card.classList.add('visible');
13942          });
13943        }, 300);
13944      };
13945
13946      window.cftDismiss = function() {
13947        card.classList.remove('visible');
13948        tab.classList.remove('visible');
13949        setTimeout(function() {
13950          root.style.display = 'none';
13951        }, 300);
13952        try { sessionStorage.setItem(DISMISSED_KEY, '1'); } catch(e) {}
13953      };
13954
13955      window.cftOpenQuote = function() {
13956        /* wait for Alpine stores to be available */
13957        var attempts = 0;
13958        var check = setInterval(function() {
13959          attempts++;
13960          if (attempts > 40) { clearInterval(check); return; } /* bail after 2s */
13961
13962          if (window.Alpine && Alpine.store('favorites') && Alpine.store('modals')) {
13963            clearInterval(check);
13964
13965            var mysteryImage = root.dataset.mysteryImage || '';
13966
13967            /* add mystery product to favorites */
13968            Alpine.store('favorites').add({
13969              id:               'mystery-' + Date.now(),
13970              handle:           'mystery-product',
13971              title:            'Mystery Product',
13972              vendor:           '',
13973              color:            '',
13974              price:            0,
13975              compare_at_price: null,
13976              image:            mysteryImage,
13977              url:              '/collections/product-library',
13978              moq:              24
13979            });
13980
13981            /* open the quote modal */
13982            Alpine.store('modals').open('quoteRequest');
13983
13984            /* dismiss tab for this session */
13985            window.cftDismiss();
13986          }
13987        }, 50);
13988      };
13989
13990      /* keyboard support for tab */
13991      tab.addEventListener('keydown', function(e) {
13992        if (e.key === 'Enter' || e.key === ' ') {
13993          e.preventDefault();
13994          window.cftExpand();
13995        }
13996      });
13997    })();
13998  </script>
13998
13999
14000    
14001    <div id="shopify-section-ai-chatbot" class="shopify-section contents"><link href="//printroom.co/cdn/shop/t/59/assets/ai-chatbot.css?v=112900874753543053291788472410" rel="stylesheet" type="text/css" media="all" />
14002<data-island
14003    x-data="
14004      AIChatbot({
14005        apiEndpoint: &quot;https:\/\/print-room-chatbot-api.vercel.app\/&quot;,
14006        questionsApiUrl: &quot;https:\/\/print-room-chatbot-api.vercel.app\/&quot;,
14007        welcomeMessage: &quot;Hi! I&#39;m here to help you with your printing needs. How can I assist you today?&quot;,
14008        unavailableMessage: &quot;Chat is temporarily unavailable. Please request a quote or contact us directly.&quot;,
14009        suggestedPrompts: []
14010      })
14011    "
14012    src="ai-chatbot"
14013    on="idle"
14014    id="ai-chatbot-ai-chatbot"
14015    class="ai-chatbot"
14016    data-color-scheme="scheme1"
14017  ><button
14018      @click="toggle()"
14019      class="ai-chatbot__trigger"
14020      :class="{ 'ai-chatbot__trigger--hidden': isOpen }"
14021      aria-label="Chat with us"
14022      type="button"
14023    >
14024      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14025        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
14026      </svg>
14027      <span>Chat with us</span>
14028    </button><template x-teleport="body">
14029      <div
14030        x-show="isOpen"
14031        x-transition:enter="ai-chatbot-enter"
14032        x-transition:enter-start="ai-chatbot-enter"
14033        x-transition:enter-end="ai-chatbot-enter-active"
14034        x-transition:leave="ai-chatbot-leave"
14035        x-transition:leave-start="ai-chatbot-leave"
14036        x-transition:leave-end="ai-chatbot-leave-active"
14037        class="ai-chatbot__window"
14038        :class="{ 'ai-chatbot__window--minimized': isMinimized }"
14039        data-color-scheme="scheme1"
14040        role="dialog"
14041        aria-label="Chat with us"
14042        @keydown.escape="close()"
14043      ><div class="ai-chatbot__header">
14044          <div class="ai-chatbot__header-title">
14045            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14046              <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
14047            </svg>
14048            <span>Chat with us</span>
14049          </div>
14050          <div class="ai-chatbot__header-actions">
14051            <button
14052              x-show="messages.length > 0 && !isMinimized"
14053              @click="clearHistory()"
14054              class="ai-chatbot__header-btn"
14055              type="button"
14056              :disabled="isLoading"
14057              aria-label="Clear history"
14058            >
14059              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14060                <polyline points="3 6 5 6 21 6"></polyline>
14061                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
14062              </svg>
14063            </button>
14064            <button
14065              @click="minimize()"
14066              class="ai-chatbot__header-btn"
14067              type="button"
14068              :aria-label="isMinimized ? 'Expand' : 'Minimize'"
14069            >
14070              <template x-if="isMinimized">
14071                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14072                  <polyline points="15 3 21 3 21 9"></polyline>
14073                  <polyline points="9 21 3 21 3 15"></polyline>
14074                  <line x1="21" y1="3" x2="14" y2="10"></line>
14075                  <line x1="3" y1="21" x2="10" y2="14"></line>
14076                </svg>
14077              </template>
14078              <template x-if="!isMinimized">
14079                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14080                  <polyline points="4 14 10 14 10 20"></polyline>
14081                  <polyline points="20 10 14 10 14 4"></polyline>
14082                  <line x1="14" y1="10" x2="21" y2="3"></line>
14083                  <line x1="3" y1="21" x2="10" y2="14"></line>
14084                </svg>
14085              </template>
14086            </button>
14087            <button
14088              @click="close()"
14089              class="ai-chatbot__header-btn"
14090              type="button"
14091              aria-label="Close"
14092            >
14093              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14094                <line x1="18" y1="6" x2="6" y2="18"></line>
14095                <line x1="6" y1="6" x2="18" y2="18"></line>
14096              </svg>
14097            </button>
14098          </div>
14099        </div><div class="ai-chatbot__body" x-show="!isMinimized"><div class="ai-chatbot__messages" x-ref="messagesContainer"><template x-if="messages.length === 0">
14100              <div class="ai-chatbot__welcome">
14101                <svg class="ai-chatbot__welcome-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14102                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
14103                </svg>
14104                <p class="ai-chatbot__welcome-text" x-text="welcomeMessage"></p>
14105                <p class="ai-chatbot__welcome-subtext">Ask me anything about our products and services.</p>
14106              </div>
14107            </template><template x-for="(message, index) in messages" :key="message.id">
14108              <div
14109                class="ai-chatbot__message-row"
14110                :class="'ai-chatbot__message-row--' + message.role"
14111              ><template x-if="message.role === 'system'">
14112                  <div class="ai-chatbot__message-content ai-chatbot__message-content--system" x-text="message.content"></div>
14113                </template><template x-if="message.role !== 'system'">
14114                  <div class="ai-chatbot__message-stack"><template x-if="message.role === 'staff'">
14115                      <div class="ai-chatbot__staff-meta">
14116                        <span class="ai-chatbot__staff-avatar" x-text="message.initials"></span>
14117                        <span class="ai-chatbot__staff-name" x-text="message.senderName"></span>
14118                        <span
14119                          class="ai-chatbot__staff-time"
14120                          x-show="message.timestamp"
14121                          x-text="message.timestamp ? new Date(message.timestamp).toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' }) : ''"
14122                        ></span>
14123                      </div>
14124                    </template>
14125
14126                    <div
14127                      class="ai-chatbot__message-bubble"
14128                      :class="'ai-chatbot__message-bubble--' + message.role"
14129                    ><div class="ai-chatbot__message-content"><span x-text="message.content"></span><span x-show="message.isStreaming && message.content" class="ai-chatbot__cursor"></span></div><template x-if="message.role === 'assistant' && message.options && message.options.choices.length > 0">
14130                        <div class="ai-chatbot__options" :class="{ 'ai-chatbot__options--submitted': message.optionsSubmitted }">
14131                          <p class="ai-chatbot__options-prompt" x-show="message.options.prompt" x-text="message.options.prompt"></p>
14132                          <div class="ai-chatbot__options-list">
14133                            <template x-for="(choice, ci) in message.options.choices" :key="choice.value">
14134                              <button
14135                                @click="selectOption(index, choice.value)"
14136                                class="ai-chatbot__option-chip"
14137                                :class="{
14138                                  'ai-chatbot__option-chip--selected': message.selectedOptions.includes(choice.value),
14139                                  'ai-chatbot__option-chip--disabled': message.optionsSubmitted
14140                                }"
14141                                :disabled="message.optionsSubmitted"
14142                                type="button"
14143                                x-text="choice.label"
14144                              ></button>
14145                            </template>
14146                          </div>
14147                          <button
14148                            x-show="message.options.multiSelect && !message.optionsSubmitted && message.selectedOptions.length > 0"
14149                            @click="submitOptions(index)"
14150                            class="ai-chatbot__options-submit"
14151                            type="button"
14152                          >
14153                            Continue
14154                          </button>
14155                        </div>
14156                      </template>
14157                    </div>
14158                  </div>
14159                </template>
14160              </div>
14161            </template><template x-if="isLoading && messages.length > 0 && !messages[messages.length - 1].content">
14162              <div class="ai-chatbot__message-row ai-chatbot__message-row--assistant">
14163                <div class="ai-chatbot__message-stack">
14164                  <div class="ai-chatbot__message-bubble ai-chatbot__message-bubble--assistant ai-chatbot__message-bubble--typing">
14165                    <div class="ai-chatbot__typing" aria-label="Assistant is typing">
14166                      <span></span>
14167                      <span></span>
14168                      <span></span>
14169                    </div>
14170                  </div>
14171                </div>
14172              </div>
14173            </template>
14174          </div><div x-show="error" class="ai-chatbot__error">
14175            <svg class="ai-chatbot__error-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14176              <circle cx="12" cy="12" r="10"></circle>
14177              <line x1="12" y1="8" x2="12" y2="12"></line>
14178              <line x1="12" y1="16" x2="12.01" y2="16"></line>
14179            </svg>
14180            <div class="ai-chatbot__error-content">
14181              <p class="ai-chatbot__error-text" x-text="error"></p>
14182              <div class="ai-chatbot__error-actions">
14183                <button @click="openQuoteRequest()" class="ai-chatbot__error-action" type="button">
14184                  Request a quote
14185                </button>
14186                <a href="/pages/contact-us" class="ai-chatbot__error-action">
14187                  Contact us
14188                </a>
14189              </div>
14190              <button @click="clearError()" class="ai-chatbot__error-dismiss" type="button">
14191                Dismiss
14192              </button>
14193            </div>
14194          </div><div x-show="messages.length === 0 && (getActivePrompts().length > 0 || questionsLoading)" class="ai-chatbot__prompts">
14195            <p class="ai-chatbot__prompts-label">Try asking:</p><template x-if="questionsLoading && getActivePrompts().length === 0">
14196              <div class="ai-chatbot__prompts-loading">
14197                <span class="ai-chatbot__prompt-skeleton"></span>
14198                <span class="ai-chatbot__prompt-skeleton"></span>
14199                <span class="ai-chatbot__prompt-skeleton"></span>
14200              </div>
14201            </template><template x-for="(prompt, index) in getActivePrompts()" :key="index">
14202              <button
14203                @click="useSuggestedPrompt(prompt)"
14204                class="ai-chatbot__prompt-btn"
14205                type="button"
14206                x-text="prompt"
14207              ></button>
14208            </template>
14209          </div><div x-show="ctaButton && ctaButton.show" x-cloak class="ai-chatbot__cta">
14210            <button
14211              @click="handleCTAClick()"
14212              class="ai-chatbot__cta-btn"
14213              type="button"
14214              x-text="ctaButton?.text || 'Request a Quote'"
14215            ></button>
14216            <button
14217              @click="dismissCTA()"
14218              class="ai-chatbot__cta-dismiss"
14219              type="button"
14220              aria-label="Dismiss"
14221            >
14222              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14223                <line x1="18" y1="6" x2="6" y2="18"></line>
14224                <line x1="6" y1="6" x2="18" y2="18"></line>
14225              </svg>
14226            </button>
14227          </div><div x-show="conversationStatus === 'resolved'" x-cloak class="ai-chatbot__resolved-banner">
14228            Chat ended — send a message to start again.
14229          </div><div x-show="showContactAsk" x-cloak class="ai-chatbot__contact-ask">
14230            <p class="ai-chatbot__contact-ask-prompt" x-show="contactAskMode === 'email_chip'">Leave your email in case you step away.</p>
14231            <p class="ai-chatbot__contact-ask-prompt" x-show="contactAskMode === 'progressive'">Mind sharing your name and email so we can follow up?</p>
14232            <form @submit.prevent="submitContact()" class="ai-chatbot__contact-ask-form">
14233              <input
14234                x-show="contactAskMode !== 'email_chip' && !contactName"
14235                x-model="contactNameInput"
14236                type="text"
14237                class="ai-chatbot__contact-ask-input"
14238                placeholder="Your name"
14239                :disabled="contactSubmitting"
14240              >
14241              <input
14242                x-show="!contactEmail"
14243                x-model="contactEmailInput"
14244                type="email"
14245                class="ai-chatbot__contact-ask-input"
14246                placeholder="Your email"
14247                :disabled="contactSubmitting"
14248              >
14249              <button
14250                type="submit"
14251                class="ai-chatbot__contact-ask-submit"
14252                :disabled="contactSubmitting"
14253              >
14254                Send
14255              </button>
14256              <button
14257                type="button"
14258                @click="dismissContactAsk()"
14259                class="ai-chatbot__contact-ask-dismiss"
14260                aria-label="Dismiss"
14261              >
14262                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14263                  <line x1="18" y1="6" x2="6" y2="18"></line>
14264                  <line x1="6" y1="6" x2="18" y2="18"></line>
14265                </svg>
14266              </button>
14267            </form>
14268          </div><div class="ai-chatbot__input-area">
14269            <form @submit.prevent="sendMessage()" class="ai-chatbot__input-form">
14270              <textarea
14271                x-ref="chatInput"
14272                x-model="inputText"
14273                @keydown="handleKeyDown($event)"
14274                class="ai-chatbot__input"
14275                placeholder="Type your message..."
14276                rows="1"
14277                :disabled="isLoading"
14278              ></textarea>
14279              <button
14280                type="submit"
14281                class="ai-chatbot__send-btn"
14282                :disabled="isLoading || !inputText.trim()"
14283                aria-label="Send"
14284              >
14285                <template x-if="isLoading">
14286                  <svg class="ai-chatbot__spinner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14287                    <line x1="12" y1="2" x2="12" y2="6"></line>
14288                    <line x1="12" y1="18" x2="12" y2="22"></line>
14289                    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
14290                    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
14291                    <line x1="2" y1="12" x2="6" y2="12"></line>
14292                    <line x1="18" y1="12" x2="22" y2="12"></line>
14293                    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
14294                    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
14295                  </svg>
14296                </template>
14297                <template x-if="!isLoading">
14298                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
14299                    <line x1="22" y1="2" x2="11" y2="13"></line>
14300                    <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
14301                  </svg>
14302                </template>
14303              </button>
14304            </form><p
14305              class="ai-chatbot__disclaimer"
14306              x-show="conversationStatus === null || conversationStatus === 'bot'"
14307            >
14308              Responses are generated by AI and may be inaccurate.
14309            </p>
14310          </div>
14311        </div>
14312      </div>
14313    </template>
14314  </data-island>
14315</div>
14316
14317    
14318    <section id="shopify-section-branding-service-cards" class="shopify-section branding-service-cards-section"><style data-shopify>
14319  .branding-floating-overlay {
14320    position: fixed;
14321    inset: 0;
14322    z-index: 9999;
14323    background: rgba(0, 0, 0, 0.5);
14324    opacity: 0;
14325    transition: opacity 300ms ease;
14326    pointer-events: none;
14327  }
14328
14329  .branding-floating-overlay.active {
14330    opacity: 1;
14331    pointer-events: auto;
14332  }
14333
14334  /* Floating card - matches carousel expanded card styling */
14335  .branding-floating-card {
14336    position: fixed;
14337    z-index: 10000;
14338    background: rgb(var(--color-scheme-background, 255 255 255));
14339    border-radius: 16px;
14340    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
14341    display: none;
14342    flex-direction: column;
14343    max-height: 85vh;
14344    overflow: hidden;
14345    /* No default top/left/bottom - JS controls position */
14346  }
14347
14348  /* Close button - matches carousel style */
14349  .branding-floating-card .branding-pill-close {
14350    position: absolute;
14351    top: 12px;
14352    right: 12px;
14353    z-index: 10;
14354    width: 32px;
14355    height: 32px;
14356    border-radius: 50%;
14357    background: rgba(255, 255, 255, 0.9);
14358    border: none;
14359    cursor: pointer;
14360    display: flex;
14361    align-items: center;
14362    justify-content: center;
14363    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
14364    transition: background 200ms ease;
14365  }
14366
14367  .branding-floating-card .branding-pill-close:hover {
14368    background: rgba(255, 255, 255, 1);
14369  }
14370
14371  .branding-floating-card .branding-pill-close svg {
14372    width: 16px;
14373    height: 16px;
14374    stroke: #333;
14375  }
14376
14377  /* Image link - matches carousel style */
14378  .branding-floating-card .branding-pill-image-link {
14379    display: block;
14380    flex-shrink: 0;
14381    background: rgba(var(--color-scheme-text, 0 0 0), 0.05);
14382    min-height: 200px;
14383  }
14384
14385  .branding-floating-card .branding-pill-image-link.has-image {
14386    min-height: 0;
14387  }
14388
14389  .branding-floating-card .branding-pill-image {
14390    border-radius: 16px 16px 0 0;
14391    width: 100%;
14392    height: auto;
14393    max-height: 280px;
14394    object-fit: cover;
14395    display: block;
14396  }
14397
14398  .branding-floating-card .branding-pill-image:not([src]),
14399  .branding-floating-card .branding-pill-image[src=""] {
14400    display: none;
14401  }
14402
14403  /* Label button overlay - matches carousel style */
14404  .branding-floating-card .branding-pill-label {
14405    display: none; /* Hidden in expanded state like carousel */
14406  }
14407
14408  /* Expanded content - matches carousel style */
14409  .branding-floating-card .branding-pill-content {
14410    padding: 20px;
14411    flex-shrink: 0;
14412  }
14413
14414  .branding-floating-card .branding-expanded-title {
14415    margin: 0 0 12px 0;
14416    font-size: 1.25rem;
14417    font-weight: 600;
14418    color: black;
14419
14420  }
14421
14422  .branding-floating-card .branding-expanded-loading {
14423    display: flex;
14424    align-items: center;
14425    justify-content: center;
14426    padding: 20px;
14427  }
14428
14429  .branding-floating-card .branding-expanded-spinner {
14430    width: 24px;
14431    height: 24px;
14432    border: 2px solid rgba(var(--color-scheme-text, 0 0 0), 0.1);
14433    border-top-color: rgb(var(--color-scheme-text, 0 0 0));
14434    border-radius: 50%;
14435    animation: branding-pill-spin 0.8s linear infinite;
14436  }
14437
14438  @keyframes branding-pill-spin {
14439    to { transform: rotate(360deg); }
14440  }
14441
14442  .branding-floating-card .branding-expanded-description {
14443    margin-bottom: 16px;
14444    line-height: 1.6;
14445    color: black;
14446  }
14447
14448  .branding-floating-card .branding-expanded-description p {
14449    margin: 0;
14450  }
14451
14452  .branding-floating-card .branding-expanded-description p + p {
14453    margin-top: 0.75em;
14454  }
14455
14456  @media (max-width: 749px) {
14457    .branding-floating-card {
14458      width: calc(100vw - 48px) !important;
14459      left: 24px !important;
14460      max-width: none !important;
14461    }
14462  }
14463</style>
14464
14465<!-- Overlay backdrop -->
14466<div
14467  id="branding-floating-overlay"
14468  class="branding-floating-overlay"
14469  onclick="window.closeBrandingServiceCard()"
14470></div>
14471
14472<!-- Floating card - HTML structure matches carousel expanded cards -->
14473<div
14474  id="branding-floating-card"
14475  class="branding-floating-card color-scheme5"
14476>
14477  <!-- Close button (top right over image) -->
14478  <button type="button" class="branding-pill-close" onclick="window.closeBrandingServiceCard()">
14479    <span class="sr-only">Close</span>
14480    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
14481      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
14482    </svg>
14483  </button>
14484
14485  <!-- Image with link -->
14486  <a id="branding-card-image-link" href="#" class="branding-pill-image-link">
14487    <img
14488      id="branding-card-image"
14489      class="branding-pill-image"
14490      src=""
14491      alt=""
14492      loading="lazy"
14493      width="300"
14494      height="300"
14495    >
14496  </a>
14497
14498  <!-- Label button (hidden in expanded state, like carousel) -->
14499  <a id="branding-card-label" href="#" class="branding-pill-label"></a>
14500
14501  <!-- Expanded content -->
14502  <div class="branding-pill-content">
14503    <h3 id="branding-card-title" class="branding-expanded-title"></h3>
14504    <div id="branding-card-loading" class="branding-expanded-loading" style="display: none;">
14505      <div class="branding-expanded-spinner"></div>
14506    </div>
14507    <div id="branding-card-description" class="branding-expanded-description"></div>
14508  </div>
14509</div>
14510
14511<script>
14512(function() {
14513  // Build service data from Shopify blocks
14514  // Key is the lowercase metafield value (e.g., "screen print", "custom neck tags")
14515  const brandingServiceData = {
14516    
14517      'high density transfer': {
14518        title: "High density transfer",
14519        description: "\u003cp\u003eA high density transfer is a heat-applied decoration that creates a raised, textured print using layered ink, producing a bold, dimensional effect with sharp edges and strong durability on garments.\u003c\/p\u003e",
14520        image: '//printroom.co/cdn/shop/files/heat_transfer_2_1b6dd18d-7ae5-452a-a0ca-fef697ba6400.jpg?v=1761181341&width=800',
14521        imageAlt: "High density transfer",
14522        ctaText: "Learn more",
14523        ctaUrl: '#'
14524      },
14525    
14526      'printed seam tape': {
14527        title: "printed seam tape",
14528        description: "\u003cp\u003eAdd a custom touch to the inside of your cap with printed seam tape. This often-overlooked detail offers a unique way to showcase your brand, giving your caps a polished finish that stands out from the inside out. Fully customisable, it’s a small touch that makes a big impression.\u003c\/p\u003e",
14529        image: '//printroom.co/cdn/shop/files/speights_cap_inner_3.jpg?v=1743540305&width=800',
14530        imageAlt: "custom caps NZ",
14531        ctaText: "Learn more",
14532        ctaUrl: '#'
14533      },
14534    
14535      'knitted all-over': {
14536        title: "Knitted all-over",
14537        description: "\u003cp\u003eKnitted all-over designs weave patterns directly into the fabric of your custom socks, creating a seamless, durable look that won’t fade over time. Ideal for intricate, full-length designs with lasting quality.\u003c\/p\u003e",
14538        image: '//printroom.co/cdn/shop/files/knitted_all_over_detail.jpg?v=1772668725&width=800',
14539        imageAlt: "Knitted all-over",
14540        ctaText: "Learn more",
14541        ctaUrl: '#'
14542      },
14543    
14544      'dye-sublimation': {
14545        title: "Dye-sublimation",
14546        description: "\u003cp\u003eDye-sublimation allows vibrant, full-colour designs to be seamlessly printed on your custom socks. The process ensures high-quality, durable prints that won’t fade, perfect for intricate patterns or all-over designs.\u003c\/p\u003e",
14547        image: '//printroom.co/cdn/shop/files/dye_sub_detail.jpg?v=1772673144&width=800',
14548        imageAlt: "Dye-sublimation",
14549        ctaText: "Learn more",
14550        ctaUrl: '#'
14551      },
14552    
14553      'additional cushioning': {
14554        title: "Additional cushioning",
14555        description: "\u003cp\u003eAdd extra cushioning to your custom socks for improved comfort and support. The soft padding underfoot reduces impact, perfect for all-day wear or active use.\u003c\/p\u003e",
14556        image: '//printroom.co/cdn/shop/files/cushion_detail.jpg?v=1772673175&width=800',
14557        imageAlt: "Additional cushioning",
14558        ctaText: "Learn more",
14559        ctaUrl: '#'
14560      },
14561    
14562      'added grip': {
14563        title: "Added grip",
14564        description: "\u003cp\u003eEnhance your custom socks with added grip to prevent slipping! The textured grip on the sole ensures better traction, or adds an extra dimension to your custom product.\u003c\/p\u003e",
14565        image: '//printroom.co/cdn/shop/files/added_grip_detail.jpg?v=1772675209&width=800',
14566        imageAlt: "Added grip",
14567        ctaText: "Learn more",
14568        ctaUrl: '#'
14569      },
14570    
14571      'custom neck tags': {
14572        title: "Custom neck tags",
14573        description: "\u003cp\u003eMake your brand stand out with custom neck tags! Whether you choose woven labels or screen printing, our high-quality neck tags offer a professional finish and are ideal for showcasing your unique brand identity.\u003c\/p\u003e",
14574        image: '//printroom.co/cdn/shop/files/cardrona_4_2_936c38b5-e634-4f0f-b224-0c9ed7b76ed9.jpg?v=1648584454&width=800',
14575        imageAlt: "garment relabelling and custom neck tags christchurch",
14576        ctaText: "Learn more",
14577        ctaUrl: '#'
14578      },
14579    
14580      'screen print': {
14581        title: "Screen Printing",
14582        description: "\u003cp\u003eOur most popular print method for good reason—it delivers \u003cstrong\u003etop-tier qual
14582ity\u003c\/strong\u003e, long-lasting results, and exceptional value for larger orders.\u003c\/p\u003e",
14583        image: '//printroom.co/cdn/shop/files/PrintRoomMay2024Image-16.jpg?v=1733350366&width=800',
14584        imageAlt: "Screen Printing",
14585        ctaText: "Learn more",
14586        ctaUrl: '#'
14587      },
14588    
14589      'embroidery': {
14590        title: "Embroidery",
14591        description: "\u003cp\u003eUnmatched in durability, embroidery is a simple choice for those wanting texture, dimension and a high-end finish.\u003c\/p\u003e",
14592        image: '//printroom.co/cdn/shop/files/The_print_room_custom_embroidery_new_zealand.jpg?v=1613753361&width=800',
14593        imageAlt: "Embroidery",
14594        ctaText: "Learn more",
14595        ctaUrl: '#'
14596      },
14597    
14598      'heat transfer': {
14599        title: "Heat Transfers",
14600        description: "\u003cp\u003ePerfect for producing vibrant, detail-rich prints that require low minimums.\u003c\/p\u003e",
14601        image: '//printroom.co/cdn/shop/files/heat_press_print_room.jpg?v=1776795804&width=800',
14602        imageAlt: "Heat Transfers",
14603        ctaText: "Learn more",
14604        ctaUrl: '/pages/heat-transfers'
14605      },
14606    
14607      'custom patches': {
14608        title: "Custom Patches",
14609        description: "\u003cp\u003eDurable and versatile, add dimension to your merch with embroidered, woven or iron-on custom patches.\u003c\/p\u003e",
14610        image: '//printroom.co/cdn/shop/files/PrintRoomApril2024Image-42_28acbdcf-7baf-4834-9201-752d656019ad.jpg?v=1754535298&width=800',
14611        imageAlt: "custom patches NZ",
14612        ctaText: "Learn more",
14613        ctaUrl: '#'
14614      },
14615    
14616      'custom packaging': {
14617        title: "Custom packaging",
14618        description: "\u003cp\u003eThe ultimate finishing touch; custom packaging. It’s the first thing your customer sees, make the best impression possible and package your products inline with your brand.\u003c\/p\u003e",
14619        image: '//printroom.co/cdn/shop/files/socks_label.jpg?v=1743476398&width=800',
14620        imageAlt: "custom socks",
14621        ctaText: "Learn more",
14622        ctaUrl: '#'
14623      },
14624    
14625      'custom woven label': {
14626        title: "Custom woven label",
14627        description: "\u003cp\u003eGive all of the details you need while putting the finishing touches on your product.\u003c\/p\u003e",
14628        image: '//printroom.co/cdn/shop/files/garage_project_cap_4.1.jpg?v=1770086525&width=800',
14629        imageAlt: "Custom woven label",
14630        ctaText: "Learn more",
14631        ctaUrl: '#'
14632      },
14633    
14634      'pip tags': {
14635        title: "Pip tags",
14636        description: "\u003cp\u003eElevate your garments with custom pip tags. Perfect for adding subtle branding, a small detail with a big impact for your apparel collection.\u003c\/p\u003e",
14637        image: '//printroom.co/cdn/shop/files/cardrona_3_19a3035b-75a5-4fd0-9604-01d159cdc102.jpg?v=1648585469&width=800',
14638        imageAlt: "garment relabelling and custom neck tags nz",
14639        ctaText: "Learn more",
14640        ctaUrl: '#'
14641      },
14642    
14643      'additional print placements': {
14644        title: "Additional print placements",
14645        description: "\u003cp\u003eAdd extra visibility to your brand by adding additional prints\/decorations. Back of the cap, sleeve of your sweatshirt; you name it, we can most likely do it. Make the most of your products' full 360 degrees.\u003c\/p\u003e",
14646        image: '//printroom.co/cdn/shop/files/garage_project_cap_3.1.jpg?v=1770083144&width=800',
14647        imageAlt: "Additional print placements",
14648        ctaText: "Learn more",
14649        ctaUrl: '#'
14650      },
14651    
14652      'various attachments available': {
14653        title: "Various attachments available",
14654        description: "\u003cp\u003eMake the most of customisation and choose the attachment style that works for your project. Robust, intricate, elegant…your choice.\u003c\/p\u003e",
14655        image: '//printroom.co/cdn/shop/files/pack-a-punch.jpg?v=1760925265&width=800',
14656        imageAlt: "Various attachments available",
14657        ctaText: "Learn more",
14658        ctaUrl: '#'
14659      },
14660    
14661      'add additional colours': {
14662        title: "Add additional colours",
14663        description: "\u003cp\u003eCreate more depth and complexity when your brand needs it. Specific limitations apply to each product. Consult your account manager for specific limitations.\u003c\/p\u003e",
14664        image: '//printroom.co/cdn/shop/files/ombre.jpg?v=1770253000&width=800',
14665        imageAlt: "Add additional colours",
14666        ctaText: "Learn more",
14667        ctaUrl: '#'
14668      },
14669    
14670      'various closures available': {
14671        title: "Various closures available",
14672        description: "\u003cp\u003eAchieve the result you want with control over what closure you go with.\u003c\/p\u003e",
14673        image: '//printroom.co/cdn/shop/files/closure_options_2.1_76d53ef9-c502-45b4-b915-66543d3c7f40.jpg?v=1769654951&width=800',
14674        imageAlt: "Various closures available",
14675        ctaText: "Learn more",
14676        ctaUrl: '#'
14677      },
14678    
14679      'glow in the dark': {
14680        title: "Glow in the dark",
14681        description: "\u003cp\u003eBe seen…in the dark! Add a novel element to your product and have some fun with it.\u003c\/p\u003e",
14682        image: '//printroom.co/cdn/shop/files/glow_in_the_dark.jpg?v=1770253668&width=800',
14683        imageAlt: "Glow in the dark",
14684        ctaText: "Learn more",
14685        ctaUrl: '#'
14686      },
14687    
14688      'applique': {
14689        title: "Applique",
14690        description: "\u003cp\u003eAppliqué embroidery isa technique where small pieces of fabric are laser cut and layered and stitched onto a garment, adding texture to the design.\u003c\/p\u003e",
14691        image: '//printroom.co/cdn/shop/files/Screenshot-2026-04-22-at-6.18.38_AM.jpg?v=1776795959&width=800',
14692        imageAlt: "Applique",
14693        ctaText: "Learn more",
14694        ctaUrl: '#'
14695      },
14696    
14697      'spreadsheet': {
14698        title: "Spreadsheet",
14699        description: "\u003cp\u003eWe send you a formatted spreadsheet that can be shared around your year group for each student to input the
14699ir garment style, size and custom name. \u003c\/p\u003e",
14700        image: null,
14701        imageAlt: "Spreadsheet",
14702        ctaText: "Learn more",
14703        ctaUrl: '#'
14704      },
14705    
14706      'online portal': {
14707        title: "Online portal",
14708        description: "\u003cp\u003eWe setup an password portected online portal for your year group to log into and purchased or order their garments. \u003c\/p\u003e",
14709        image: '//printroom.co/cdn/shop/files/product_1db770e9-3325-4bd4-8636-6f4b6d5e566a_slot_5.jpg?v=1776753322&width=800',
14710        imageAlt: "Earth Positive Premium Jersey T-shirt EP185 T-shirt branded merchandise nz",
14711        ctaText: "Click",
14712        ctaUrl: '#'
14713      }
14714    
14715  };
14716
14717  // Also build hyphenated keys for matching
14718  const brandingServiceDataNormalized = {};
14719  Object.keys(brandingServiceData).forEach(key => {
14720    // Store with original key
14721    brandingServiceDataNormalized[key] = brandingServiceData[key];
14722    // Also store with hyphenated version
14723    const hyphenated = key.replace(/\s+/g, '-');
14724    brandingServiceDataNormalized[hyphenated] = brandingServiceData[key];
14725    // Also store with spaced version (in case key was hyphenated)
14726    const spaced = key.replace(/-/g, ' ');
14727    brandingServiceDataNormalized[spaced] = brandingServiceData[key];
14728  });
14729
14730  // Configuration from section settings
14731  const config = {
14732    maxWidth: 400,
14733    animationDuration: 300,
14734    showOverlay: false
14735  };
14736
14737  // State
14738  let isCardOpen = false;
14739  let originRect = null;
14740
14741  // DOM elements
14742  const overlay = document.getElementById('branding-floating-overlay');
14743  const card = document.getElementById('branding-floating-card');
14744  const cardImageLink = document.getElementById('branding-card-image-link');
14745  const cardImage = document.getElementById('branding-card-image');
14746  const cardLabel = document.getElementById('branding-card-label');
14747  const cardTitle = document.getElementById('branding-card-title');
14748  const cardLoading = document.getElementById('branding-card-loading');
14749  const cardDescription = document.getElementById('branding-card-description');
14750
14751  // Find service data by matching the label text
14752  function findServiceData(label) {
14753    if (!label) return null;
14754    const searchKey = label.toLowerCase().trim();
14755    const searchKeyHyphenated = searchKey.replace(/\s+/g, '-');
14756    
14757    // Direct match
14758    if (brandingServiceDataNormalized[searchKey]) {
14759      return brandingServiceDataNormalized[searchKey];
14760    }
14761    
14762    // Try hyphenated version
14763    if (brandingServiceDataNormalized[searchKeyHyphenated]) {
14764      return brandingServiceDataNormalized[searchKeyHyphenated];
14765    }
14766    
14767    // Partial match - check if any key is contained in the label or vice versa
14768    for (const key of Object.keys(brandingServiceDataNormalized)) {
14769      if (searchKey.includes(key) || key.includes(searchKey)) {
14770        return brandingServiceDataNormalized[key];
14771      }
14772    }
14773    
14774    return null;
14775  }
14776
14777  // Populate card content
14778  function populateCard(data, serviceUrl) {
14779    const url = data.ctaUrl || serviceUrl || '#';
14780
14781    // Set image
14782    if (data.image) {
14783      cardImage.src = data.image;
14784      cardImage.alt = data.imageAlt || data.title || '';
14785      cardImageLink.classList.add('has-image');
14786    } else {
14787      cardImage.src = '';
14788      cardImage.alt = '';
14789      cardImageLink.classList.remove('has-image');
14790    }
14791
14792    // Set links
14793    cardImageLink.href = url;
14794    cardLabel.href = url;
14795    cardLabel.textContent = data.title || '';
14796
14797    // Set content
14798    cardTitle.textContent = data.title || '';
14799
14800    // Handle description - if we have static content use it, otherwise fetch
14801    if (data.description && data.description.trim() !== '' && data.description !== '<p>Add a description of this branding service.</p>') {
14802      cardDescription.innerHTML = data.description;
14803      cardLoading.style.display = 'none';
14804    } else {
14805      // Fetch description from service page
14806      cardDescription.innerHTML = '';
14807      cardLoading.style.display = 'flex';
14808
14809      if (url && url !== '#') {
14810        fetch(url)
14811          .then(response => response.text())
14812          .then(html => {
14813            const parser = new DOMParser();
14814            const doc = parser.parseFromString(html, 'text/html');
14815            const main = doc.querySelector('main') || doc.querySelector('.page-content') || doc.querySelector('.shopify-section') || doc.body;
14816            let description = '<p>Discover our premium branding service.</p>';
14817            if (main) {
14818              const firstP = main.querySelector('p');
14819              if (firstP) description = '<p>' + firstP.textContent.trim() + '</p>';
14820            }
14821            cardDescription.innerHTML = description;
14822            cardLoading.style.display = 'none';
14823          })
14824          .catch(() => {
14825            cardDescription.innerHTML = '<p>Discover our premium branding service.</p>';
14826            cardLoading.style.display = 'none';
14827          });
14828      } else {
14829        cardDescription.innerHTML = '<p>Discover our premium branding service.</p>';
14830        cardLoading.style.display = 'none';
14831      }
14832    }
14833  }
14834
14835  // Show card with animation from button position
14836  function showCardWithData(data, buttonElement, serviceUrl) {
14837    if (!data) {
14838      console.warn('No service data provided');
14839      return;
14840    }
14841
14842    // Get button position for animation origin
14843    const buttonRect = buttonElement
14844      ? buttonElement.getBoundingClientRect()
14845      : { left: window.innerWidth / 2 - 50, top: window.innerHeight / 2, width: 100, height: 40 };
14846
14847    originRect = { ...buttonRect };
14848
14849    // Populate content
14850    populateCard(data, serviceUrl);
14851
14852    // Calculate target dimensions
14853    const expandedWidth = Math.min(window.innerWidth - 40, config.maxWidth);
14854    const padding = 20;
14855    const headerHeight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--header-height') || '0', 10);
14856
14857   // Center expanded card horizontally on the button's center
14858const buttonCenterX = buttonRect.left + (buttonRect.width / 2);
14859let targetLeft = buttonCenterX - (expandedWidth / 2);
14860
14861// Clamp to viewport bounds horizontally
14862targetLeft = Math.max(padding, Math.min(targetLeft, window.innerWidth - expandedWidth - padding));
14863
14864// Position vertically: expand from button's top, but ensure it stays in viewport
14865// Start from the button's vertical position
14866let targetTop = buttonRect.top;
14867
14868// Get actual card content height or use a more realistic estimate
14869const cardContent = card.querySelector('.card__content') || card;
14870const estimatedCardHeight = cardContent.scrollHeight || 600; // Increased from 400 to 600
14871
14872// Calculate available space below and above the button
14873const spaceBelow = window.innerHeight - buttonRect.bottom - padding;
14874const spaceAbove = buttonRect.top - headerHeight - padding;
14875
14876// If card would go below viewport, shift it up
14877if (targetTop + estimatedCardHeight > window.innerHeight - padding) {
14878  targetTop = Math.max(headerHeight + padding, window.innerHeight - estimatedCardHeight - padding);
14879}
14880
14881// If card would go above header, shift it down
14882if (targetTop < headerHeight + padding) {
14883  targetTop = headerHeight + padding;
14884}
14885
14886// Final safety check: ensure card fits in viewport
14887const maxAllowedHeight = window.innerHeight - headerHeight - (padding * 2);
14888if (estimatedCardHeight > maxAllowedHeight) {
14889  targetTop = headerHeight + padding;
14890  card.style.maxHeight = maxAllowedHeight + 'px';
14891  card.style.overflowY = 'auto';
14892}
14893
14894
14895    // Show overlay
14896    if (config.showOverlay) {
14897      overlay.classList.add('active');
14898    }
14899
14900    // Set initial state at EXACT button position
14901    card.style.position = 'fixed';
14902    card.style.top = buttonRect.top + 'px';
14903    card.style.left = buttonRect.left + 'px';
14904    card.style.width = buttonRect.width + 'px';
14905    card.style.height = buttonRect.height + 'px';
14906    card.style.zIndex = '10000';
14907    card.style.margin = '0';
14908    card.style.display = 'flex';
14909    card.style.opacity = '1';
14910    card.style.pointerEvents = 'auto';
14911    card.style.overflow = 'hidden';
14912    card.style.transition = 'none';
14913    card.style.flexDirection = 'column';
14914    card.style.borderRadius = '16px';
14915
14916    // Force reflow to ensure initial position is applied
14917    card.getBoundingClientRect();
14918
14919    // Now animate to expanded position
14920    requestAnimationFrame(() => {
14921      requestAnimationFrame(() => {
14922        card.style.transition = `
14923          top ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14924          left ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14925          width ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14926          height ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1)
14927        `;
14928        card.style.top = targetTop + 'px';
14929        card.style.left = targetLeft + 'px';
14930        card.style.width = expandedWidth + 'px';
14931        card.style.height = 'auto';
14932      });
14933    });
14934
14935    isCardOpen = true;
14936  }
14937
14938  // Close card with animation back to origin
14939  window.closeBrandingServiceCard = function() {
14940    if (!isCardOpen) return;
14941
14942    // Animate back to origin position (exactly like carousel collapseCard)
14943    if (originRect) {
14944      card.style.transition = `
14945        top ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14946        left ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14947        width ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1),
14948        height ${config.animationDuration}ms cubic-bezier(0.32, 0.72, 0, 1)
14949      `;
14950      card.style.top = originRect.top + 'px';
14951      card.style.left = originRect.left + 'px';
14952      card.style.width = originRect.width + 'px';
14953      card.style.height = originRect.height + 'px';
14954      card.style.overflow = 'hidden';
14955    }
14956
14957    // Hide overlay
14958    overlay.classList.remove('active');
14959
14960    // Clean up after animation
14961    setTimeout(() => {
14962      card.style.display = 'none';
14963      card.style.transition = '';
14964      card.style.top = '';
14965      card.style.left = '';
14966      card.style.width = '';
14967      card.style.height = '';
14968      card.style.opacity = '';
14969      card.style.pointerEvents = '';
14970      card.style.overflow = '';
14971      isCardOpen = false;
14972      originRect = null;
14973    }, config.animationDuration);
14974  };
14975
14976  // Event listener for pill button clicks
14977  // Alpine's $dispatch bubbles from the element through the DOM
14978  document.addEventListener('branding-modal:open', (event) => {
14979    // Prevent duplicate handling
14980    if (event._handled) return;
14981    event._handled = true;
14982
14983    const { label, url, element } = event.detail || {};
14984
14985    // Get the pill text from the button element if available
14986    const pillText = element ? (element.querySelector('.branding-service-pill__text')?.textContent || label) : label;
14987
14988    // Find service data by matching the pill text
14989    const serviceData = findServiceData(pillText);
14990    if (!serviceData) {
14991      console.warn('No service data configured for:', pillText);
14992      return;
14993    }
14994
14995    // If a card is already open, close it first
14996    if (isCardOpen) {
14997      window.closeBrandingServiceCard();
14998      setTimeout(() => {
14999        showCardWithData(serviceData, element, url);
15000      }, config.animationDuration + 50);
15001    } else {
15002      showCardWithData(serviceData, element, url);
15003    }
15004  });
15005
15006  // Escape key handler
15007  document.addEventListener('keydown', (e) => {
15008    if (e.key === 'Escape' && isCardOpen) {
15009      window.closeBrandingServiceCard();
15010    }
15011  });
15012})();
15013</script>
15013
15014
15015
15016</section>
15017
15018    
15018<script src="//printroom.co/cdn/shop/t/59/assets/global.bundle.js?v=149077486339995821341790734057" type="module"></script>
15018
15019
15020    
15020<script>
15021      window.Shopify = window.Shopify || {};
15022      window.Shopify.locale = "en";
15023      window.Shopify.currency = {
15024        active: "USD",
15025        rate: ""
15026      };
15027    </script>
15027
15028  <div id="shopify-block-AWDJwL3lGQkF3Zitrd__39280165312039977" class="shopify-block shopify-app-block">
15029
15030�
15030<script>
15031  console.log('[FulfillmentFee] Namespace: app--313853968385--fulfillment_fee');
15032  console.log('[FulfillmentFee] Key: config');
15033  console.log('[FulfillmentFee] Config value:', {"vendorFees":{"Wētā FX Crew":5.75},"feeProductVariantId":"gid:\/\/shopify\/ProductVariant\/44486403227718","isEnabled":true});
15034</script>
15034<script>
15035  (function() {
15036    // The metafield .value is already a parsed JSON object
15037    var configData = {"vendorFees":{"Wētā FX Crew":5.75},"feeProductVariantId":"gid:\/\/shopify\/ProductVariant\/44486403227718","isEnabled":true};
15038    if (configData && typeof configData === 'object') {
15039      window.__FULFILLMENT_FEE_CONFIG__ = configData;
15040      console.log('[FulfillmentFee] Config loaded:', window.__FULFILLMENT_FEE_CONFIG__);
15041    } else {
15042      console.error('[FulfillmentFee] Invalid config data:', configData);
15043      window.__FULFILLMENT_FEE_CONFIG__ = null;
15044    }
15045  })();
15046</script>
vendor: 2 bytes, line 15046
15046
15047<script src="https://cdn.shopify.com/extensions/019d45d2-6a70-7eed-8da1-d1e8fd0fae86/fulfillment-fee-app-100/assets/fulfillment-fee-manager.js" defer></script>
15047
15048</div><div id="shopify-block-AWitpMC8rZDJCSlg4R__15573056287721514228" class="shopify-block shopify-app-block json-ld-for-seo"><!-- generated: 2026-10-04 21:38:24 +1300 -->
15049<!-- BEGIN app snippet: json_ld_for_seo_web_page -->
15049<script type="application/ld+json">
15050 {
15051   "@context": "https://schema.org",
15052   "@type": "WebPage",
15053   "@id": "https:\/\/printroom.co\/collections\/product-library#json-ld-for-seo-webpage",
15054   "url": "https:\/\/printroom.co\/collections\/product-library",
15055   "image": "https:\/\/printroom.co\/cdn\/shop\/collections\/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772649980\u0026width=1500",
15056   "primaryImageOfPage": "https:\/\/printroom.co\/cdn\/shop\/collections\/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772649980\u0026width=1500",
15057   "dateCreated": "2025-04-22T15:27:27+1200",
15058   "datePublished": "2025-04-22T15:27:27+1200"
15059 }
15060</script>
15060
15061<!-- END app snippet -->
15062<!-- wp 1 --><!-- BEGIN app snippet: json_ld_for_seo_organization -->
15063<script type="application/ld+json">
15064{
15065    "@context": "https://schema.org",
15066    "@type": "Organization","@id": "https:\/\/printroom.co\/#org",
15067    "name": "The Print Room",
15068    "url": "https:\/\/printroom.co",
15069    "description": "NZ’s experts in custom t-shirt printing, tote bags, uniforms, and branded merchandise. Print Room offers high-quality screen printing and embroidery using eco-friendly inks. Fast turnaround, sustainable production, and trusted by leading New Zealand brands.",
15070    "telephone": "+6434259694",
15071    "logo": "https:\/\/cdn.shopify.com\/s\/images\/admin\/no-image-large.gif",
15072    "image": "https:\/\/cdn.shopify.com\/s\/images\/admin\/no-image-large.gif",
15073    "sameAs": ["","https:\/\/www.instagram.com\/printroomnz\/"],
15074    "address": {
15075        "@type": "PostalAddress",
15076        "streetAddress": "21 Grosvenor Street, 21",
15077        "addressLocality": "Dunedin",
15078        "addressRegion": "Otago",
15079        "postalCode": "9011",
15080        "addressCountry": "NZ"
15081    },
15082   "contactPoint": [
15083     {
15084       "@type": "ContactPoint",
15085       "telephone": "+6434259694",
15086       "email": ""
15087     }
15088    ]}
15089</script>
15089
15090<!-- END app snippet --> <!-- o 1 --><!-- BEGIN app snippet: json_ld_for_seo_product_group --><!-- END app snippet -->
15091<!-- p 1 --><!-- BEGIN app snippet: json_ld_for_seo_breadcrumbs -->
15091<script type="application/ld+json">
15092 {
15093   "@context": "https://schema.org",
15094   "@type": "BreadcrumbList",
15095   "itemListElement": [{
15096     "@type": "ListItem",
15097     "position": 1,
15098     "name": "The Print Room",
15099     "item": "https:\/\/printroom.co\/"
15100   },{
15101     "@type": "ListItem",
15102     "position":2,
15103     "name": "Product library"
15104   }]
15105 }
15106</script>
15106
15107<!-- END app snippet --> <!-- A 5 -->
15108
15109
15110</div>
15110<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15110
15111</body>
15112</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.