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 & 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: "https:\/\/theprintroom.nz", 1589 intlTargetUrl: "https:\/\/printroom.co", 1590 auTargetUrl: "https:\/\/www.printroom.co\/en-au", 1591 messages: { 1592 fromInternational: "You're on our international site.", 1593 fromNz: "You're on our New Zealand site.", 1594 fromAu: "You're on our Australia site.", 1595 switchToNz: "Switch to New Zealand", 1596 switchToAu: "Switch to Australia", 1597 switchToInternational: "Switch to international",
1598 dismiss: "Dismiss" 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…</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…</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"> </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"> </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="> 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="> 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 > </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&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&width=200 200w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=350 350w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=450 450w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=750 750w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=850 850w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=960 960w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1280 1280w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1440 1440w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1536 1536w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1706 1706w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1782 1782w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=1920 1920w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=2560 2560w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&width=2880 2880w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_1.jpg?v=1772581593&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=350 350w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=450 450w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=750 750w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=850 850w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=960 960w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1280 1280w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1440 1440w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1536 1536w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1706 1706w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1782 1782w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=1920 1920w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=2560 2560w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&width=2880 2880w, //printroom.co/cdn/shop/files/product_a9061c96-f012-4c1b-8a13-dc512b72304b_slot_2.jpg?v=1772581594&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: "stencil-hood", 5969 title: "Stencil Hood", 5970 vendor: "AS Colour", 5971 hasColours: true, 5972 variantId: null, 5973 colour: null, 5974 sizeOptions: ["XS","S","M","L","XL","2XL","3XL","4XL","5XL"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=350 350w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=450 450w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=750 750w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=850 850w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=960 960w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1280 1280w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1440 1440w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1536 1536w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1706 1706w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1782 1782w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=1920 1920w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=2560 2560w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&width=2880 2880w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_1.jpg?v=1772654556&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=350 350w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=450 450w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=750 750w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=850 850w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=960 960w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1280 1280w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1440 1440w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1536 1536w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1706 1706w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1782 1782w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=1920 1920w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=2560 2560w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&width=2880 2880w, //printroom.co/cdn/shop/files/product_a75e485f-b314-489e-9bd6-e48e7b180d7f_slot_2.jpg?v=1772654559&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: "surf-cap", 6117 title: "Surf Cap", 6118 vendor: "AS Colour", 6119 hasColours: true, 6120 variantId: null, 6121 colour: null, 6122 sizeOptions: ["One Size"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=350 350w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=450 450w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=750 750w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=850 850w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=960 960w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1280 1280w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1440 1440w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1536 1536w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1706 1706w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1782 1782w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=1920 1920w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=2560 2560w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&width=2880 2880w, //printroom.co/cdn/shop/files/product_d08ffcb8-611f-401c-87a2-0711b56b28e2_slot_1.jpg?v=1772657689&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&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&width=200 200w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=350 350w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=450 450w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=750 750w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=850 850w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=960 960w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1280 1280w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1440 1440w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1536 1536w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1706 1706w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1782 1782w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=1920 1920w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=2560 2560w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&width=2880 2880w, //printroom.co/cdn/shop/files/pr_weekend_tote_utopia_ice_ltd_8accac43-5fcb-4ebb-8b20-4405e0db4d55.jpg?v=1790555505&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: "weekend-tote-bag", 6265 title: "Weekend Tote Bag", 6266 vendor: "Print Room", 6267 hasColours: true, 6268 variantId: null, 6269 colour: null, 6270 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=350 350w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=450 450w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=750 750w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=850 850w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=960 960w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1280 1280w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1440 1440w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1536 1536w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1706 1706w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1782 1782w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=1920 1920w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=2560 2560w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&width=2880 2880w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin.jpg?v=1785739796&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&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&width=200 200w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=350 350w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=450 450w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=750 750w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=850 850w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=960 960w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1280 1280w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1440 1440w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1536 1536w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1706 1706w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1782 1782w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=1920 1920w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=2560 2560w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&width=2880 2880w, //printroom.co/cdn/shop/files/mto_milk_mug_scroggin_2.jpg?v=1785739796&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: "milk-mug", 6413 title: "Milk Mug", 6414 vendor: "Made to order", 6415 hasColours: false, 6416 variantId: null, 6417 colour: null, 6418 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=350 350w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=450 450w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=750 750w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=850 850w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=960 960w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1280 1280w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1440 1440w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1536 1536w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1706 1706w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1782 1782w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=1920 1920w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=2560 2560w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&width=2880 2880w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_1.jpg?v=1772678118&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=350 350w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=450 450w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=750 750w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=850 850w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=960 960w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1280 1280w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1440 1440w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1536 1536w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1706 1706w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1782 1782w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=1920 1920w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=2560 2560w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&width=2880 2880w, //printroom.co/cdn/shop/files/product_b4bbb6a0-b0d8-441b-a70c-2a0dfeba3923_slot_2.jpg?v=1772678121&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: "heavy-tee", 6561 title: "Heavy Tee", 6562 vendor: "AS Colour", 6563 hasColours: true, 6564 variantId: null, 6565 colour: null, 6566 sizeOptions: ["S","M","L","XL","2XL","3XL","4XL","5XL"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=350 350w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=450 450w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=750 750w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=850 850w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=960 960w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1280 1280w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1440 1440w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1536 1536w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1706 1706w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1782 1782w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=1920 1920w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=2560 2560w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&width=2880 2880w, //printroom.co/cdn/shop/files/product_f2ebe561-6eac-4409-bebb-680590bead7d_slot_1.png?v=1772666077&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&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&width=200 200w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=350 350w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=450 450w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=750 750w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=850 850w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=960 960w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1280 1280w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1440 1440w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1536 1536w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1706 1706w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1782 1782w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=1920 1920w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=2560 2560w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&width=2880 2880w, //printroom.co/cdn/shop/files/business_socks_1fe2bdfd-21dd-4b1a-b3ba-d8d3b2786d80.jpg?v=1773194204&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: "custom-business-sock", 6709 title: "Business Sock", 6710 vendor: "Made to order", 6711 hasColours: false, 6712 variantId: null, 6713 colour: null, 6714 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=350 350w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=450 450w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=750 750w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=850 850w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=960 960w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1280 1280w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1440 1440w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1536 1536w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1706 1706w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1782 1782w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=1920 1920w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=2560 2560w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&width=2880 2880w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_1.jpg?v=1778567170&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=350 350w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=450 450w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=750 750w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=850 850w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=960 960w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1280 1280w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1440 1440w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1536 1536w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1706 1706w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1782 1782w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=1920 1920w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=2560 2560w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&width=2880 2880w, //printroom.co/cdn/shop/files/product_0ab74ef0-355d-466b-80b8-6d324cf996f0_slot_10.jpg?v=1778567194&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: "utility-tote-bag-16oz-colour", 6857 title: "Utility Tote Bag 16oz Colour", 6858 vendor: "Made to order", 6859 hasColours: false, 6860 variantId: null, 6861 colour: null, 6862 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=350 350w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=450 450w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=750 750w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=850 850w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=960 960w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1280 1280w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1440 1440w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1536 1536w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1706 1706w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1782 1782w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=1920 1920w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=2560 2560w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&width=2880 2880w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_1.jpg?v=1772676976&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&width=3000" alt="AS Colour Wo's maple tee" srcset="//printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=200 200w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=350 350w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=450 450w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=750 750w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=850 850w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=960 960w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1280 1280w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1440 1440w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1536 1536w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1706 1706w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1782 1782w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=1920 1920w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=2560 2560w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&width=2880 2880w, //printroom.co/cdn/shop/files/product_365f70b4-ad30-43ea-892f-db320032b39b_slot_2.jpg?v=1772676978&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: "wo-s-maple-tee", 7005 title: "Wo's Maple Tee", 7006 vendor: "AS Colour", 7007 hasColours: true, 7008 variantId: null, 7009 colour: null, 7010 sizeOptions: ["XS","S","M","L","XL","2XL","3XL"], 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'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&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&width=200 200w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=350 350w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=450 450w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=750 750w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=850 850w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=960 960w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1280 1280w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1440 1440w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1536 1536w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1706 1706w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1782 1782w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=1920 1920w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=2560 2560w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&width=2880 2880w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_1.jpg?v=1772676232&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=350 350w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=450 450w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=750 750w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=850 850w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=960 960w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1280 1280w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1440 1440w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1536 1536w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1706 1706w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1782 1782w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=1920 1920w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=2560 2560w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&width=2880 2880w, //printroom.co/cdn/shop/files/product_11bebcac-f2ca-45be-ac14-3a508f414724_slot_2.jpg?v=1772676235&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: "organic-cotton-tea-towel", 7153 title: "Organic Cotton Tea Towel", 7154 vendor: "Print Room", 7155 hasColours: false, 7156 variantId: null, 7157 colour: null, 7158 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=350 350w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=450 450w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=750 750w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=850 850w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=960 960w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1280 1280w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1440 1440w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1536 1536w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1706 1706w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1782 1782w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=1920 1920w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=2560 2560w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&width=2880 2880w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_1.jpg?v=1773790709&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=350 350w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=450 450w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=750 750w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=850 850w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=960 960w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1280 1280w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1440 1440w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1536 1536w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1706 1706w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1782 1782w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=1920 1920w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=2560 2560w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&width=2880 2880w, //printroom.co/cdn/shop/files/product_ee64c0ea-b552-4ce7-95f6-f8882dcb4eaa_slot_2.jpg?v=1773790711&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: "albany-hemp-cap-6-panel", 7301 title: "Albany Hemp Cap (6 panel)", 7302 vendor: "Made to order", 7303 hasColours: false, 7304 variantId: null, 7305 colour: null, 7306 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=350 350w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=450 450w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=750 750w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=850 850w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=960 960w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1280 1280w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1440 1440w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1536 1536w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1706 1706w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1782 1782w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=1920 1920w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=2560 2560w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&width=2880 2880w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_1.jpg?v=1772737418&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&width=3000" alt="Ecru coloured AS Colour Wo's heavy tee" srcset="//printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=200 200w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=350 350w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=450 450w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=750 750w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=850 850w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=960 960w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1280 1280w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1440 1440w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1536 1536w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1706 1706w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1782 1782w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=1920 1920w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=2560 2560w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&width=2880 2880w, //printroom.co/cdn/shop/files/product_55e0de96-cb57-4a6d-973a-d4545b84ebe6_slot_2.jpg?v=1772737420&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: "wo-s-heavy-tee", 7449 title: "Wo's Heavy Tee", 7450 vendor: "AS Colour", 7451 hasColours: true, 7452 variantId: null, 7453 colour: null, 7454 sizeOptions: ["XS","S","M","L","XL"], 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'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&width=3000" alt="Yellow and black enamel pin" srcset="//printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=200 200w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=350 350w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=450 450w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=750 750w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=850 850w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=960 960w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1280 1280w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1440 1440w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1536 1536w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1706 1706w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1782 1782w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=1920 1920w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=2560 2560w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&width=2880 2880w, //printroom.co/cdn/shop/files/autohive_enamel_pin.jpg?v=1773277138&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=350 350w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=450 450w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=750 750w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=850 850w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=960 960w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1280 1280w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1440 1440w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1536 1536w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1706 1706w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1782 1782w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=1920 1920w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=2560 2560w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&width=2880 2880w, //printroom.co/cdn/shop/files/product_8b998169-66d2-40b6-ab27-40af984ef5f8_slot_2.jpg?v=1773277138&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: "enamel-pin", 7597 title: "Enamel Pin", 7598 vendor: "Made to order", 7599 hasColours: false, 7600 variantId: null, 7601 colour: null, 7602 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=350 350w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=450 450w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=750 750w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=850 850w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=960 960w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1280 1280w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1440 1440w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1536 1536w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1706 1706w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1782 1782w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=1920 1920w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=2560 2560w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&width=2880 2880w, //printroom.co/cdn/shop/files/product_71b76965-1148-44a9-a539-49e5fc5b7a5d_slot_3.jpg?v=1773790005&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&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&width=200 200w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=350 350w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=450 450w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=750 750w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=850 850w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=960 960w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=1280 1280w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=1440 1440w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=1536 1536w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=1706 1706w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=177379000
76785&width=1782 1782w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=1920 1920w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=2560 2560w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&width=2880 2880w, //printroom.co/cdn/shop/files/6_panel_dad_1_c68f2945-5835-4d42-8c01-c4d340fd0dd4.jpg?v=1773790005&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: "clyde-dad-cap-6-panel", 7745 title: "Clyde Dad Cap (6 panel)", 7746 vendor: "Made to order", 7747 hasColours: false, 7748 variantId: null, 7749 colour: null, 7750 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=350 350w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=450 450w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=750 750w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=850 850w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=960 960w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1280 1280w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1440 1440w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1536 1536w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1706 1706w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1782 1782w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=1920 1920w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=2560 2560w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&width=2880 2880w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_1.png?v=1776249481&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=350 350w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=450 450w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=750 750w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=850 850w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=960 960w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1280 1280w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1440 1440w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1536 1536w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1706 1706w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1782 1782w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=1920 1920w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=2560 2560w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&width=2880 2880w, //printroom.co/cdn/shop/files/product_bd537bb1-766c-4f91-b17d-350ed669b3f1_slot_2.png?v=1776249483&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: "nalgene-sustain-wide-mouth-1l-bottle", 7893 title: "Nalgene Sustain Wide Mouth 1L Bottle", 7894 vendor: "Nalgene", 7895 hasColours: false, 7896 variantId: null, 7897 colour: null, 7898 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=350 350w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=450 450w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=750 750w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=850 850w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=960 960w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1280 1280w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1440 1440w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1536 1536w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1706 1706w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1782 1782w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=1920 1920w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=2560 2560w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&width=2880 2880w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_1.jpg?v=1772656638&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=350 350w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=450 450w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=750 750w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=850 850w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=960 960w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1280 1280w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1440 1440w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1536 1536w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1706 1706w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1782 1782w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=1920 1920w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=2560 2560w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&width=2880 2880w, //printroom.co/cdn/shop/files/product_4f060257-38d3-4f15-80e1-515eb12dd535_slot_2.jpg?v=1772656638&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: "staple-tee", 8041 title: "Staple Tee", 8042 vendor: "AS Colour", 8043 hasColours: true, 8044 variantId: null, 8045 colour: null, 8046 sizeOptions: ["XS","S","M","L","XL","2XL","3XL","4XL","5XL","XSM"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=350 350w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=450 450w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=750 750w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=850 850w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=960 960w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1280 1280w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1440 1440w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1536 1536w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1706 1706w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1782 1782w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=1920 1920w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=2560 2560w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&width=2880 2880w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_1.png?v=1773368431&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=350 350w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=450 450w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=750 750w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=850 850w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=960 960w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1280 1280w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1440 1440w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1536 1536w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1706 1706w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1782 1782w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=1920 1920w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=2560 2560w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&width=2880 2880w, //printroom.co/cdn/shop/files/product_9e906188-803b-49bf-820c-1f613b5f2785_slot_2.jpg?v=1773368434&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: "crew-sock", 8189 title: "Crew Sock", 8190 vendor: "Made to order", 8191 hasColours: false, 8192 variantId: null, 8193 colour: null, 8194 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=350 350w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=450 450w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=750 750w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=850 850w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=960 960w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1280 1280w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1440 1440w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1536 1536w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1706 1706w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1782 1782w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=1920 1920w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=2560 2560w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&width=2880 2880w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_1.jpg?v=1773279088&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=350 350w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=450 450w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=750 750w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=850 850w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=960 960w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1280 1280w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1440 1440w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1536 1536w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1706 1706w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1782 1782w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=1920 1920w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=2560 2560w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&width=2880 2880w, //printroom.co/cdn/shop/files/product_63ddfc12-92eb-4864-a558-39930a3de3a5_slot_3.jpg?v=1773279088&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: "everyday-tote", 8337 title: "Everyday Tote", 8338 vendor: "Print Room", 8339 hasColours: false, 8340 variantId: null, 8341 colour: null, 8342 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=350 350w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=450 450w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=750 750w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=850 850w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=960 960w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1280 1280w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1440 1440w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1536 1536w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1706 1706w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1782 1782w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=1920 1920w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=2560 2560w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&width=2880 2880w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_1.jpg?v=1773174909&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&width=3000" alt="Blue AS Colour Wo's relax crew" srcset="//printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=200 200w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=350 350w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=450 450w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=750 750w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=850 850w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=960 960w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1280 1280w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1440 1440w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1536 1536w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1706 1706w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1782 1782w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=1920 1920w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=2560 2560w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&width=2880 2880w, //printroom.co/cdn/shop/files/product_a2d44a0d-5396-4467-ac50-55a596bd9f92_slot_2.jpg?v=1773174913&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: "wos-relax-crew", 8485 title: "Wo's Relax Crew", 8486 vendor: "AS Colour", 8487 hasColours: true, 8488 variantId: null, 8489 colour: null, 8490 sizeOptions: ["XS","S","M","L","XL","2XL"], 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'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&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&width=200 200w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=350 350w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=450 450w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=750 750w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=850 850w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=960 960w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1280 1280w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1440 1440w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1536 1536w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1706 1706w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1782 1782w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=1920 1920w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=2560 2560w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&width=2880 2880w, //printroom.co/cdn/shop/files/product_fe933e96-cce1-40e8-803a-936a13a55125_slot_1.jpg?v=1773787852&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&width=3000" alt="Bucket Hat - Black" srcset="//printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=200 200w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=350 350w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=450 450w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=750 750w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=850 850w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=960 960w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1280 1280w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1440 1440w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1536 1536w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1706 1706w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1782 1782w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=1920 1920w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=2560 2560w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&width=2880 2880w, //printroom.co/cdn/shop/files/1117_BUCKET_HAT_BLACK__40833.1751327548.1280.1280.jpg?v=1790556632&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: "bucket-hat", 8633 title: "Bucket Hat", 8634 vendor: "AS Colour", 8635 hasColours: true, 8636 variantId: null, 8637 colour: null, 8638 sizeOptions: ["One Size","OS"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=350 350w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=450 450w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=750 750w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=850 850w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=960 960w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1280 1280w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1440 1440w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1536 1536w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1706 1706w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1782 1782w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=1920 1920w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=2560 2560w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&width=2880 2880w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_1.jpg?v=1772742648&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=350 350w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=450 450w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=750 750w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=850 850w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=960 960w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1280 1280w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1440 1440w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1536 1536w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1706 1706w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1782 1782w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=1920 1920w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=2560 2560w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&width=2880 2880w, //printroom.co/cdn/shop/files/product_ff0e8200-e52c-4876-99cb-28ea63232a7f_slot_2.jpg?v=1772742651&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: "relax-crew", 8781 title: "Relax Crew", 8782 vendor: "AS Colour", 8783 hasColours: true, 8784 variantId: null, 8785 colour: null, 8786 sizeOptions: ["XS","S","M","L","XL","2XL","3XL","4XL","5XL"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=350 350w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=450 450w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=750 750w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=850 850w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=960 960w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1280 1280w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1440 1440w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1536 1536w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1706 1706w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1782 1782w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=1920 1920w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=2560 2560w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&width=2880 2880w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_1.jpg?v=1773197210&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&width=3000" alt="red plain cuffed beanie" srcset="//printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=200 200w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=350 350w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=450 450w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=750 750w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=850 850w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=960 960w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1280 1280w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1440 1440w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1536 1536w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1706 1706w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1782 1782w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=1920 1920w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=2560 2560w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&width=2880 2880w, //printroom.co/cdn/shop/files/product_940636f3-84cc-4bca-be7c-3ea9f91cb844_slot_2.jpg?v=1773197212&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: "cable-beanie", 8929 title: "Cable Beanie", 8930 vendor: "AS Colour", 8931 hasColours: true, 8932 variantId: null, 8933 colour: null, 8934 sizeOptions: ["One Size","OS"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=350 350w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=450 450w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=750 750w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=850 850w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=960 960w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1280 1280w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1440 1440w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1536 1536w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1706 1706w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1782 1782w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=1920 1920w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=2560 2560w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&width=2880 2880w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_1.jpg?v=1774554864&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=350 350w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=450 450w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=750 750w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=850 850w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=960 960w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1280 1280w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1440 1440w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1536 1536w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1706 1706w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1782 1782w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=1920 1920w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=2560 2560w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&width=2880 2880w, //printroom.co/cdn/shop/files/product_d9290be8-e36a-4861-a4ca-eec61b6ea795_slot_2.jpg?v=1774554868&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: "stubby-cooler", 9077 title: "Stubby Cooler", 9078 vendor: "Made to order", 9079 hasColours: false, 9080 variantId: null, 9081 colour: null, 9082 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=350 350w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=450 450w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=750 750w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=850 850w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=960 960w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1280 1280w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1440 1440w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1536 1536w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1706 1706w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1782 1782w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=1920 1920w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=2560 2560w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&width=2880 2880w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_1.jpg?v=1773787904&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=350 350w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=450 450w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=750 750w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=850 850w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=960 960w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1280 1280w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1440 1440w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1536 1536w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1706 1706w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1782 1782w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=1920 1920w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=2560 2560w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&width=2880 2880w, //printroom.co/cdn/shop/files/product_918324d4-61e5-41c2-a52d-9d7b4d0cf628_slot_2.jpg?v=1773787907&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: "finn-five-panel-cap", 9225 title: "Finn Five Panel Cap", 9226 vendor: "AS Colour", 9227 hasColours: true, 9228 variantId: null, 9229 colour: null, 9230 sizeOptions: ["One Size","OS"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=350 350w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=450 450w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=750 750w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=850 850w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=960 960w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1280 1280w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1440 1440w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1536 1536w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1706 1706w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1782 1782w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=1920 1920w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=2560 2560w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&width=2880 2880w, //printroom.co/cdn/shop/files/product_9cf768c6-ae51-496a-a6de-c53bdd3c980e_slot_3.jpg?v=1773800232&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&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&width=200 200w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=350 350w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=450 450w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=750 750w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=850 850w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=960 960w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1280 1280w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1440 1440w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1536 1536w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1706 1706w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1782 1782w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=1920 1920w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=2560 2560w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&width=2880 2880w, //printroom.co/cdn/shop/files/as_colour_carrie_tote_flight_coffee_0dd325f9-d288-4078-8f45-06a656e22906.jpg?v=1790559445&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: "carrie-tote", 9373 title: "Carrie Tote", 9374 vendor: "AS Colour", 9375 hasColours: true, 9376 variantId: null, 9377 colour: null, 9378 sizeOptions: ["One Size"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=350 350w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=450 450w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=750 750w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=850 850w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=960 960w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1280 1280w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1440 1440w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1536 1536w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1706 1706w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1782 1782w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=1920 1920w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=2560 2560w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&width=2880 2880w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_1.jpg?v=1773802056&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&width=3000" alt="Plain mustard coloured beanie" srcset="//printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=200 200w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=350 350w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=450 450w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=750 750w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=850 850w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=960 960w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1280 1280w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1440 1440w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1536 1536w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1706 1706w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1782 1782w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=1920 1920w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=2560 2560w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&width=2880 2880w, //printroom.co/cdn/shop/files/product_9a274981-d36c-42d7-a71d-d29ceb7ec0d9_slot_2.jpg?v=1773802059&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: "cuff-beanie", 9521 title: "Cuff Beanie", 9522 vendor: "AS Colour", 9523 hasColours: true, 9524 variantId: null, 9525 colour: null, 9526 sizeOptions: ["One Size","OS"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=350 350w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=450 450w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=750 750w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=850 850w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=960 960w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1_graphic_4912f290-d66e-4559-b1c7-4c998b376f5c.jpg?v=1774379548&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&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&width=200 200w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=350 350w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=450 450w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=750 750w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=850 850w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=960 960w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_8oz_Insulated_Coffee_Cup_1-01.png?v=1774379551&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: "8oz-project-pargo-cup", 9669 title: "8oz Project Pargo Cup", 9670 vendor: "Project Pargo", 9671 hasColours: false, 9672 variantId: null, 9673 colour: null, 9674 sizeOptions: "", 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&width=3000" alt="Trends Allegro Notebook 108400 Stationery custom merch nz" srcset="//printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=200 200w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=350 350w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=450 450w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=750 750w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=850 850w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=960 960w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1280 1280w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1440 1440w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1536 1536w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1706 1706w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1782 1782w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=1920 1920w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=2560 2560w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&width=2880 2880w, //printroom.co/cdn/shop/files/108400-2_grapchic.jpg?v=1774384950&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&width=3000" alt="Trends Allegro Notebook 108400 Stationery promo products nz" srcset="//printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=200 200w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=350 350w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=450 450w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=750 750w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=850 850w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=960 960w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1280 1280w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1440 1440w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1536 1536w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1706 1706w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1782 1782w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=1920 1920w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=2560 2560w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&width=2880 2880w, //printroom.co/cdn/shop/files/108400-2.jpg?v=1774384948&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: "allegro-notebook", 9817 title: "Allegro Notebook", 9818 vendor: "Trends NZ", 9819 hasColours: true, 9820 variantId: null, 9821 colour: null, 9822 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=350 350w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=450 450w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=750 750w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=850 850w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=960 960w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2_graphic.jpg?v=1774382151&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&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&width=200 200w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=350 350w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=450 450w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=750 750w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=850 850w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=960 960w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1280 1280w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1440 1440w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1536 1536w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1706 1706w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1782 1782w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=1920 1920w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=2560 2560w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&width=2880 2880w, //printroom.co/cdn/shop/files/project_pargo_750mL_insulated_bottle_2.png?v=1774382153&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: "12oz-project-pargo-sports-bottle", 9965 title: "12oz Project Pargo Sports Bottle", 9966 vendor: "Project Pargo", 9967 hasColours: false, 9968 variantId: null, 9969 colour: null, 9970 sizeOptions: "", 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&width=3000" alt="Trends Moleskin Cahier Journal 118899 Stationery promo products nz" srcset="//printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=200 200w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=350 350w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=450 450w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=750 750w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=850 850w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=960 960w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1280 1280w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1440 1440w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1536 1536w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1706 1706w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1782 1782w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=1920 1920w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=2560 2560w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&width=2880 2880w, //printroom.co/cdn/shop/files/118899-1_graphic.jpg?v=1774384685&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&width=3000" alt="Trends Moleskin Cahier Journal 118899 Stationery custom merch nz" srcset="//printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=200 200w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=350 350w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=450 450w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=750 750w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=850 850w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=960 960w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1280 1280w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1440 1440w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1536 1536w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1706 1706w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1782 1782w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=1920 1920w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=2560 2560w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&width=2880 2880w, //printroom.co/cdn/shop/files/118899-1.jpg?v=1774384687&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: "moleskin-cahier-journal", 10113 title: "Moleskin Cahier Journal", 10114 vendor: "Trends NZ", 10115 hasColours: true, 10116 variantId: null, 10117 colour: null, 10118 sizeOptions: "", 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&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&width=200 200w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=350 350w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=450 450w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=750 750w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=850 850w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=960 960w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1280 1280w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1440 1440w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1536 1536w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1706 1706w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1782 1782w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=1920 1920w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=2560 2560w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&width=2880 2880w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_1.jpg?v=1774555866&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&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&width=200 200w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=350 350w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=450 450w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=750 750w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=850 850w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=960 960w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1280 1280w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1440 1440w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1536 1536w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1706 1706w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1782 1782w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=1920 1920w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=2560 2560w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&width=2880 2880w, //printroom.co/cdn/shop/files/product_b267aa7f-ca51-4135-8a80-bebb7c25a2ee_slot_2.jpg?v=1774555869&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: "classic-tee", 10261 title: "Classic Tee", 10262 vendor: "AS Colour", 10263 hasColours: true, 10264 variantId: null, 10265 colour: null, 10266 sizeOptions: ["S","M","L","XL","2XL","3XL","4XL","5XL"], 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&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&width=200 200w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=350 350w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=450 450w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=750 750w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=850 850w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=960 960w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1280 1280w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1440 1440w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1536 1536w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1706 1706w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1782 1782w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=1920 1920w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=2560 2560w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&width=2880 2880w, //printroom.co/cdn/shop/files/106160-1_graphic_ccb36429-ffd9-4d44-b249-3b6f2d988e33.jpg?v=1774422640&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&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&width=200 200w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=350 350w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=450 450w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=750 750w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=850 850w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=960 960w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1280 1280w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1440 1440w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1536 1536w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1706 1706w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1782 1782w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=1920 1920w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=2560 2560w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&width=2880 2880w, //printroom.co/cdn/shop/files/106160-1_3f1324aa-53ec-437f-bb08-0748f6a58b95.jpg?v=1774422642&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: "recycled-stainless-steel-pen", 10409 title: "Recycled Stainless Steel Pen", 10410 vendor: "Trends NZ", 10411 hasColours: false, 10412 variantId: null, 10413 colour: null, 10414 sizeOptions: "", 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> … 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="> 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="> 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 © 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ū-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;">🙂</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: "https:\/\/print-room-chatbot-api.vercel.app\/", 14006 questionsApiUrl: "https:\/\/print-room-chatbot-api.vercel.app\/", 14007 welcomeMessage: "Hi! I'm here to help you with your printing needs. How can I assist you today?", 14008 unavailableMessage: "Chat is temporarily unavailable. Please request a quote or contact us directly.", 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.