1 2 3 4<!doctype html> 5<html lang="en"> 6<head> 7 8<meta charset="utf-8"> 9<meta name="viewport" content="width=device-width,initial-scale=1"> 10 11<title>Yarn.com â Knitting, Crochet & Weaving Yarn | America's Yarn Store</title> 12 13 14 15<meta name="description" content="Your home for curated yarns, trusted tools, inspiring patterns, and the kind of real expertise that only comes from loving what you do since 1974."> 16 17<link rel="icon" href="//www.yarn.com/cdn/shop/files/favicon.png?crop=center&height=96&v=1776220202&width=96"> 18 19<meta property="og:site_name" content="Yarn.com"> 20<meta property="og:title" content="Yarn.com â Knitting, Crochet & Weaving Yarn | America's Yarn Store"> 21<meta property="og:type" content="website"><meta property="og:image" content="https://www.yarn.com/cdn/shop/files/YC-OG-Unfurl_2.png?v=1773678257"> 22 <meta property="og:image:width" content="1200"> 23 <meta property="og:image:height" content="630"> 24 25<meta name="twitter:card" content="summary_large_image"> 26 27<link rel="canonical" href="https://www.yarn.com/"> 28 29 30 31 32 33
34<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
34<meta name="google-site-verification" content="AQyaQWZA_OzaNMcrNKyxmB4w92EUY_b9C0ucDRiHQFM"> 35<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/99752247642/digital_wallets/dialog"> 36<meta id="in-context-paypal-metadata" data-shop-id="99752247642" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 37
38<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":99752247642,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/99752247642","merchantName":"Yarn.com","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Yarn.com","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
38 39
40<script id="shopify-features" type="application/json">{"accessToken":"3d90756090ec1dba992f90fb247ec3f2","betas":["rich-media-storefront-analytics"],"domain":"www.yarn.com","predictiveSearch":true,"shopId":99752247642,"locale":"en"}</script>
40 41
42<script>var Shopify = Shopify || {}; 43Shopify.shop = "feamu9-1k.myshopify.com"; 44Shopify.locale = "en"; 45Shopify.currency = {"active":"USD","rate":"1.0"}; 46Shopify.country = "US"; 47Shopify.theme = {"name":"WEBS-Theme\/main","id":189670850906,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 48Shopify.theme.handle = "null"; 49Shopify.theme.style = {"id":null,"handle":null}; 50Shopify.cdnHost = "www.yarn.com/cdn"; 51Shopify.routes = Shopify.routes || {}; 52Shopify.routes.root = "/"; 53Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 54Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 55Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 56Shopify.SignInWithShop.User.recognized = false;</script>
56 57
58<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
58 59
60<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>
60 61
62<script> 63 window.ShopifyPay = window.ShopifyPay || {}; 64 window.ShopifyPay.apiHost = "shop.app\/pay"; 65 window.ShopifyPay.redirectState = null; 66</script>
66 67
68<script> 69 window.Shopify = window.Shopify || {}; 70 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 71 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 72 window.Shopify.SignInWithShop.eligible = true; 73</script>
73 74
75<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
75 76
77<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>
77 78
79<script type="module"> 80 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 81 82 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 83 84</script>
84 85
86<script> 87 window.Shopify = window.Shopify || {}; 88 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 89 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"]}; 90</script>
90 91
92<script id="__st">var __st={"a":99752247642,"offset":-14400,"reqid":"fc641f9d-39a3-490c-92d7-9ad328586552-1790245180","pageurl":"www.yarn.com\/","u":"48ea2cacf682","p":"home"};</script>
92 93
94<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
94 95
96<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>
96 97
98<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.yarn.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
98 99
100<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.yarn.com/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>
vendor: 1 bytes, line 100
100
101<script crossorigin="anonymous" defer="defer" src="//www.yarn.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
101 102
103<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>
103 104
105<script> 106 window.Shopify = window.Shopify || {}; 107 window.Shopify.MCP = window.Shopify.MCP || {}; 108 window.Shopify.MCP.enabled = true; 109 window.Shopify.MCP.shop = "feamu9-1k.myshopify.com"; 110 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.yarn.com\/api\/mcp"; 111 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"]}}]; 112</script>
112 113
114<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.yarn.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 115</script>
115 116
117<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.yarn.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 118</script>
118 119
120<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 121 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); 122</script>
122 123
124<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})}})); 125</script>
125 126
127<script id='scb4127' type='text/javascript' async='' src='https://www.yarn.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
vendor: 1 bytes, line 127
127
128<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"publisher_shop_id":99752247642,"theme_id":189670850906,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"handle":"","page_type":"home"},"recommendations_tracking_enabled":true}" defer="defer" src="//www.yarn.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
128 129<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.yarn.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 130<style id="shopify-accelerated-checkout-cart"> 131 #shopify-buyer-consent { 132 margin-top: 1em; 133 display: inline-block; 134 width: 100%; 135} 136 137#shopify-buyer-consent.hidden { 138 display: none; 139} 140 141#shopify-subscription-policy-button { 142 background: none; 143 border: none; 144 padding: 0; 145 text-decoration: underline; 146 font-size: inherit; 147 cursor: pointer; 148} 149 150#shopify-subscription-policy-button::before { 151 box-shadow: none; 152} 153 154 </style>
155<script id="sections-script" data-sections="header,main-menu" defer="defer" src="//www.yarn.com/cdn/shop/t/2/compiled_assets/scripts.js?v=171913281886261005601786369215"></script>
vendor: 1 bytes, line 155
155
156<script id="snippets-script" data-snippets="product-card,wishlist-init,circular-carousel,standard-carousel,seo-text-hp" defer="defer" src="//www.yarn.com/cdn/shop/t/2/compiled_assets/snippet-scripts.js?v=74666419281950896751790080916"></script>
156 157
158<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
158 159 160 161 162 <link href="//www.yarn.com/cdn/shop/t/2/assets/yarn.min.css?v=1191105246827711721790080909" rel="stylesheet" type="text/css" media="all" /> 163 <style> 164 :root { 165 --footer-join: url('//www.yarn.com/cdn/shop/t/2/assets/footer_join.svg?v=60122070984686135131765993656'); 166 --background-footer: url('//www.yarn.com/cdn/shop/t/2/assets/footer_bg.png?v=111312160647480058001765993655'); 167 --image-404: url('//www.yarn.com/cdn/shop/t/2/assets/404-yarn.svg?v=82977498214514300241780001779'); 168 --background-image-logo-watermark: url('//www.yarn.com/cdn/shop/t/2/assets/logo_watermark.svg?v=159895387152731653341765993655'); 169 --background-image-logo-watermark-mobile: url('//www.yarn.com/cdn/shop/t/2/assets/logo_watermark_mobile.svg?v=148702814926598191981765993656'); 170 --background-image-logo-watermark-center: url('//www.yarn.com/cdn/shop/t/2/assets/watermark-logo-center.svg?v=109414938514351552491777996862'); 171 } 172 </style> 173 174 175 176 <!-- Start of yarns Zendesk Widget script --> 177
177<script async id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=02fb4dec-9ba0-453d-9b2a-2bd1fbd15a85"> </script>
177 178 <!-- End of yarns Zendesk Widget script --> 179 180 181 182
182<script> 183 if (typeof ometria == 'undefined') window.ometria = {}; 184 ometria.raw_data={ 185 template: "index", 186 cart_total:0, 187 cart_count:0, 188 cart:[], 189 product_id:null, 190 search_count:null, 191 search_terms:null, 192 collection_id:null, 193 collection_handle:null, 194 page_handle:null, 195 collection_count:null, 196 current_page:1, 197 shop_currency:"USD", 198 customer_email:null 199 }; 200 201 202 </script>
202 203 204
204<script async src="https://cdn.4iawrd.yarn.com/tags/8066324d1d3092b1.js"></script>
204 205 206 207 208
208<script> 209 window.isLoggedIn = false; 210 </script>
210 211 212
212<script async id="lunioScript" src="https://client.prod.mplat-ppcprotect.com/jZcHr2vy6CzR30DDMaVYwJi1LCEFiGKUB9GRKL3U.js"></script>
212 213 214 215 <!-- Mida A/B Testing Script --> 216
216<script async src="https://cdn-eu.mida.so/js/optimize.js?key=WeoM05GJRXWl6Y8rjbO9yk"></script>
216 217 218<!-- BEGIN app block: shopify://apps/sc-easy-redirects/blocks/app/be3f8dbd-5d43-46b4-ba43-2d65046054c2 --> 219 <!-- common for all pages --> 220 221 222 223
223<script src="https://cdn.shopify.com/extensions/019feafe-a942-7fff-96d6-964177dec909/sc-easy-redirects-16/assets/esc-redirect-app.js" async></script>
223 224 225 226 227 228 229 230<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
231<script type="text/javascript"> 232 (function (c, l, a, r, i, t, y) { 233 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 234 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 235 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 236 237 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 238 if (error) { 239 console.error("Error loading Shopify features:", error); 240 return; 241 } 242 243 c[a]('consentv2', { 244 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 245 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 246 source: 101, 247 }); 248 }); 249 250 l.addEventListener("visitorConsentCollected", function (e) { 251 c[a]('consentv2', { 252 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 253 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 254 source: 101, 255 }); 256 }); 257 })(window, document, "clarity", "script", "wujdtiqlve"); 258</script>
258 259 260 261 262<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> 263 264 265 266 267 268 269 270 271 272 273 274 275 276 <style data-oke-reviews-version="0.85.5" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.18391d59.css"></style><style data-oke-reviews-version="0.85.5" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.85.5" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.85.5" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:"î¤"}
276.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:"î¤
"}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:"î¤"}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
276or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
276to{opacity:1}}.layout-panel-flex>div:has([data-oke-container]){width:100%} 277.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"} 278.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px} 279.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style> 280 281
281<script type="application/json" id="oke-reviews-settings">{"subscriberId":"54be32b3-f3fe-4223-af02-977d79ad9fdd","analyticsSettings":{"provider":"none"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":false,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"absolute","options":{"dateStyle":"long"}}},"hideOkendoBranding":true,"reviewTranslationsMode":"off","showIncentiveIndicator":false,"searchEnginePaginationEnabled":false,"stars":{"interspace":2,"shape":{"width":105,"useAssetColors":true,"type":"custom","assetUrl":"https://dov7r31oq5dkj.cloudfront.net/54be32b3-f3fe-4223-af02-977d79ad9fdd/c320861b-1968-4742-bc68-4112269d8780","height":101},"backgroundColor":"#FFFFFF"},"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"headingFont":{"hasCustomFontSettings":false},"bodyFont":{"hasCustomFontSettings":false},"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":true},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"productImageSize":{"value":48,"unit":"px"},"layout":{"name":"default","reviewDetailsPosition":"below","showProductName":false,"showAttributeBars":false,"showProductVariantName":false,"showProductDetails":"only-when-grouped"},"highlightColor":"#0E7A82","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"},"spaceBelow":{"value":20,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"enabled":true,"truncateAll":false}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":false},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"two-line"},{"name":"rating-breakdown","backgroundColor":"#FDFAFA","shadingColor":"#FF6B6B","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"recommended"},{"name":"attributes","layout":"stacked","stretchMode":"stretch"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"media-grid","imageGap":{"value":4,"unit":"px"},"scaleToFill":true,"rows":3,"columns":4}],"textAlignment":"center"}]},"style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":0,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"fontSize":{"value":18,"unit":"px"},"fontType":"use-global","fontWeight":600,"hasCustomFontSettings":true},"filters":{"backgroundColorActive":"#924EA7","backgroundColor":"#FFFFFF","borderColor":"#924EA7","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#924EA7","textColorActive":"#FFFFFF","textColor":"#924EA7","searchHighlightColor":"#B2F9E9"},"avatar":{"backgroundColor":"#7F7285","placeholderTextColor":"#FFFFFF","size":{"value":48,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"shadingColor":"#FFFFFF","productImageSize":{"value":48,"unit":"px"},"button":{"backgroundColorActive":"#5D4A66","borderColorHover":"#AF16DF","backgroundColor":"#924EA7","borderColor":"#924EA7","backgroundColorHover":"#AF16DF","textColorHover":"#FFFFFF","borderRadius":{"value":90,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#5D4A66","textColorActive":"#FFFFFF","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#924EA7","spaceAbove":{"value":0,"unit":"px"},"text":{"primaryColor":"#000000","fontSizeRegular":{"value":16,"unit":"px"},"fontSizeLarge":{"value":24,"unit":"px"},"fontSizeSmall":{"value":16,"unit":"px"},"secondaryColor":"#000000"},"spaceBelow":{"value":0,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D9D4DA","shadingColor":"#FF6B6B","markerColor":"#FF6B6B"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"
281name":"default","showAttributeBars":true,"borderStyle":"full","showProductVariantName":false,"showProductDetails":"only-when-grouped"},"loyalty":{"maxInitialAchievements":3,"showVipTiers":false,"showAchievements":false},"initialPageSize":5,"replyTruncation":{"bodyMaxLines":4,"enabled":true},"media":{"layout":"thumbnail","size":{"value":100,"unit":"px"},"imageGap":{"value":4,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":5},"controls":{"filterMode":"off","freeTextSearchEnabled":false,"writeReviewButtonEnabled":false,"defaultSort":"date desc"}}},"starRatings":{"showWhenEmpty":false,"clickBehavior":"scroll-to-widget","style":{"text":{"content":"review-count","style":"number-and-text","brackets":false},"spaceAbove":{"value":0,"unit":"px"},"singleStar":false,"spaceBelow":{"value":0,"unit":"px"},"height":{"value":18,"unit":"px"}}}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
281 282 <style id="oke-css-vars">:root{--oke-widget-spaceAbove:0;--oke-widget-spaceBelow:0;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#924ea7;--oke-button-backgroundColorHover:#af16df;--oke-button-backgroundColorActive:#5d4a66;--oke-button-textColor:#fff;--oke-button-textColorHover:#fff;--oke-button-textColorActive:#fff;--oke-button-borderColor:#924ea7;--oke-button-borderColorHover:#af16df;--oke-button-borderColorActive:#5d4a66;--oke-button-borderRadius:90px;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#e5e5eb;--oke-border-width:0;--oke-text-primaryColor:#000;--oke-text-secondaryColor:#000;--oke-text-small:16px;--oke-text-regular:16px;--oke-text-large:24px;--oke-text-fontFamily:inherit;--oke-avatar-size:48px;--oke-avatar-backgroundColor:#7f7285;--oke-avatar-placeholderTextColor:#fff;--oke-highlightColor:#924ea7;--oke-shadingColor:#fff;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#ff6b6b;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d9d4da;--oke-attributeBar-markerColor:#ff6b6b;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#924ea7;--oke-filter-borderColor:#924ea7;--oke-filter-borderColorActive:#924ea7;--oke-filter-textColor:#924ea7;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#ffcf2a;--oke-stars-backgroundColor:#fff;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:18px;--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style> 283 <style id="oke-reviews-custom-css">div.okeReviews[data-oke-container] .oke-w-writeReview:before,div.okeReviews[data-oke-container] .oke-sortSelect-label,div.okeReviews[data-oke-container] .oke-w-review-side-expandContent{display:none}div.okeReviews[data-oke-container] .oke-modal div.okeReviews.oke-w,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content p{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-reviewContent-date{color:var(--oke-text-secondaryColor)}div.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-title{font-family:var(--font-serif);font-size:18px;font-weight:700}div.okeReviews[data-oke-container].oke-w,div.okeReviews[data-oke-container] .oke-reviewCarousel{max-width:unset}div.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:none}.okeReviews.oke-w .oke-is-small .oke-button,.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview{width:100%}div.okeReviews[data-oke-container].oke-w{max-width:unset}div.okeReviews[data-oke-container] .oke-w-ratingAverageModule-rating-average,div.okeReviews[data-oke-container] .oke-w-recommendsModule-value{color:#5d4a66;font-size:64px;font-weight:400;vertical-align:middle}div.okeReviews[data-oke-container] .oke-w-reviews-controls{padding:0}div.okeReviews[data-oke-container] .oke-w-reviews-count{font-weight:600}div.okeReviews[data-oke-container] .oke-sortSelect-sort.oke-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 0.75L4.75 4.75L0.75 0.75' stroke='%23924EA7' stroke-width='1.5001' stroke-miterlimit='2.6131' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-position-x:94%;border:1px solid #b9b0bd;border-radius:4px}div.okeReviews[data-oke-container].oke-w .oke-w-reviews-list-item{padding-bottom:0}div.okeReviews[data-oke-container].oke-w .oke-w-review-main{background-color:var(--oke-shadingColor);padding:16px}div.okeReviews[data-oke-container] .oke-w-reviewer-verified{color:#924ea7;display:flex;flex-direction:row-reverse;gap:5px;margin-left:0;font-size:14px;font-weight:400}div.okeReviews[data-oke-container] .oke-w-reviewer-verified-icon:before{content:url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.41852 0C5.33704 0 5.2963 0.0409856 5.21482 0.0409856L0.285187 2.50072C0.203706 2.54172 0.122224 2.62371 0.0814833 2.7057C0.0407426 2.78769 0 2.86967 0 2.95166V7.95316C0 9.63398 1.38519 11.0688 2.68889 12.1347C3.99259 13.2006 5.25556 13.9385 5.25556 13.9385C5.41852 14.0205 5.58148 14.0205 5.74445 13.9385C5.74445 13.9385 7.00741 13.2416 8.31111 12.1347C9.61482 11.0688 11 9.63398 11 7.95316V2.95166C11 2.86967 10.9593 2.7467 10.9185 2.7057C10.8778 2.62371 10.7963 2.54172 10.7148 2.50072L5.7037 0.0409856C5.62222 -1.00093e-05 5.58148 0 5.5 0C5.45926 0 5.45926 0 5.41852 0ZM7.98519 4.96046C8.10741 4.96046 8.18889 5.00147 8.31111 5.08347C8.39259 5.16546 8.47408 5.28841 8.47408 5.4114C8.47408 5.53439 8.43333 5.65738 8.35185 5.78037L5.37
283778 9.30598C5.2963 9.42897 5.13333 9.46998 5.01111 9.46998C4.84815 9.46998 4.72593 9.42897 4.64444 9.30598L2.64815 7.09226C2.56667 7.01027 2.52593 6.84628 2.52593 6.72329C2.52593 6.6003 2.60741 6.4773 2.68889 6.3953C2.77037 6.31331 2.93333 6.27235 3.05556 6.27235C3.17778 6.27235 3.3 6.3543 3.38148 6.43629L5.01111 8.24011L7.61852 5.12445C7.7 5.04246 7.86297 4.96046 7.98519 4.96046Z' fill='%23924ea7'/%3E%3C/svg%3E%0A")}div.okeReviews[data-oke-container] .oke-mediaStrip-container ul{gap:8px !important}div.okeReviews[data-oke-container] .oke-media{border-radius:4px}div.okeReviews[data-oke-container] .oke-helpful-vote-button:before{content:url("data:image/svg+xml,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 7.85689C12.5 6.75689 11.6 5.95686 10.6 5.95686H5.90002L6.80005 2.45686C7.00005 1.55686 6.59995 0.556911 5.69995 0.25691L5.5 0.156935C4.7 -0.243065 3.70005 0.156862 3.30005 0.956862C3.30005 0.956862 0 7.25686 0 7.95686V14.8569C0 15.9569 0.900024 16.7569 1.90002 16.7569H8.30005C9.40005 16.4569 11.7 11.8569 12.4 9.25691C12.6 8.85691 12.5 7.85689 12.5 7.85689Z' fill='%23333333'/%3E%3C/svg%3E%0A");display:inline-block;opacity:1}div.okeReviews[data-oke-container] .oke-helpful-vote-button--negative:before{transform:rotate(180deg)}div#oke-loyalty-earn .c-customisableActionCard-titleArea-subtitle>.u-textDecoration--linethrough{display:none}</style> 284 <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613"><path d="m52.8 2.273 16.17 30.316 33.685 6.065L79.073 63.58l4.718 34.36L52.8 83.116 21.807 97.941l4.043-33.689L2.273 38.654l33.684-6.065L52.799 2.273Z" fill="var(--oke-stars-backgroundColor)" stroke="orange" stroke-width="4.529"/></svg></symbol><symbol id="oke-star-filled" style="overflow:visible;"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613"><path d="m52.8 2.273 16.17 30.316 33.685 6.065L79.073 63.58l4.718 34.36L52.8 83.116 21.807 97.941l4.043-33.689L2.273 38.654l33.684-6.065L52.799 2.273Z" fill="orange" stroke="orange" stroke-width="4.529"/></svg></symbol></svg></template>
284<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
284 285 286 287 288 289 290 291 292 293 294 295
295<script type="application/json" id="oke-loyalty-settings">{"subscriberId":"54be32b3-f3fe-4223-af02-977d79ad9fdd","availableRewardTypes":{"coupon":true,"points":true,"storeCredit":false},"countryCode":"US","currency":"USD","customerAccountSettings":{"url":"https://shopify.com/99752247642/account","customerAccountsVersion":"new_customer_accounts"},"general":{"pointName":"Point","pointNamePlural":"Points","programName":"Yarn Circle","postLoginRedirect":"origin"},"isLaunched":true,"isMembershipEnabled":false,"isVipTiersEnabled":false,"locale":"en","localeAndVariant":{"code":"en"},"storefrontAccessToken":"cf6576a85baaf303ed9ab9b501db67d5","style":{"embeddedWidget":{"customisableModules":[{"alignContent":"center","isOnLoyaltyPage":true,"containerAroundText":false,"containerBorderRadius":{"value":8,"unit":"px"},"expandToFullWidth":true,"styleVariant":"full-width-image","imageSize":{"fit":"custom","cropPosition":"center","height":704},"type":"customisable-welcome-header","title":"Welcome to Yarn Circle","body":"Join our loyalty program and start earning rewards","dynamicKey":"54be32b3-f3fe-4223-af02-977d79ad9fdd/afce6c49-905a-4b71-b9a2-1331143a802a","justifyContent":"start"},{"isOnLoyaltyPage":true,"styleVariant":"cards","type":"customisable-profile","background":{"style":"none"},"headingEnabled":true,"titleAlign":"center"},{"isOnLoyaltyPage":true,"background":{"style":"none"},"headingEnabled":true,"styleVariant":"dots","type":"customisable-how-it-works","steps":[{"title":"Step 1","body":"Create an account and start earning"},{"title":"Step 2","body":"Earn points every time you make a purchase, write a review, or celebrate a birthday"},{"title":"Step 3","body":"Redeem points for discounts on future purchases"}],"titleAlign":"center"},{"layout":"grid","isOnLoyaltyPage":true,"background":{"color":"#FDFAFA","style":"color"},"headingEnabled":true,"hasCards":true,"styleVariant":"images","imageSize":{"fit":"stretch","height":{"type":"square","cropPosition":"center"}},"type":"customisable-earn","titleAlign":"center"},{"layout":"grid","isOnLoyaltyPage":true,"background":{"color":"#FFFFFF","style":"color"},"headingEnabled":true,"hasCards":true,"styleVariant":"images","imageSize":{"fit":"stretch","height":{"type":"square","cropPosition":"center"}},"type":"customisable-redeem","titleAlign":"center"},{"layout":"carousel","isOnLoyaltyPage":true,"background":{"color":"#FDFAFA","style":"color"},"headingEnabled":true,"hasCards":true,"styleVariant":"images","imageSize":{"fit":"stretch","height":{"type":"portrait","cropPosition":"center"}},"type":"customisable-free-product-showcase","titleAlign":"center"},{"isOnLoyaltyPage":true,"background":{"style":"none"},"imagePosition":"none","headingEnabled":true,"styleVariant":"plain","type":"customisable-faq","titleAlign":"center"},{"isOnLoyaltyPage":true,"type":"customisable-join-program","body":"Donât miss out on great rewards","title":"Join Our Loyalty Program","background":{"style":"none"}},{"isOnLoyaltyPage":false,"type":"customisable-promotions","upcomingPromotionsRange":"none","background":{"style":"none"},"titleAlign":"center"},{"isOnLoyaltyPage":false,"background":{"style":"none"},"imagePosition":"right","headingEnabled":true,"cropPosition":"center","styleVariant":"accordion-blocks","type":"customisable-vip-tiers","dynamicKey":"54be32b3-f3fe-4223-af02-977d79ad9fdd/36b0637d-eff9-42b9-a941-d4bacd9b2db7-photo-03","titleAlign":"left"},{"isOnLoyaltyPage":false,"background":{"style":"none"},"headingEnabled":true,"hasCards":true,"styleVariant":"grid","type":"customisable-achievements","titleAlign":"left"},{"alignContent":"center","isOnLoyaltyPage":false,"imageAltText":"Refer friends image","background":{"style":"none"},"imagePosition":"right","expandToFullWidth":true,"imageSize":{"fit":"stretch","height":{"type":"square","cropPosition":"center"}},"type":"customisable-refer-friends","dynamicKey":"54be32b3-f3fe-4223-af02-977d79ad9fdd/36b0637d-eff9-42b9-a941-d4bacd9b2db7-photo-05","justifyContent":"center"}],"hideOkendoBranding":true,"styleSettings":{"button":{"secondary":{"backgroundColor":"#924EA7","borderColor":"#FFFFFF","hoverTextColor":"#FFFFFF","borderRadius":{"value":8,"unit":"px"},"borderWidth":{"value":1,"unit":"px"}
295,"hoverBorderColor":"#924EA7","hoverBackgroundColor":"#924EA7","textColor":"#FFFFFF"},"primary":{"backgroundColor":"#FFFFFF","borderColor":"#924EA7","hoverTextColor":"#FFFFFF","borderRadius":{"value":8,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"hoverBorderColor":"#FFFFFF","hoverBackgroundColor":"#924EA7","textColor":"#924EA7"}},"general":{"blockSpacing":{"value":80,"unit":"px"},"accentColor":"#333333","imageBorderRadius":{"value":8,"unit":"px"},"iconColor":"#333333","iconSize":{"value":36,"unit":"px"},"shadingColor":"#FFFFFF","innerPageMaxWidth":{"value":800,"unit":"px"}},"text":{"secondary":{"color":"#5F6062","font":{"type":"inherit-from-page"}},"h1":{"fontWeight":700,"fontSize":{"value":72,"unit":"px"}},"h2":{"fontWeight":400,"fontSize":{"value":30,"unit":"px"}},"h3":{"fontWeight":600,"fontSize":{"value":18,"unit":"px"}},"body":{"emphasisFontWeight":600,"fontWeight":400,"fontSize":{"value":14,"unit":"px"}},"primary":{"color":"#5D4A66","font":{"type":"google-font","fontFamily":"Playfair Display"}}},"card":{"fillColor":"#FFFFFF","borderColor":"#FFFFFF","borderRadius":{"value":8,"unit":"px"},"textColor":"#333333","borderWidth":{"value":1,"unit":"px"}}}},"floatingWidget":{"expanded":{"headerTextColor":"#FFFFFF","brandSecondaryColor":"#173A6B","buttonBackgroundColor":"#333333","buttonBorderColor":"#333333","buttonBorderHoverColor":"#333333","primaryTextColor":"#333333","brandPrimaryColor":"#333333","linkTextColor":"#173A6B","buttonTextColor":"#FFFFFF","secondaryTextColor":"#676986","buttonTextHoverColor":"#FFFFFF","buttonBackgroundHoverColor":"#333333"},"hideOkendoBranding":true,"bubble":{"backgroundColor":"#333333","bubbleColor":"#FFFFFF","mobileStyle":"floating","icon":"gift","textHoverColor":"#FFFFFF","textColor":"#FFFFFF","desktopStyle":"floating","backgroundHoverColor":"#333333"},"textContent":{"headerFirstLine":"Welcome to","headerSecondLine":"WEBS Yarn Rewards"},"position":"bottom-right","showFloatingWidget":false,"modules":[{"type":"earn-and-redeem"}]},"pointsPreview":{"style":{"primaryTextColor":"inherit","horizontalAlign":"center","linkTextColor":"inherit"},"customText":"{{ points }}"},"pointsPreviewCart":{"style":{"backgroundColor":"#333333","borderRadius":"0","primaryTextColor":"#FFFFFF","horizontalAlign":"center","icon":"gift","iconColor":"#FFFFFF","linkTextColor":"#FFFFFF"}}}}</script>
295<script src="https://cdn-static.okendo.io/loyalty/js/init-onsite.js" defer></script>
295 296 297 298 299 300
300<script type="application/json" id="oke-loyalty-v2"> 301 { 302 "okeLoyaltyV2": true 303 } 304 </script>
304 305 306 307 308 309 310<!-- END app snippet --> 311 312 <!-- BEGIN app snippet: okendo-reviews-json-ld --> 313<!-- END app snippet --> 314 315<!-- BEGIN app snippet: widget-plus-initialisation-script --> 316 317 318 319 320
320<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
320 321 322<!-- END app snippet --> 323 324 325<!-- END app block --><!-- BEGIN app block: shopify://apps/mega-seo/blocks/optimizer-embed/019c9c75-378a-7f7c-a5f4-56867f367aad -->
325<script src="https://cdn.gomega.ai/scripts/optimizer.min.js" async></script>
325 326 327 328<!-- END app block -->
328<script src="https://cdn.shopify.com/extensions/019f7274-75a0-7fd6-9bd1-0b03206c9152/quikly-29/assets/embed.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 328
328
329<script src="https://cdn.shopify.com/extensions/019b984b-a2eb-7701-ae0f-f88dbdd88627/productiondeployment-35/assets/tracker.js" type="text/javascript" defer="defer"></script>
329 330<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
331<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: 99752247642,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 331
331
332<script> 333 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 334</script>
vendor: 1 bytes, line 334
334
335<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}
335).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: 99752247642,storefrontBaseUrl: "https://www.yarn.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.yarn.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"4302405978","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-RF7X1NY198\\\",\\\"GT-TBW9NGSS\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/zeGQCOyAo-ocELfVi_wD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/nSU4CO6BreocELfVi_wD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-RF7X1NY198\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/mrAyCOuBreocELfVi_wD\\\",\\\"MC-RLNJBGQW1S\\\"]}
335,{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-RF7X1NY198\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/BS2QCOmAo-ocELfVi_wD\\\",\\\"MC-RLNJBGQW1S\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/xk02COiBreocELfVi_wD\\\",\\\"MC-RLNJBGQW1S\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-RF7X1NY198\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/fBUDCOmCreocELfVi_wD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-RF7X1NY198\\\",\\\"AW-1065544375\\\/eLlsCOWBreocELfVi_wD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-RF7X1NY198\\\"}],\\\"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":"4244963674","configuration":"{\"storeId\":\"1f5a7dda-d745-4dc2-b0df-35cb6e94a9ca\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9b5c7e9eba54366aed35e340586c8163","type":"APP","apiClientId":274629623809,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"4221305178","configuration":"{\"eventsUrl\":\"https:\/\/api.quikly.com\/events\",\"eventsWriteKey\":\"62dbcf37eabe0fb309a8e36a3bc1b931eeef74ddfd4c514407eaf467fe6c194482bf7fae6053e9620e4b80fa5e1168951bd57e9b0948a99ff6692d968eefc82a0ec37662363b80a83246959b9805c6717702be764b5b764c4591399f10e8e7ce4029933528730bdd6cb06349188acaf1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4da072ead0586cf01798733c1826226c","type":"APP","apiClientId":4366267,"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"},{"id":"4219994458","configuration":"{\"pixelId\":\"blueberry\",\"endpointUrl\":\"https:\/\/control.blueberrysocial.com\/blueberry\/pixel\/checkout_completed\",\"authToken\":\"aefdc2d0-ad4c-4b66-a287-6c166e265c63\",\"shopDomain\":\"feamu9-1k.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0fc61dd8eeb5ecbfcc0e73c67616c211","type":"APP","apiClientId":322163834881,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"4212359514","configuration":"{\"pixelCode\":\"D8VKH23C77U4IS6DP160\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"},{"id":"4177527130","configuration":"{\"tagID\":\"2612539041194\"}","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"},{"id":"4143546714","configuration":"{\"projectId\":\"wujdtiqlve\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
335,"dataSharingState":"unrestricted"},{"id":"4141580634","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f92d7cfd1521456d481ee553d236893f","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"4085580122","configuration":"{\"accountID\":\"99752247642\",\"tinybird_endpoint\":\"https:\/\/api.us-east.aws.tinybird.co\/v0\/events?name=shopify_widget_events\",\"tinybird_token\":\"p.eyJ1IjogImI4ZDA2MTdiLWYyZTItNDg2Ni1iYmU2LWZhMjg0YzgwNTY2ZCIsICJpZCI6ICJhYjBkMGNmMC04YThlLTRiZmEtODFhMS0yNGViMTM2Nzc4ZjEiLCAiaG9zdCI6ICJ1cy1lYXN0LWF3cyJ9.jzBEuUQ50a8Yq9GHSyVvEicWzsZNyhd4Yv2MKPoic-Q\",\"debug_mode\":\"false\",\"basic_tracking\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"11e3a953140be548c7df9507c9357b96","type":"APP","apiClientId":286356242433,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"4075815258","configuration":"{\"pixel_id\":\"1470105046539920\",\"pixel_type\":\"facebook_pixel\"}","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":"3981148506","configuration":"{\"ti\":\"247021120\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"3521642842","configuration":"{\"dataplaneUrl\":\"https:\\\/\\\/lovecraftsedgg.dataplane.rudderstack.com\",\"writeKey\":\"37F7Rbbx9H2yiBwetH8IpBbbiOz\",\"clientSideEventsAllowed\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b4cd5a8a75a11db522e139c6fc40b987","type":"APP","apiClientId":143368912897,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"291045722","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Ometria"},{"id":"311591258","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Mida.so AB Testing Events"},{"id":"316670298","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Marqo Purchase Pixel"},{"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":"Yarn.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"feamu9-1k.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.yarn.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
33510632086946138","handle":"malabrigo-rios","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107964412250","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631915897178","handle":"cascade-yarns-220-superwash-merino","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106275615066","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632085963098","handle":"malabrigo-rasta","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107942097242","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632077705562","handle":"cascade-yarns-heritage","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107708985690","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631940538714","handle":"valley-yarns-valley-superwash-dk","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106657689946","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632095891802","handle":"rowan-felted-tweed","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53108160561498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632095564122","handle":"rowan-kidsilk-haze","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53108151484762","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632096285018","handle":"rowan-handknit-cotton","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53108176322906","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632095662426","handle":"rowan-big-wool","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53108155810138","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632097005914","handle":"rowan-summerlite-4-ply","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54380149637466","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631888863578","handle":"rowan-softyak-dk","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106082709850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10647649091930","handle":"berroco-vintage","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53165060850010","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632074789210","handle":"berroco-vintage-chunky","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107654230362","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632074625370","handle":"berroco-ultra-alpaca","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107650134362","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632074887514","handle":"berroco-vintage-dk","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107657441626","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
335,{"id":"10631921402202","handle":"berroco-ultra-wool","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106377621850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632075608410","handle":"berroco-comfort-sock","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107673989466","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632079311194","handle":"cascade-yarns-220","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107766133082","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10673392025946","handle":"cascade-yarns-220-superwash","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303481074010","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632080261466","handle":"cascade-yarns-ultra-pima-fine","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107784417626","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632077803866","handle":"cascade-yarns-ultra-pima","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107713573210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631940374874","handle":"valley-yarns-valley-superwash","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106654806362","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632058995034","handle":"valley-yarns-8-2-cotton","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107505299802","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631941063002","handle":"valley-yarns-berkshire-bulky","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106667618650","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632058437978","handle":"valley-yarns-valley-cotton-3-2","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107494355290","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10631940243802","handle":"valley-yarns-southwick","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53106653757786","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10632058634586","handle":"valley-yarns-valley-cotton-5-2","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53107498615130","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10787631726938","handle":"yarn-com-gift-card","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53797795430746","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.yarn.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189670850906","themePublished":"true","eventMetadataId":"c8ac7247-2550-4ed9-b33c-602d6a53fd99","pageType":"home","shopId":"99752247642","storefrontBaseUrl":"https:\/\/www.yarn.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
335<script> 336 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 337 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 338 window.ShopifyAnalytics.meta.currency = 'USD'; 339 var meta = {"page":{"pageType":"home","requestId":"fc641f9d-39a3-490c-92d7-9ad328586552-1790245180"}}; 340 for (var attr in meta) { 341 window.ShopifyAnalytics.meta[attr] = meta[attr]; 342 } 343</script>
vendor: 1 bytes, line 343
343
344<script class="analytics"> 345 (function () { 346 var customDocumentWrite = function(content) { 347 var jquery = null; 348 349 if (window.jQuery) { 350 jquery = window.jQuery; 351 } else if (window.Checkout && window.Checkout.$) { 352 jquery = window.Checkout.$; 353 } 354 355 if (jquery) { 356 jquery('body').append(content); 357 } 358 }; 359 360 var hasLoggedConversion = function(token) { 361 if (token) { 362 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 363 } 364 return false; 365 } 366 367 var setCookieIfConversion = function(token) { 368 if (token) { 369 var twoMonthsFromNow = new Date(Date.now()); 370 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 371 372 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 373 } 374 } 375 376 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 377 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 378 if (trekkie.integrations) { 379 return; 380 } 381 trekkie.methods = [ 382 'identify', 383 'page', 384 'ready', 385 'track', 386 'trackForm', 387 'trackLink' 388 ]; 389 trekkie.factory = function(method) { 390 return function() { 391 var args = Array.prototype.slice.call(arguments); 392 args.unshift(method); 393 trekkie.push(args); 394 if (method == 'track' || method == 'page') { 395 try { 396 if (window.__TREKKIE_SHIM_QUEUE == null) { 397 window.__TREKKIE_SHIM_QUEUE = []; 398 } 399 window.__TREKKIE_SHIM_QUEUE.push({ 400 from: 'trekkie-stub', 401 method: method, 402 args: args.slice(1) 403 }); 404 } catch (e) { 405 // no-op 406 } 407 } 408 return trekkie; 409 }; 410 }; 411 for (var i = 0; i < trekkie.methods.length; i++) { 412 var key = trekkie.methods[i]; 413 trekkie[key] = trekkie.factory(key); 414 } 415 trekkie.load = function(config) { 416 trekkie.config = config || {}; 417 trekkie.config.initialDocumentCookie = document.cookie; 418 var first = document.getElementsByTagName('script')[0]; 419var script = document.createElement('script'); 420script.type = 'text/javascript'; 421script.onerror = function(e) { 422 var scriptFallback = document.createElement('script'); 423 scriptFallback.type = 'text/javascript'; 424 scriptFallback.onerror = function(error) { 425 var Monorail = { 426 produce: function produce(monorailDomain, schemaId, payload) { 427 var currentMs = new Date().getTime(); 428 var event = { 429 schema_id: schemaId, 430 payload: payload, 431 metadata: { 432 event_created_at_ms: currentMs, 433 event_sent_at_ms: currentMs 434 } 435 }; 436 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 437 }, 438 sendRequest: function sendRequest(endpointUrl, payload) { 439 // Try the sendBeacon API 440 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 441 var blobData = new window.Blob([payload], { 442 type: 'text/plain' 443 }); 444 445 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 446 return true; 447 } // sendBeacon was not successful 448 449 } // XHR beacon 450 451 var xhr = new XMLHttpRequest(); 452 453 try { 454 xhr.open('POST', endpointUrl); 455 xhr.setRequestHeader('Content-Type', 'text/plain'); 456 xhr.send(payload); 457 } catch (e) { 458 console.log(e); 459 } 460 461 return false; 462 }, 463 isIos12: function isIos12() { 464 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 465 } 466 }; 467 Monorail.produce('monorail-edge.shopifysvc.com', 468 'trekkie_storefront_load_errors/1.1', 469 {shop_id: 99752247642, 470 theme_id: 189670850906, 471 app_name: "storefront", 472 context_url: window.location.href, 473 source_url: "//www.yarn.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 474 475 }; 476 scriptFallback.async = true; 477 scriptFallback.src = '//www.yarn.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 478 first.parentNode.insertBefore(scriptFallback, first); 479}; 480script.async = true; 481script.src = '//www.yarn.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 482first.parentNode.insertBefore(script, first); 483 484 }; 485 trekkie.load( 486 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":99752247642,"isMerchantRequest":null,"themeId":189670850906,"themeCityHash":"4258781265698999263","contentLanguage":"en","currency":"USD","eventMetadataId":"c8ac7247-2550-4ed9-b33c-602d6a53fd99"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 487 ); 488 489 var loaded = false;
490 trekkie.ready(function() { 491 if (loaded) return; 492 loaded = true; 493 494 window.ShopifyAnalytics.lib = window.trekkie; 495 496 var originalDocumentWrite = document.write; 497 document.write = customDocumentWrite; 498 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 499 document.write = originalDocumentWrite; 500 501 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 502 var token = match? match[1]: undefined; 503 if (!hasLoggedConversion(token)) { 504 setCookieIfConversion(token); 505 506 } 507 }); 508 509 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"fc641f9d-39a3-490c-92d7-9ad328586552-1790245180","shopifyEmitted":true}); 510 511 var eventsListenerScript = document.createElement('script'); 512 eventsListenerScript.async = true; 513 eventsListenerScript.src = "//www.yarn.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 514 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 515})();</script>
vendor: 1 bytes, line 515
515
516<script 517 defer 518 src="https://www.yarn.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 519 data-application="storefront-renderer" 520 data-shop-id="99752247642" 521 data-render-region="gcp-us-west1" 522 data-page-type="index" 523 data-theme-instance-id="189670850906" 524 data-theme-name="" 525 data-theme-version="" 526 data-monorail-region="shop_domain" 527 data-resource-timing-sampling-rate="10" 528 data-shs="true" 529 data-shs-beacon="true" 530 data-shs-export-with-fetch="true" 531 data-shs-logs-sample-rate="1" 532 data-shs-beacon-endpoint="https://www.yarn.com/api/collect" 533></script>
533 534<meta name="shopify-y" content="b42189b6-f0d3-4d5d-b681-1873da38589d" data-expiration="1821802780000"><meta name="shopify-s" content="6e7b5f23-e56c-4245-bfda-d4f67965bb09" data-expiration="1790246980000"><meta name="new-cookie-storage-activated" content="t"> 535</head> 536<body class="overflow-x-hidden font-body text-body min-w-[320px]"> 537 538 539 <div id="shopify-section-header" class="shopify-section"> 540 541 542<!-- Top Header --> 543<header> 544 <div class="max-w-screen-xl mx-4 md:mx-auto md:px-4"> 545 546 <div class="top-header flex flex-wrap lg:flex-nowrap justify-between items-start md:items-center gap-y-4 lg:gap-y-8 sm:gap-x-3"> 547 <!-- Hamburger Menu (Mobile) --> 548 <button command="show-modal" commandfor="sidebar" onclick="document.querySelector('#sidebar').showModal()" class="header-menu flex items-center justify-center w-[52px] h-[52px] rounded-[3px] cursor-pointer"> 549 550 551 552 553 554 <svg class="text-current " style="width: 40px; height: 40px;" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 555 556 <title>Menu</title> 557 558 <path d="M11 14H28.4" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 559 <path d="M11 20.4004H28.4" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 560 <path d="M11 26.8008H28.4" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 561 </svg> 562 563 564 </button> 565 566 <!-- Logo --> 567 <div class="flex flex-col items-end gap-2 order-1 md:shrink-0"> 568 <a href="/"> 569 <img src="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&width=180" alt="Yarn.com" srcset="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&width=180 180w" width="180" height="51"> 570 </a> 571 </div> 572 573 <!-- Search Bar --> 574 <search class="search-bar flex flex-1 w-full lg:mx-5 order-3 md:order-2 basis-full"> 575 <form id="search-form" class="w-full relative" autocomplete="off" action="/search"> 576 <label for="q" class="sr-only">Search</label> 577 <input 578 id="q" 579 name="q" 580 type="search" 581 value="" 582 placeholder="What would you like to search for?" 583 onchange="this.value = this.value.trim()" 584 required 585 class="w-full h-[52px] py-2 pl-4 border placeholder:text-medium focus:outline-active text-base" /> 586 <button type="submit" class="absolute inset-y-0 right-0 grid justify-center items-center p-1 focus:outline-active cursor-pointer aspect-square"> 587 588 589 590 591 592 <svg class="text-current " style="width: 20px; height: 20px;" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 593 594 <title>Go</title> 595 596 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.00151 7.77937C1.00151 4.06938 4.06939 1.0015 7.77938 1.0015C11.4894 1.0015 14.5572 4.06938 14.5572 7.77937C14.5572 11.4894 11.4894 14.5572 7.77938 14.5572C4.06939 14.5572 1.00151 11.4894 1.00151 7.77937Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131"/> 597 <path d="M13.1037 12.7494L17.3528 16.9985" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 598 </svg> 599 600 601 </button> 602 603 <div id="predictive-search-results-container" class="absolute w-full z-1000"></div> 604 </form> 605 </search> 606 607 <!-- Nav Icons --> 608 <div class="flex items-center md:gap-2 order-1 lg:order-3 md:ml-auto"> 609 610 611 <!-- Account --> 612 <a href="/account" class="header-icon hidden md:!flex md:px-[6px] md:py-[3px] rounded-[3px] flex flex-col gap-0 justify-start items-center w-[62px] h-[52px] aspect-square group"> 613 <div class="flex items-center justify-center"> 614 615 616 617 618 619 <svg class="text-current " style="" width="40" height="30" viewBox="0 0 40 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 620 621 <title></title> 622 623 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 23.6992H13.5C13.5 19.2992 16.6 15.6992 20.5 15.6992C24.4 15.6992 27.5 19.2992 27.5 23.6992H20.5Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 624 <path d="M20.7999 12.6C22.6225 12.6 24.1 11.1225 24.1 9.3C24.1 7.47746 22.6225 6 20.7999 6C18.9774 6 17.5 7.47746 17.5 9.3C17.5 11.1225 18.9774 12.6 20.7999 12.6Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 625 </svg> 626 627 628 </div> 629 <span class="text-tiny font-bold">Sign In</span> 630</a> 631 632 633 634 635 <!-- Wishlist --> 636 637 638 <a href="/customer_authentication/login?return_to=/a/wishlists?locale=&country=US" class="header-icon hidden md:!flex md:!px-[6px] md:!py-[3px] rounded-[3px] flex flex-col gap-0 justify-start items-center w-[62px] h-[52px] aspect-square group"> 639 <div class="flex items-center justify-center"> 640 641 642 643 644 645 <svg class="text-current " style="" viewBox="0 0 40 30" fill="none" width="40" height="30"> 646 647 <title></title> 648 649 <path d="M20 8.05C20 8.05 21.539 5.5 24.9153 5.5C27.9254 5.5 30 8.04991 30 11.0379C30 14.7405 26.9004 18.3096 20 22.5C13.0996 18.3096 10 14.7405 10 11.0379C10 8.04991 12.0746 5.5 15.0847 5.5C18.461 5.5 20 8.05 20 8.05Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 650 </svg> 651 652 653 </div> 654 <span class="text-tiny font-bold">Wishlist</span> 655</a> 656 657 658 <!-- Library --> 659 660 <a href="/customer_authentication/login?return_to=/a/library?locale=&country=US" class="header-icon hidden md:!flex md:!px-[6px] md:!py-[3px] rounded-[3px] flex flex-col gap-0 justify-start items-center w-[62px] h-[52px] aspect-square group"> 661 <div class="flex items-center justify-center"> 662 663 664 665 666 667 <svg class="text-current " style="" width="40" height="30" viewBox="0 0 40 30" fill="none"> 668 669 <title></title> 670 671 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="2" d="M20.2 16.913 17.587 14.3l2.613-2.614 2.614 2.614zM20 11.692l-2.107-2.107a2.979 2.979 0 1 1 4.213 0zM24.915 16.606 22.808 14.5l2.107-2.106a2.979 2.979 0 1 1 0 4.212M10.873 16.606a2.979 2.979 0 1 1 4.212-4.212l2.107 2.106-2.107 2.106a2.98 2.98 0 0 1-4.212 0M17.893 23.628a2.98 2.98 0 0 1 0-4.213L20 17.308l2.106 2.107a2.979 2.979 0 0 1-4.213 4.213"/> 672 </svg> 673 674 675 </div> 676 <span class="text-tiny font-bold">Library</span> 677</a> 678 679 <!-- Cart --> 680 <a id="header-cart-link" href="/cart" class="relative group outline-none no-underline text-textBlack"> 681 <div class="header-icon md:!px-[6px] md:!py-[3px] rounded-[3px] flex flex-col gap-0 justify-start items-center w-[52px] h-[52px] aspect-square"> 682 <div class="flex items-center justify-center"> 683 684 685 686 687 688 <svg class="text-current " style="" width="40" height="30" viewBox="0 0 40 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 689 690 <title></title> 691 692 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6005 21.0996C16.4005 21.0996 15.4004 22.0996 15.4004 23.2996C15.4004 24.4996 16.4005 25.4996 17.6005 25.4996C18.8005 25.4996 19.8004 24.4996 19.8004 23.2996C19.8004 21.9996 18.8005 21.0996 17.6005 21.0996Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 693 <path fill-rule="evenodd" clip-rule="evenodd" d="M26.4 21.0996C25.2 21.0996 24.2001 22.0996 24.2001 23.2996C24.2001 24.4996 25.2 25.4996 26.4 25.4996C27.6 25.4996 28.6001 24.4996 28.6001 23.2996C28.6001 21.9996 27.6 21.0996 26.4 21.0996Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 694 <path d="M30.4 8.5L29.2001 15.3C29.0001 16.4 27.9 17.3 26.8 17.3H23.6001H21.1001H16.4C15.3 17.3 14.2 16.4 14 15.3L12.5 7.09999C12 4.59999 11.3001 4 10.6001 4H7" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 695 </svg> 696 697 698 </div>
699 <span class="text-tiny font-bold">Cart</span> 700 </div> 701 702 <!-- Cart Counter --> 703 704 </a> 705 </div> 706 </div> 707 </div> 708</header> 709 710<dialog aria-label="Sidebar" id="sidebar" closedby="any" class="sidebar fixed top-0 left-0 right-auto h-dvh max-h-none bg-white shadow-md flex space-y-2 overflow-visible p-0 z-1" > 711<button id="sidebar-close-btn" class="close absolute -z-1 p-0 m-2 cursor-pointer rounded-full" style="left: 310px;"> 712 713 714 715 716 717 <svg class="text-current text-white" style="width: 32px; height: 32px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"> 718 719 <title>Close Menu</title> 720 721 <line x1="18" y1="6" x2="6" y2="18"></line> 722 <line x1="6" y1="6" x2="18" y2="18"></line> 723 </svg> 724 725 726</button> 727 728 729 730<div id="sidebar-content" class="flex flex-col w-[296px] min-w-[276px] p-6 m-0 bg-white h-full overflow-y-scroll overflow-x-hidden shrink-0"> 731 732 <ul class="space-y-3"> 733 734 735 736 737 738 739 <li> 740 741 <details name="menu" data-menu-item-url="/pages/all-yarn"> 742 <summary class="has-submenu group cursor-pointer"> 743 <span class="menu-item p-2 flex flex-1 gap-3"> 744 745 <img src="//www.yarn.com/cdn/shop/files/Yarn.svg?crop=center&height=16&v=1770902330&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Yarn.svg?crop=center&height=16&v=1770902330&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 746 747 <span class="flex-1">Yarn</span> 748 <span class="menu-arrow block content-center"> 749 750 751 752 753 754 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 755 756 <title></title> 757 758 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 759 </svg> 760 761 762 </span> 763 </span> 764 </summary> 765 766 <!-- LEVEL 2 --> 767 <div class="submenu overflow-auto md:overflow-visible"> 768 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 769 <span class="flex flex-1 items-center"> 770 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 771 772 773 774 775 776 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 777 778 <title>Previous Menu</title> 779 780 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 781 </svg> 782 783 784 </button> 785 <span class="sidebar-title flex-1 display-7 font-semibold">Yarn</span> 786 </span> 787 788 789 790 791 792 793 <a style="line-height: normal" 794 795 796 797 798 href="/pages/all-yarn" 799 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 800 > 801 <span class="button-label">Show All</span> 802 803 </a> 804 805 806 </div> 807 <hr class="h-px bg-light border-0 shrink-0"> 808 809 810 <ul class="grid grid-cols-2 xs:grid-cols-3 gap-4 gap-y-8 content-start flex-1 md:overflow-auto"> 811 812 813 <li class="flex flex-col space-y-8"> 814 815 816 <a href="/pages/all-yarn" class="block space-y-2"> 817 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 818 819 <img src="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 820 821 </div> 822
823 <span class="text-sm">All</span> 824 825 </a> 826 827 </li> 828 829 <li class="flex flex-col space-y-8"> 830 831 832 <a href="/collections/new-yarn" class="block space-y-2"> 833 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 834 835 <img src="//www.yarn.com/cdn/shop/files/New_Yarn_29c1c28d-ff00-4842-83c1-7806a4703d7a.svg?crop=center&height=100&v=1769694577&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/New_Yarn_29c1c28d-ff00-4842-83c1-7806a4703d7a.svg?crop=center&height=100&v=1769694577&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 836 837 </div> 838 839 <span class="text-sm">New</span> 840 841 </a> 842 843 </li> 844 845 <li class="flex flex-col space-y-8"> 846 847 848 <a href="/collections/knitting-yarn" class="block space-y-2"> 849 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 850 851 <img src="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 852 853 </div> 854 855 <span class="text-sm">Knitting</span> 856 857 </a> 858 859 </li> 860 861 <li class="flex flex-col space-y-8"> 862 863 864 <a href="/collections/crochet-yarn" class="block space-y-2"> 865 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 866 867 <img src="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&height=100&v=1769694738&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&height=100&v=1769694738&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 868 869 </div> 870 871 <span class="text-sm">Crochet</span> 872 873 </a> 874 875 </li> 876 877 <li class="flex flex-col space-y-8"> 878 879 880 <a href="/collections/weaving-yarn" class="block space-y-2"> 881 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 882 883 <img src="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&height=100&v=1769694773&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&height=100&v=1769694773&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 884 885 </div> 886
887 <span class="text-sm">Weaving</span> 888 889 </a> 890 891 </li> 892 893 <li class="flex flex-col space-y-8"> 894 895 896 <a href="/collections/yarn-by-weight" class="block space-y-2"> 897 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 898 899 <img src="//www.yarn.com/cdn/shop/files/Yarn_by_Weight_950f6e3e-8312-4433-8ca3-44366dff888b.svg?crop=center&height=100&v=1769694866&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Yarn_by_Weight_950f6e3e-8312-4433-8ca3-44366dff888b.svg?crop=center&height=100&v=1769694866&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 900 901 </div> 902 903 <span class="text-sm">By Weight</span> 904 905 </a> 906 907 </li> 908 909 <li class="flex flex-col space-y-8"> 910 911 912 <a href="/collections/yarn-by-fiber" class="block space-y-2"> 913 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 914 915 <img src="//www.yarn.com/cdn/shop/files/Yarn_by_Fiber.svg?crop=center&height=100&v=1769694896&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Yarn_by_Fiber.svg?crop=center&height=100&v=1769694896&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 916 917 </div> 918 919 <span class="text-sm">By Fiber</span> 920 921 </a> 922 923 </li> 924 925 <li class="flex flex-col space-y-8"> 926 927 928 <a href="/pages/yarn-by-brand" class="block space-y-2"> 929 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 930 931 <img src="//www.yarn.com/cdn/shop/files/by_brand.svg?crop=center&height=100&v=1773159739&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/by_brand.svg?crop=center&height=100&v=1773159739&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 932 933 </div> 934 935 <span class="text-sm">By Brand</span> 936 937 </a> 938 939 </li> 940 941 942 </ul> 943 </div> 944 </details> 945 946 947 </li> 948 949 950 951 952 <li> 953 954 <details name="menu" data-menu-item-url="/pages/all-patterns"> 955 <summary class="has-submenu group cursor-pointer"> 956 <span class="menu-item p-2 flex flex-1 gap-3"> 957 958 <img src="//www.yarn.com/cdn/shop/files/Vector_3.svg?crop=center&height=16&v=1770901503&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Vector_3.svg?crop=center&height=16&v=1770901503&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 959
960 <span class="flex-1">Patterns</span> 961 <span class="menu-arrow block content-center"> 962 963 964 965 966 967 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 968 969 <title></title> 970 971 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 972 </svg> 973 974 975 </span> 976 </span> 977 </summary> 978 979 <!-- LEVEL 2 --> 980 <div class="submenu overflow-auto md:overflow-visible"> 981 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 982 <span class="flex flex-1 items-center"> 983 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 984 985 986 987 988 989 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 990 991 <title>Previous Menu</title> 992 993 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 994 </svg> 995 996 997 </button> 998 <span class="sidebar-title flex-1 display-7 font-semibold">Patterns</span> 999 </span> 1000 1001 1002 1003 1004 1005 1006 <a style="line-height: normal" 1007 1008 1009 1010 1011 href="/pages/all-patterns" 1012 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 1013 > 1014 <span class="button-label">Show All</span> 1015 1016 </a> 1017 1018 1019 </div> 1020 <hr class="h-px bg-light border-0 shrink-0"> 1021 1022 1023 <ul class="space-y-2 md:overflow-auto"> 1024 1025 1026 <li class="flex flex-col space-y-8"> 1027 1028 1029 1030 <a href="/collections/popular" class="group rounded hover:bg-superLight block"> 1031 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 1032 1033 <span class="flex-1">Knitting</span> 1034 </span> 1035 </a> 1036 1037 1038 </li> 1039 1040 <li class="flex flex-col space-y-8"> 1041 1042 1043 1044 <a href="/collections/discover-new-patterns" class="group rounded hover:bg-superLight block"> 1045 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 1046 1047 <img src="//www.yarn.com/cdn/shop/files/New.svg?crop=center&height=29&v=1778838740&width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/New.svg?crop=center&height=29&v=1778838740&width=29 29w" width="29" height="29" class="w-[29px] h-[29px]"> 1048 1049 <span class="flex-1">New</span> 1050 </span> 1051 </a> 1052 1053 1054 </li> 1055 1056 <li class="flex flex-col space-y-8"> 1057 1058 1059 <!-- HAS LEVEL 3 --> 1060 <button 1061 type="button" 1062 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1063 data-title="Sweaters & Tops" 1064 data-coll="/collections/tops-knitwear" 1065 data-image=" 1066 1067 //www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?v=1777281313&width=60 1068 " 1069 data-bg-color="">
1070 <span class="sidebar-level-3-links hidden"> 1071 [ 1072 1073 { 1074 "title": "Nightwear Knitting Patterns", 1075 "url": "\/collections\/nightwear-knitting-patterns", 1076 "image": 1077 1078 "\/\/www.yarn.com\/cdn\/shop\/files\/7b0172c15e4d4fcedbf221bf5fa36c2d833b126f_UPID40064_173138132659795_2991b4b5-65b8-42f9-8900-a2bc342ac189.jpg?v=1778516290\u0026width=120" 1079 1080 } 1081 , 1082 1083 { 1084 "title": "Pullover Knitting Patterns", 1085 "url": "\/collections\/pullover-knitting-patterns", 1086 "image": 1087 1088 "\/\/www.yarn.com\/cdn\/shop\/files\/pullover.webp?v=1778516378\u0026width=120" 1089 1090 } 1091 , 1092 1093 { 1094 "title": "Tops Knitting Patterns", 1095 "url": "\/collections\/tops-knitting-patterns", 1096 "image": 1097 1098 "\/\/www.yarn.com\/cdn\/shop\/files\/bbe9cc6a2d8f74c60608c465dda306cf4ebefd8b_fb9d9c3a_b4fe_432e_a460_9bdf1c7185a4.webp?v=1778516441\u0026width=120" 1099 1100 } 1101 , 1102 1103 { 1104 "title": "Sweater Knitting Patterns", 1105 "url": "\/collections\/sweater-knitting-patterns", 1106 "image": 1107 1108 "\/\/www.yarn.com\/cdn\/shop\/files\/0bd957ea6196b564f3cbe1d1f646c770f73f8a70_59128df8_2689_4101_ae9c_86e269ab1db9.webp?v=1778516514\u0026width=120" 1109 1110 } 1111 1112 1113 ] 1114 </span> 1115 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1116 1117 <img src="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1118
1119 <span class="flex-1 text-left">Sweaters & Tops</span> 1120 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1121 1122 1123 1124 1125 1126 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1127 1128 <title></title> 1129 1130 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1131 </svg> 1132 1133 1134 </span> 1135 </span> 1136 </button> 1137 1138 1139 </li> 1140 1141 <li class="flex flex-col space-y-8"> 1142 1143 1144 <!-- HAS LEVEL 3 --> 1145 <button 1146 type="button" 1147 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1148 data-title="Cardigans & Jackets" 1149 data-coll="/collections/outerwear" 1150 data-image=" 1151 1152 //www.yarn.com/cdn/shop/files/Vector_8.svg?v=1777281313&width=60 1153 " 1154 data-bg-color=""> 1155 <span class="sidebar-level-3-links hidden"> 1156 [ 1157 1158 { 1159 "title": "Cardigan Knitting Patterns", 1160 "url": "\/collections\/cardigan-knitting-patterns", 1161 "image": 1162 1163 "\/\/www.yarn.com\/cdn\/shop\/files\/cardigan.webp?v=1778513002\u0026width=120" 1164 1165 } 1166 , 1167 1168 { 1169 "title": "Jacket and Coats Knitting Patterns", 1170 "url": "\/collections\/jacket-and-coats-knitting-patterns", 1171 "image": 1172 1173 "\/\/www.yarn.com\/cdn\/shop\/files\/coats.webp?v=1778513171\u0026width=120" 1174 1175 } 1176 , 1177 1178 { 1179 "title": "Shrug and Boleros", 1180 "url": "\/collections\/shrug-and-bolero-knitting-patterns", 1181 "image": 1182 1183 "\/\/www.yarn.com\/cdn\/shop\/files\/bolero.webp?v=1778512950\u0026width=120" 1184 1185 } 1186 , 1187 1188 { 1189 "title": "Vests Knitting Patterns", 1190 "url": "\/collections\/vests-knitting-patterns", 1191 "image": 1192 1193 "\/\/www.yarn.com\/cdn\/shop\/files\/vests.webp?v=1778513045\u0026width=120" 1194 1195 } 1196 , 1197 1198 { 1199 "title": "Waistcoat Knitting Patterns", 1200 "url": "\/collections\/waistcoat-knitting-patterns", 1201 "image": 1202 1203 "\/\/www.yarn.com\/cdn\/shop\/files\/waistcoat.webp?v=1778513082\u0026width=120" 1204 1205 } 1206 1207 1208 ] 1209 </span>
1210 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1211 1212 <img src="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1213 1214 <span class="flex-1 text-left">Cardigans & Jackets</span> 1215 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1216 1217 1218 1219 1220 1221 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1222 1223 <title></title> 1224 1225 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1226 </svg> 1227 1228 1229 </span> 1230 </span> 1231 </button> 1232 1233 1234 </li> 1235 1236 <li class="flex flex-col space-y-8"> 1237 1238 1239 <!-- HAS LEVEL 3 --> 1240 <button 1241 type="button" 1242 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1243 data-title="Hats & Scarves" 1244 data-coll="/collections/head-neck" 1245 data-image=" 1246 1247 //www.yarn.com/cdn/shop/files/Vector_1.svg?v=1777281313&width=60 1248 " 1249 data-bg-color=""> 1250 <span class="sidebar-level-3-links hidden"> 1251 [ 1252 1253 { 1254 "title": "Cowls Knitting Patterns", 1255 "url": "\/collections\/cowls-knitting-patterns", 1256 "image": 1257 1258 "\/\/www.yarn.com\/cdn\/shop\/files\/cowl.webp?v=1778502919\u0026width=120" 1259 1260 } 1261 , 1262 1263 { 1264 "title": "Hats Knitting Patterns", 1265 "url": "\/collections\/hats-knitting-patterns", 1266 "image": 1267 1268 "\/\/www.yarn.com\/cdn\/shop\/files\/hats.webp?v=1778503012\u0026width=120" 1269 1270 } 1271 , 1272 1273 { 1274 "title": "Headband Knitting Patterns", 1275 "url": "\/collections\/headband-knitting-patterns", 1276 "image": 1277 1278 "\/\/www.yarn.com\/cdn\/shop\/files\/headband.webp?v=1778503065\u0026width=120" 1279 1280 } 1281 , 1282 1283 { 1284 "title": "Scarf Knitting Patterns", 1285 "url": "\/collections\/scarf-knitting-patterns", 1286 "image": 1287 1288 "\/\/www.yarn.com\/cdn\/shop\/files\/wrap.webp?v=1778503127\u0026width=120" 1289 1290 } 1291 1292 1293 ] 1294 </span>
1295 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1296 1297 <img src="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1298 1299 <span class="flex-1 text-left">Hats & Scarves</span> 1300 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1301 1302 1303 1304 1305 1306 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1307 1308 <title></title> 1309 1310 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1311 </svg> 1312 1313 1314 </span> 1315 </span> 1316 </button> 1317 1318 1319 </li> 1320 1321 <li class="flex flex-col space-y-8"> 1322 1323 1324 <!-- HAS LEVEL 3 --> 1325 <button 1326 type="button" 1327 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1328 data-title="Shawls & Wraps" 1329 data-coll="/collections/shawls-wraps" 1330 data-image=" 1331 1332 //www.yarn.com/cdn/shop/files/Vector_10.svg?v=1777281313&width=60 1333 " 1334 data-bg-color=""> 1335 <span class="sidebar-level-3-links hidden"> 1336 [ 1337 1338 { 1339 "title": "Capes and Ponchos Knitting Patterns", 1340 "url": "\/collections\/capes-and-ponchos-knitting-patterns", 1341 "image": 1342 1343 "\/\/www.yarn.com\/cdn\/shop\/files\/poncho.webp?v=1778515603\u0026width=120" 1344 1345 } 1346 , 1347 1348 { 1349 "title": "Shawl and Wrap Knitting Patterns", 1350 "url": "\/collections\/shawl-wrap-knitting-patterns", 1351 "image": 1352 1353 "\/\/www.yarn.com\/cdn\/shop\/files\/shawl.webp?v=1778515650\u0026width=120" 1354 1355 } 1356 1357 1358 ] 1359 </span>
1360 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1361 1362 <img src="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1363 1364 <span class="flex-1 text-left">Shawls & Wraps</span> 1365 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1366 1367 1368 1369 1370 1371 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1372 1373 <title></title> 1374 1375 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1376 </svg> 1377 1378 1379 </span> 1380 </span> 1381 </button> 1382 1383 1384 </li> 1385 1386 <li class="flex flex-col space-y-8"> 1387 1388 1389 <!-- HAS LEVEL 3 --> 1390 <button 1391 type="button" 1392 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1393 data-title="Home Decor" 1394 data-coll="/collections/home-decor" 1395 data-image=" 1396 1397 //www.yarn.com/cdn/shop/files/Vector_6.svg?v=1777281313&width=60 1398 " 1399 data-bg-color=""> 1400 <span class="sidebar-level-3-links hidden"> 1401 [ 1402 1403 { 1404 "title": "Blankets and Throws", 1405 "url": "\/collections\/blanket-and-throws-knitting-patterns", 1406 "image": 1407 1408 "\/\/www.yarn.com\/cdn\/shop\/files\/Blankets_and_Throws.jpg?v=1778497023\u0026width=120" 1409 1410 } 1411 , 1412 1413 { 1414 "title": "Cushion Knitting Patterns", 1415 "url": "\/collections\/cushion-knitting-patterns", 1416 "image": 1417 1418 "\/\/www.yarn.com\/cdn\/shop\/files\/cushions.webp?v=1778503608\u0026width=120" 1419 1420 } 1421 , 1422 1423 { 1424 "title": "Decoration Knitting Patterns", 1425 "url": "\/collections\/decoration-knitting-patterns", 1426 "image": 1427 1428 "\/\/www.yarn.com\/cdn\/shop\/files\/decorating.webp?v=1778503179\u0026width=120" 1429 1430 } 1431 , 1432 1433 { 1434 "title": "Home Decor Knitting Patterns", 1435 "url": "\/collections\/home-decor-knitting-patterns", 1436 "image": 1437 1438 "\/\/www.yarn.com\/cdn\/shop\/files\/homeware_f311b3a1-5ddf-4790-81b5-bf8fb2b8ba60.webp?v=1778503678\u0026width=120" 1439 1440 } 1441 , 1442 1443 { 1444 "title": "Homeware Knitting Patterns", 1445 "url": "\/collections\/homeware-knitting-patterns", 1446 "image": 1447 1448 "\/\/www.yarn.com\/cdn\/shop\/files\/homeware.webp?v=1778503226\u0026width=120" 1449 1450 } 1451 , 1452 1453 { 1454 "title": "Rug Knitting Patterns", 1455 "url": "\/collections\/rug-knitting-patterns", 1456 "image": 1457 1458 "\/\/www.yarn.com\/cdn\/shop\/files\/rug.webp?v=1778503392\u0026width=120" 1459 1460 } 1461 , 1462 1463 { 1464 "title": "Seasonal Decorations Knitting Patterns", 1465 "url": "\/collections\/seasonal-decorations-knitting-patterns", 1466 "image": 1467 1468 "\/\/www.yarn.com\/cdn\/shop\/files\/Screenshot_2026-05-11_at_13.45.15.png?v=1778503535\u0026width=120" 1469 1470 } 1471 1472 1473 ] 1474 </span>
1475 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1476 1477 <img src="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1478 1479 <span class="flex-1 text-left">Home Decor</span> 1480 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1481 1482 1483 1484 1485 1486 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1487 1488 <title></title> 1489 1490 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1491 </svg> 1492 1493 1494 </span> 1495 </span> 1496 </button> 1497 1498 1499 </li> 1500 1501 <li class="flex flex-col space-y-8"> 1502 1503 1504 <!-- HAS LEVEL 3 --> 1505 <button 1506 type="button" 1507 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1508 data-title="Socks & Slippers" 1509 data-coll="/collections/footwear-leg-warmers" 1510 data-image=" 1511 1512 //www.yarn.com/cdn/shop/files/Vector_4.svg?v=1777281313&width=60 1513 " 1514 data-bg-color=""> 1515 <span class="sidebar-level-3-links hidden"> 1516 [ 1517 1518 { 1519 "title": "Legwarmers and Cuffs Knitting Patterns", 1520 "url": "\/collections\/legwarmers-and-cuffs-knitting-patterns", 1521 "image": 1522 1523 "\/\/www.yarn.com\/cdn\/shop\/files\/legwarmers.jpg?v=1778498013\u0026width=120" 1524 1525 } 1526 , 1527 1528 { 1529 "title": "Shoes Knitting Patterns", 1530 "url": "\/collections\/shoes-knitting-patterns", 1531 "image": 1532 1533 "\/\/www.yarn.com\/cdn\/shop\/files\/shoes.jpg?v=1778498165\u0026width=120" 1534 1535 } 1536 , 1537 1538 { 1539 "title": "Slippers and Booties Knitting Patterns", 1540 "url": "\/collections\/slippers-and-booties-knitting-patterns", 1541 "image": 1542 1543 "\/\/www.yarn.com\/cdn\/shop\/files\/slippers.jpg?v=1778498292\u0026width=120" 1544 1545 } 1546 , 1547 1548 { 1549 "title": "Socks Knitting Patterns", 1550 "url": "\/collections\/socks-knitting-patterns", 1551 "image": 1552 1553 "\/\/www.yarn.com\/cdn\/shop\/files\/Socks.jpg?v=1778502719\u0026width=120" 1554 1555 } 1556 1557 1558 ] 1559 </span>
1560 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1561 1562 <img src="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1563 1564 <span class="flex-1 text-left">Socks & Slippers</span> 1565 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1566 1567 1568 1569 1570 1571 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1572 1573 <title></title> 1574 1575 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1576 </svg> 1577 1578 1579 </span> 1580 </span> 1581 </button> 1582 1583 1584 </li> 1585 1586 <li class="flex flex-col space-y-8"> 1587 1588 1589 <!-- HAS LEVEL 3 --> 1590 <button 1591 type="button" 1592 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1593 data-title="Dresses & Skirts" 1594 data-coll="/collections/bottoms-full-body" 1595 data-image=" 1596 1597 //www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?v=1777281313&width=60 1598 " 1599 data-bg-color=""> 1600 <span class="sidebar-level-3-links hidden"> 1601 [ 1602 1603 { 1604 "title": "Dresses and Skirts Knitting Patterns", 1605 "url": "\/collections\/dresses-and-skirts-knitting-patterns", 1606 "image": 1607 1608 "\/\/www.yarn.com\/cdn\/shop\/files\/DressesandSkirts.webp?v=1778248505\u0026width=120" 1609 1610 } 1611 , 1612 1613 { 1614 "title": "Overalls Knitting Patterns", 1615 "url": "\/collections\/overalls-knitting-patterns", 1616 "image": 1617 1618 "\/\/www.yarn.com\/cdn\/shop\/files\/Overalls.jpg?v=1778496541\u0026width=120" 1619 1620 } 1621 , 1622 1623 { 1624 "title": "Pants and Shorts
1624Knitting Patterns", 1625 "url": "\/collections\/pants-and-shorts-knitting-patterns", 1626 "image": 1627 1628 "\/\/www.yarn.com\/cdn\/shop\/files\/Pants_and_Shorts.jpg?v=1778496673\u0026width=120" 1629 1630 } 1631 , 1632 1633 { 1634 "title": "Playsuits Knitting Patterns", 1635 "url": "\/collections\/playsuits-knitting-patterns", 1636 "image": 1637 1638 "\/\/www.yarn.com\/cdn\/shop\/files\/Playsuits.jpg?v=1778496808\u0026width=120" 1639 1640 } 1641 , 1642 1643 { 1644 "title": "Trousers and Leggings Knitting Patterns", 1645 "url": "\/collections\/trousers-and-leggings-knitting-patterns", 1646 "image": 1647 1648 "\/\/www.yarn.com\/cdn\/shop\/files\/b87ce0f734f116a5329ea2853f3f8398c6a1bee8_1aa8bf94_8209_4c69_b733_4fe2ae8c255e_d6fa1820-a296-4fb6-9b6f-1725f264451b.jpg?v=1778496938\u0026width=120" 1649 1650 } 1651 1652 1653 ] 1654 </span> 1655 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1656 1657 <img src="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1658 1659 <span class="flex-1 text-left">Dresses & Skirts</span> 1660 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1661 1662 1663 1664 1665 1666 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1667 1668 <title></title> 1669 1670 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1671 </svg> 1672 1673 1674 </span> 1675 </span> 1676 </button> 1677 1678 1679 </li> 1680 1681 <li class="flex flex-col space-y-8"> 1682 1683 1684 <!-- HAS LEVEL 3 --> 1685 <button 1686 type="button" 1687 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1688 data-title="Toys" 1689 data-coll="/collections/toys" 1690 data-image=" 1691 1692 //www.yarn.com/cdn/shop/files/Vector_11.svg?v=1777281313&width=60 1693 " 1694 data-bg-color="">
1695 <span class="sidebar-level-3-links hidden"> 1696 [ 1697 1698 { 1699 "title": "Dolls and Accessories Knitting Patterns", 1700 "url": "\/collections\/dolls-and-accessories-knitting-patterns", 1701 "image": 1702 1703 "\/\/www.yarn.com\/cdn\/shop\/files\/doll.webp?v=1778515712\u0026width=120" 1704 1705 } 1706 , 1707 1708 { 1709 "title": "Toys and Accessories Knitting Patterns", 1710 "url": "\/collections\/toys-and-accessories-knitting-patterns", 1711 "image": 1712 1713 "\/\/www.yarn.com\/cdn\/shop\/files\/1ecbda655302af2ae1ad15c972221c6e2e96b8ff_ff6b6488_1503_438d_9372_bbdf382e638f.webp?v=1778515901\u0026width=120" 1714 1715 } 1716 , 1717 1718 { 1719 "title": "Toy Knitting Patterns", 1720 "url": "\/collections\/toy-knitting-patterns", 1721 "image": 1722 1723 "\/\/www.yarn.com\/cdn\/shop\/files\/toys.jpg?v=1778515834\u0026width=120" 1724 1725 } 1726 1727 1728 ] 1729 </span> 1730 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1731 1732 <img src="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1733 1734 <span class="flex-1 text-left">Toys</span> 1735 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1736 1737 1738 1739 1740 1741 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1742 1743 <title></title> 1744 1745 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1746 </svg> 1747 1748 1749 </span> 1750 </span> 1751 </button> 1752 1753 1754 </li> 1755 1756 <li class="flex flex-col space-y-8"> 1757 1758 1759 <!-- HAS LEVEL 3 --> 1760 <button 1761 type="button" 1762 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1763 data-title="Mittens & Gloves" 1764 data-coll="/collections/hand-arm" 1765 data-image=" 1766 1767 //www.yarn.com/cdn/shop/files/Vector_5.svg?v=1777281313&width=60 1768 " 1769 data-bg-color="">
1770 <span class="sidebar-level-3-links hidden"> 1771 [ 1772 1773 { 1774 "title": "Fingerless Gloves Knitting Patterns", 1775 "url": "\/collections\/fingerless-gloves-knitting-patterns", 1776 "image": 1777 1778 "\/\/www.yarn.com\/cdn\/shop\/files\/fingerless.webp?v=1778502840\u0026width=120" 1779 1780 } 1781 , 1782 1783 { 1784 "title": "Mitten and Glove Knitting Patterns", 1785 "url": "\/collections\/mitten-and-glove-knitting-patterns", 1786 "image": 1787 1788 "\/\/www.yarn.com\/cdn\/shop\/files\/mittens.jpg?v=1778502777\u0026width=120" 1789 1790 } 1791 1792 1793 ] 1794 </span> 1795 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1796 1797 <img src="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1798 1799 <span class="flex-1 text-left">Mittens & Gloves</span> 1800 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1801 1802 1803 1804 1805 1806 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1807 1808 <title></title> 1809 1810 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1811 </svg> 1812 1813 1814 </span> 1815 </span> 1816 </button> 1817 1818 1819 </li> 1820 1821 <li class="flex flex-col space-y-8"> 1822 1823 1824 <!-- HAS LEVEL 3 --> 1825 <button 1826 type="button" 1827 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1828 data-title="Bags & Accessories" 1829 data-coll="/collections/miscellaneous" 1830 data-image=" 1831 1832 //www.yarn.com/cdn/shop/files/Misc.svg?v=1778839155&width=60 1833 " 1834 data-bg-color="">
1835 <span class="sidebar-level-3-links hidden"> 1836 [ 1837 1838 { 1839 "title": "Accessories Knitting Patterns", 1840 "url": "\/collections\/accessories-knitting-patterns", 1841 "image": 1842 1843 "\/\/www.yarn.com\/cdn\/shop\/files\/312ae806652284ea5182fbb2b9bdd70c7abc071f_8e8c335e_b8b5_4ced_a91e_a36d55870073.webp?v=1778516617\u0026width=120" 1844 1845 } 1846 , 1847 1848 { 1849 "title": "Bag Knitting Patterns", 1850 "url": "\/collections\/bag-knitting-patterns", 1851 "image": 1852 1853 "\/\/www.yarn.com\/cdn\/shop\/files\/3bcb35a969846c4090a151a3d4b86dc7f5916ac1_c5251111_ffca_4a72_8c43_fafdd641397e.webp?v=1778516883\u0026width=120" 1854 1855 } 1856 , 1857 1858 { 1859 "title": "Jewellery Knitting Patterns", 1860 "url": "\/collections\/jewellery-knitting-patterns", 1861 "image": 1862 1863 "\/\/www.yarn.com\/cdn\/shop\/files\/2a200d0447e43f6e870cb416aa86543a584b5179_UPID56679_174224726616143.webp?v=1778516666\u0026width=120" 1864 1865 } 1866 , 1867 1868 { 1869 "title": "Other Knitting Patterns", 1870 "url": "\/collections\/other-knitting-patterns", 1871 "image": 1872 1873 "\/\/www.yarn.com\/cdn\/shop\/files\/53b7a4bf5f18174c9df98bcda6b07bf111065ba4_UPID210096_172884770492840.webp?v=1778516766\u0026width=120" 1874 1875 } 1876 1877 1878 ] 1879 </span> 1880 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1881 1882 <img src="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&height=29&v=1778839155&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&height=29&v=1778839155&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1883 1884 <span class="flex-1 text-left">Bags & Accessories</span>
1885 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1886 1887 1888 1889 1890 1891 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1892 1893 <title></title> 1894 1895 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1896 </svg> 1897 1898 1899 </span> 1900 </span> 1901 </button> 1902 1903 1904 </li> 1905 1906 <li class="flex flex-col space-y-8"> 1907 1908 1909 <!-- HAS LEVEL 3 --> 1910 <button 1911 type="button" 1912 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1913 data-title="Kitchen & Utility" 1914 data-coll="/collections/kitchen-utility" 1915 data-image=" 1916 1917 //www.yarn.com/cdn/shop/files/Vector_7.svg?v=1777281313&width=60 1918 " 1919 data-bg-color=""> 1920 <span class="sidebar-level-3-links hidden"> 1921 [ 1922 1923 { 1924 "title": "Container Knitting Patterns", 1925 "url": "\/collections\/container-knitting-patterns", 1926 "image": 1927 1928 "\/\/www.yarn.com\/cdn\/shop\/files\/container.webp?v=1778512698\u0026width=120" 1929 1930 } 1931 , 1932 1933 { 1934 "title": "Dishcloth Knitting Patterns", 1935 "url": "\/collections\/dishcloth-knitting-patterns", 1936 "image": 1937 1938 "\/\/www.yarn.com\/cdn\/shop\/files\/dishcloth.jpg?v=1778512789\u0026width=120" 1939 1940 } 1941 , 1942 1943 { 1944 "title": "Table Setting Knitting Patterns", 1945 "url": "\/collections\/table-setting-knitting-patterns", 1946 "image": 1947 1948 "\/\/www.yarn.com\/cdn\/shop\/files\/tablecloth.webp?v=1778512854\u0026width=120" 1949 1950 } 1951 , 1952 1953 { 1954 "title": "Tea Cosies Knitting Patterns", 1955 "url": "\/collections\/tea-cosies-knitting-patterns", 1956 "image": 1957 1958 "\/\/www.yarn.com\/cdn\/shop\/files\/teacosie.webp?v=1778512905\u0026width=120" 1959 1960 } 1961 1962 1963 ] 1964 </span>
1965 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 1966 1967 <img src="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 1968 1969 <span class="flex-1 text-left">Kitchen & Utility</span> 1970 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 1971 1972 1973 1974 1975 1976 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 1977 1978 <title></title> 1979 1980 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 1981 </svg> 1982 1983 1984 </span> 1985 </span> 1986 </button> 1987 1988 1989 </li> 1990 1991 <li class="flex flex-col space-y-8"> 1992 1993 1994 <!-- HAS LEVEL 3 --> 1995 <button 1996 type="button" 1997 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 1998 data-title="Pets" 1999 data-coll="/collections/pets" 2000 data-image=" 2001 2002 //www.yarn.com/cdn/shop/files/Vector_9.svg?v=1777281313&width=60 2003 " 2004 data-bg-color=""> 2005 <span class="sidebar-level-3-links hidden"> 2006 [ 2007 2008 { 2009 "title": "Pet Bedding Knitting Patterns", 2010 "url": "\/collections\/pet-bedding-knitting-patterns", 2011 "image": 2012 2013 "\/\/www.yarn.com\/cdn\/shop\/files\/petbedding.jpg?v=1778513302\u0026width=120" 2014 2015 } 2016 , 2017 2018 { 2019 "title": "Pet Clothing Knitting Patterns", 2020 "url": "\/collections\/pet-clothing-knitting-patterns", 2021 "image": 2022 2023 "\/\/www.yarn.com\/cdn\/shop\/files\/petclothing.webp?v=1778513265\u0026width=120" 2024 2025 } 2026 2027 2028 ] 2029 </span>
2030 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 2031 2032 <img src="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 2033 2034 <span class="flex-1 text-left">Pets</span> 2035 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 2036 2037 2038 2039 2040 2041 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 2042 2043 <title></title> 2044 2045 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2046 </svg> 2047 2048 2049 </span> 2050 </span> 2051 </button> 2052 2053 2054 </li> 2055 2056 <li class="flex flex-col space-y-8"> 2057 2058 2059 2060 <a href="/collections/all-books" class="group rounded hover:bg-superLight block"> 2061 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2062 2063 <img src="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=29&v=1770019562&width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=29&v=1770019562&width=29 29w" width="29" height="29" class="w-[29px] h-[29px]"> 2064 2065 <span class="flex-1">Books & Magazines</span> 2066 </span> 2067 </a> 2068 2069 2070 </li> 2071 2072 <li class="flex flex-col space-y-8"> 2073 2074 2075 2076 <a href="/collections/crochet-patterns" class="group rounded hover:bg-superLight block"> 2077 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2078 2079 <img src="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&height=29&v=1770019385&width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&height=29&v=1770019385&width=29 29w" width="29" height="29" class="w-[29px] h-[29px]"> 2080 2081 <span class="flex-1">Crochet</span> 2082 </span> 2083 </a> 2084 2085 2086 </li> 2087 2088 <li class="flex flex-col space-y-8"> 2089 2090 2091 2092 <a href="/collections/weaving-drafts" class="group rounded hover:bg-superLight block">
2093 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2094 2095 <img src="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&height=29&v=1770019430&width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&height=29&v=1770019430&width=29 29w" width="29" height="29" class="w-[29px] h-[29px]"> 2096 2097 <span class="flex-1">Weaving Drafts</span> 2098 </span> 2099 </a> 2100 2101 2102 </li> 2103 2104 2105 </ul> 2106 </div> 2107 </details> 2108 2109 2110 </li> 2111 2112 2113 2114 2115 <li> 2116 2117 <details name="menu" data-menu-item-url="/collections/knitting-yarn"> 2118 <summary class="has-submenu group cursor-pointer"> 2119 <span class="menu-item p-2 flex flex-1 gap-3"> 2120 2121 <img src="//www.yarn.com/cdn/shop/files/Knitting.svg?crop=center&height=16&v=1770902438&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Knitting.svg?crop=center&height=16&v=1770902438&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 2122 2123 <span class="flex-1">Knitting</span> 2124 <span class="menu-arrow block content-center"> 2125 2126 2127 2128 2129 2130 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 2131 2132 <title></title> 2133 2134 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2135 </svg> 2136 2137 2138 </span> 2139 </span> 2140 </summary> 2141 2142 <!-- LEVEL 2 --> 2143 <div class="submenu overflow-auto md:overflow-visible"> 2144 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 2145 <span class="flex flex-1 items-center"> 2146 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 2147 2148 2149 2150 2151 2152 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 2153 2154 <title>Previous Menu</title> 2155 2156 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2157 </svg> 2158 2159 2160 </button> 2161 <span class="sidebar-title flex-1 display-7 font-semibold">Knitting</span> 2162 </span> 2163 2164 2165 2166 2167 2168 2169 <a style="line-height: normal" 2170 2171 2172 2173 2174 href="/collections/knitting-yarn" 2175 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 2176 > 2177 <span class="button-label">Show All</span> 2178 2179 </a> 2180 2181 2182 </div> 2183 <hr class="h-px bg-light border-0 shrink-0"> 2184 2185 2186 <ul class="grid grid-cols-2 xs:grid-cols-3 gap-4 gap-y-8 content-start flex-1 md:overflow-auto"> 2187 2188 2189 <li class="flex flex-col space-y-8"> 2190 2191 2192 <a href="/collections/knitting-yarn" class="block space-y-2"> 2193 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2194 2195 <img src="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&height=100&v=1769694642&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2196 2197 </div> 2198
2199 <span class="text-sm">Yarn</span> 2200 2201 </a> 2202 2203 </li> 2204 2205 <li class="flex flex-col space-y-8"> 2206 2207 2208 <a href="/collections/knitting-needles" class="block space-y-2"> 2209 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2210 2211 <img src="//www.yarn.com/cdn/shop/files/Knitting_Neelds.svg?crop=center&height=100&v=1770019646&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Neelds.svg?crop=center&height=100&v=1770019646&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2212 2213 </div> 2214 2215 <span class="text-sm">Needles</span> 2216 2217 </a> 2218 2219 </li> 2220 2221 <li class="flex flex-col space-y-8"> 2222 2223 2224 <a href="/pages/all-knitting-patterns" class="block space-y-2"> 2225 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2226 2227 </div> 2228 2229 <span class="text-sm">Patterns</span> 2230 2231 </a> 2232 2233 </li> 2234 2235 <li class="flex flex-col space-y-8"> 2236 2237 2238 <a href="/collections/knitting-books" class="block space-y-2"> 2239 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2240 2241 <img src="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2242 2243 </div> 2244 2245 <span class="text-sm">Books & Magazines</span> 2246 2247 </a> 2248 2249 </li> 2250 2251 <li class="flex flex-col space-y-8"> 2252 2253 2254 <a href="/collections/knitting-accessories" class="block space-y-2"> 2255 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2256 2257 <img src="//www.yarn.com/cdn/shop/files/Knitting_Accessories.svg?crop=center&height=100&v=1770019763&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Accessories.svg?crop=center&height=100&v=1770019763&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2258 2259 </div> 2260
2261 <span class="text-sm">Accessories</span> 2262 2263 </a> 2264 2265 </li> 2266 2267 2268 </ul> 2269 </div> 2270 </details> 2271 2272 2273 </li> 2274 2275 2276 2277 2278 <li> 2279 2280 <details name="menu" data-menu-item-url="/collections/crochet-yarn"> 2281 <summary class="has-submenu group cursor-pointer"> 2282 <span class="menu-item p-2 flex flex-1 gap-3"> 2283 2284 <img src="//www.yarn.com/cdn/shop/files/Crochet.svg?crop=center&height=16&v=1770902508&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Crochet.svg?crop=center&height=16&v=1770902508&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 2285 2286 <span class="flex-1">Crochet</span> 2287 <span class="menu-arrow block content-center"> 2288 2289 2290 2291 2292 2293 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 2294 2295 <title></title> 2296 2297 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2298 </svg> 2299 2300 2301 </span> 2302 </span> 2303 </summary> 2304 2305 <!-- LEVEL 2 --> 2306 <div class="submenu overflow-auto md:overflow-visible"> 2307 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 2308 <span class="flex flex-1 items-center"> 2309 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 2310 2311 2312 2313 2314 2315 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 2316 2317 <title>Previous Menu</title> 2318 2319 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2320 </svg> 2321 2322 2323 </button> 2324 <span class="sidebar-title flex-1 display-7 font-semibold">Crochet</span> 2325 </span> 2326 2327 2328 2329 2330 2331 2332 <a style="line-height: normal" 2333 2334 2335 2336 2337 href="/collections/crochet-yarn" 2338 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 2339 > 2340 <span class="button-label">Show All</span> 2341 2342 </a> 2343 2344 2345 </div> 2346 <hr class="h-px bg-light border-0 shrink-0"> 2347 2348 2349 <ul class="grid grid-cols-2 xs:grid-cols-3 gap-4 gap-y-8 content-start flex-1 md:overflow-auto"> 2350 2351 2352 <li class="flex flex-col space-y-8"> 2353 2354 2355 <a href="/collections/crochet-yarn" class="block space-y-2"> 2356 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2357 2358 <img src="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&height=100&v=1769694738&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&height=100&v=1769694738&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2359 2360 </div> 2361
2362 <span class="text-sm">Yarn</span> 2363 2364 </a> 2365 2366 </li> 2367 2368 <li class="flex flex-col space-y-8"> 2369 2370 2371 <a href="/collections/crochet-hooks" class="block space-y-2"> 2372 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2373 2374 <img src="//www.yarn.com/cdn/shop/files/Crochet_Hooks.svg?crop=center&height=100&v=1770019850&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Hooks.svg?crop=center&height=100&v=1770019850&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2375 2376 </div> 2377 2378 <span class="text-sm">Hooks</span> 2379 2380 </a> 2381 2382 </li> 2383 2384 <li class="flex flex-col space-y-8"> 2385 2386 2387 <a href="/collections/crochet-patterns" class="block space-y-2"> 2388 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2389 2390 <img src="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&height=100&v=1770019385&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&height=100&v=1770019385&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2391 2392 </div> 2393 2394 <span class="text-sm">Patterns</span> 2395 2396 </a> 2397 2398 </li> 2399 2400 <li class="flex flex-col space-y-8"> 2401 2402 2403 <a href="/collections/crochet-books" class="block space-y-2"> 2404 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2405 2406 <img src="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2407 2408 </div> 2409 2410 <span class="text-sm">Books & Magazines</span> 2411 2412 </a> 2413 2414 </li> 2415 2416 <li class="flex flex-col space-y-8"> 2417 2418 2419 <a href="/collections/crochet-accessories" class="block space-y-2"> 2420 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2421 2422 <img src="//www.yarn.com/cdn/shop/files/Crochet_Accessories.svg?crop=center&height=100&v=1770019946&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Accessories.svg?crop=center&height=100&v=1770019946&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2423 2424 </div> 2425
2426 <span class="text-sm">Accessories</span> 2427 2428 </a> 2429 2430 </li> 2431 2432 2433 </ul> 2434 </div> 2435 </details> 2436 2437 2438 </li> 2439 2440 2441 2442 2443 <li> 2444 2445 <details name="menu" data-menu-item-url="/collections/weaving-yarn"> 2446 <summary class="has-submenu group cursor-pointer"> 2447 <span class="menu-item p-2 flex flex-1 gap-3"> 2448 2449 <img src="//www.yarn.com/cdn/shop/files/Weaving.svg?crop=center&height=16&v=1770902567&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Weaving.svg?crop=center&height=16&v=1770902567&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 2450 2451 <span class="flex-1">Weaving</span> 2452 <span class="menu-arrow block content-center"> 2453 2454 2455 2456 2457 2458 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 2459 2460 <title></title> 2461 2462 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2463 </svg> 2464 2465 2466 </span> 2467 </span> 2468 </summary> 2469 2470 <!-- LEVEL 2 --> 2471 <div class="submenu overflow-auto md:overflow-visible"> 2472 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 2473 <span class="flex flex-1 items-center"> 2474 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 2475 2476 2477 2478 2479 2480 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 2481 2482 <title>Previous Menu</title> 2483 2484 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2485 </svg> 2486 2487 2488 </button> 2489 <span class="sidebar-title flex-1 display-7 font-semibold">Weaving</span> 2490 </span> 2491 2492 2493 2494 2495 2496 2497 <a style="line-height: normal" 2498 2499 2500 2501 2502 href="/collections/weaving-yarn" 2503 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 2504 > 2505 <span class="button-label">Show All</span> 2506 2507 </a> 2508 2509 2510 </div> 2511 <hr class="h-px bg-light border-0 shrink-0"> 2512 2513 2514 <ul class="grid grid-cols-2 xs:grid-cols-3 gap-4 gap-y-8 content-start flex-1 md:overflow-auto"> 2515 2516 2517 <li class="flex flex-col space-y-8"> 2518 2519 2520 <a href="/collections/weaving-yarn" class="block space-y-2"> 2521 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2522 2523 <img src="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&height=100&v=1769694773&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&height=100&v=1769694773&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2524 2525 </div> 2526
2527 <span class="text-sm">Yarn</span> 2528 2529 </a> 2530 2531 </li> 2532 2533 <li class="flex flex-col space-y-8"> 2534 2535 2536 <a href="/collections/weaving-looms" class="block space-y-2"> 2537 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2538 2539 <img src="//www.yarn.com/cdn/shop/files/Looms.svg?crop=center&height=100&v=1770020045&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Looms.svg?crop=center&height=100&v=1770020045&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2540 2541 </div> 2542 2543 <span class="text-sm">Looms</span> 2544 2545 </a> 2546 2547 </li> 2548 2549 <li class="flex flex-col space-y-8"> 2550 2551 2552 <a href="/collections/weaving-drafts" class="block space-y-2"> 2553 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2554 2555 <img src="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&height=100&v=1770019430&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&height=100&v=1770019430&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2556 2557 </div> 2558 2559 <span class="text-sm">Drafts</span> 2560 2561 </a> 2562 2563 </li> 2564 2565 <li class="flex flex-col space-y-8"> 2566 2567 2568 <a href="/collections/weaving-and-warping-tools" class="block space-y-2"> 2569 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2570 2571 <img src="//www.yarn.com/cdn/shop/files/Weaving_Tools.svg?crop=center&height=100&v=1770020078&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Tools.svg?crop=center&height=100&v=1770020078&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2572 2573 </div> 2574 2575 <span class="text-sm">Weaving and Warping Tools</span> 2576 2577 </a> 2578 2579 </li> 2580 2581 <li class="flex flex-col space-y-8"> 2582 2583 2584 <a href="/collections/weaving-magazines" class="block space-y-2"> 2585 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2586 2587 <img src="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&height=100&v=1770019562&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2588 2589 </div> 2590
2591 <span class="text-sm">Books & Magazines</span> 2592 2593 </a> 2594 2595 </li> 2596 2597 <li class="flex flex-col space-y-8"> 2598 2599 2600 <a href="/collections/toika" class="block space-y-2"> 2601 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2602 2603 <img src="//www.yarn.com/cdn/shop/files/Toika.svg?crop=center&height=100&v=1770020102&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Toika.svg?crop=center&height=100&v=1770020102&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2604 2605 </div> 2606 2607 <span class="text-sm">Toika</span> 2608 2609 </a> 2610 2611 </li> 2612 2613 2614 </ul> 2615 </div> 2616 </details> 2617 2618 2619 </li> 2620 2621 2622 2623 2624 <li> 2625 2626 <details name="menu" data-menu-item-url="/collections/fiber"> 2627 <summary class="has-submenu group cursor-pointer"> 2628 <span class="menu-item p-2 flex flex-1 gap-3"> 2629 2630 <img src="//www.yarn.com/cdn/shop/files/small_spinning.svg?crop=center&height=16&v=1778231904&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/small_spinning.svg?crop=center&height=16&v=1778231904&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 2631 2632 <span class="flex-1">Spinning</span> 2633 <span class="menu-arrow block content-center"> 2634 2635 2636 2637 2638 2639 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 2640 2641 <title></title> 2642 2643 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2644 </svg> 2645 2646 2647 </span> 2648 </span> 2649 </summary> 2650 2651 <!-- LEVEL 2 --> 2652 <div class="submenu overflow-auto md:overflow-visible"> 2653 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 2654 <span class="flex flex-1 items-center"> 2655 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 2656 2657 2658 2659 2660 2661 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 2662 2663 <title>Previous Menu</title> 2664 2665 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2666 </svg> 2667 2668 2669 </button> 2670 <span class="sidebar-title flex-1 display-7 font-semibold">Spinning</span> 2671 </span> 2672 2673 2674 2675 2676 2677 2678 <a style="line-height: normal" 2679 2680 2681 2682 2683 href="/collections/fiber" 2684 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 2685 > 2686 <span class="button-label">Show All</span> 2687 2688 </a> 2689 2690 2691 </div> 2692 <hr class="h-px bg-light border-0 shrink-0"> 2693 2694 2695 <ul class="grid grid-cols-2 xs:grid-cols-3 gap-4 gap-y-8 content-start flex-1 md:overflow-auto"> 2696 2697 2698 <li class="flex flex-col space-y-8"> 2699 2700 2701 <a href="/collections/fiber" class="block space-y-2"> 2702 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2703 2704 <img src="//www.yarn.com/cdn/shop/files/Spinning_Fiber.svg?crop=center&height=100&v=1770020258&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Spinning_Fiber.svg?crop=center&height=100&v=1770020258&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2705 2706 </div> 2707
2708 <span class="text-sm">Spinning Fiber</span> 2709 2710 </a> 2711 2712 </li> 2713 2714 <li class="flex flex-col space-y-8"> 2715 2716 2717 <a href="/collections/spinning-tools" class="block space-y-2"> 2718 <div class="bg-superLight aspect-square flex items-center justify-center rounded"> 2719 2720 <img src="//www.yarn.com/cdn/shop/files/Spinning_Tools.svg?crop=center&height=100&v=1770020297&width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Spinning_Tools.svg?crop=center&height=100&v=1770020297&width=100 100w" width="100" height="100" class="menu-item object-contain p-5 w-full aspect-square max-h-[100px]"> 2721 2722 </div> 2723 2724 <span class="text-sm">Spinning Tools</span> 2725 2726 </a> 2727 2728 </li> 2729 2730 2731 </ul> 2732 </div> 2733 </details> 2734 2735 2736 </li> 2737 2738 2739 2740 2741 <li> 2742 2743 2744 <a href="/collections/closeout-yarns" class="group rounded hover:bg-superLight block"> 2745 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2746 2747 <img src="//www.yarn.com/cdn/shop/files/Sale.svg?crop=center&height=16&v=1773326695&width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/Sale.svg?crop=center&height=16&v=1773326695&width=16 16w" width="16" height="16" class="w-[16px] h-[16px]"> 2748 2749 <span class="flex-1">Closeout Yarn</span> 2750 </span> 2751 </a> 2752 2753 </li> 2754 2755 2756 2757 2758 </ul> 2759 <hr class="h-px my-3 bg-light border-0 shrink-0"> 2760 <ul class="space-y-3 flex-1"> 2761 2762 2763 2764 2765 <li> 2766 2767 2768 <a href="/products/yarn-com-gift-card" class="group rounded hover:bg-superLight block"> 2769 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2770 2771 <img src="//www.yarn.com/cdn/shop/files/GiftCard_Icon_ea80853b-8261-4ae8-a39a-bf78c0ae4d76.svg?crop=center&height=16&v=1773326535&width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/GiftCard_Icon_ea80853b-8261-4ae8-a39a-bf78c0ae4d76.svg?crop=center&height=16&v=1773326535&width=16 16w" width="16" height="16" class="w-[16px] h-[16px]"> 2772 2773 <span class="flex-1">eGift Card</span> 2774 </span> 2775 </a> 2776 2777 </li> 2778 2779 2780 2781 2782 <li> 2783 2784 2785 <a href="/pages/learning" class="group rounded hover:bg-superLight block"> 2786 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2787 2788 <img src="//www.yarn.com/cdn/shop/files/Learning.svg?crop=center&height=16&v=1770902151&width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/Learning.svg?crop=center&height=16&v=1770902151&width=16 16w" width="16" height="16" class="w-[16px] h-[16px]"> 2789
2790 <span class="flex-1">Learning</span> 2791 </span> 2792 </a> 2793 2794 </li> 2795 2796 2797 2798 2799 <li> 2800 2801 <details name="menu" data-menu-item-url="/pages/all-free-knitting-patterns"> 2802 <summary class="has-submenu group cursor-pointer"> 2803 <span class="menu-item p-2 flex flex-1 gap-3"> 2804 2805 <img src="//www.yarn.com/cdn/shop/files/Vector_2.svg?crop=center&height=16&v=1770901140&width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Vector_2.svg?crop=center&height=16&v=1770901140&width=16 16w" width="16" height="16" class="w-[16px] h-[16px] self-center"> 2806 2807 <span class="flex-1">Free Patterns</span> 2808 <span class="menu-arrow block content-center"> 2809 2810 2811 2812 2813 2814 <svg class="text-current " style="width: 12px; height: 12px;" fill="none" viewBox="0 0 16 39"> 2815 2816 <title></title> 2817 2818 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2819 </svg> 2820 2821 2822 </span> 2823 </span> 2824 </summary> 2825 2826 <!-- LEVEL 2 --> 2827 <div class="submenu overflow-auto md:overflow-visible"> 2828 <div class="flex items-center gap-2 mb-5 shrink-0 h-[70px]"> 2829 <span class="flex flex-1 items-center"> 2830 <button class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 2831 2832 2833 2834 2835 2836 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 2837 2838 <title>Previous Menu</title> 2839 2840 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2841 </svg> 2842 2843 2844 </button> 2845 <span class="sidebar-title flex-1 display-7 font-semibold">Free Patterns</span> 2846 </span> 2847 2848 2849 2850 2851 2852 2853 <a style="line-height: normal" 2854 2855 2856 2857 2858 href="/pages/all-free-knitting-patterns" 2859 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-more shrink-0 px-4 py-2" 2860 > 2861 <span class="button-label">Show All</span> 2862 2863 </a> 2864 2865 2866 </div> 2867 <hr class="h-px bg-light border-0 shrink-0"> 2868 2869 2870 <ul class="space-y-2 md:overflow-auto"> 2871 2872 2873 <li class="flex flex-col space-y-8"> 2874 2875 2876 2877 <a href="/collections/free-crochet-patterns" class="group rounded hover:bg-superLight block"> 2878 <span class="menu-item p-2 flex flex-1 items-center gap-3"> 2879 2880 <span class="flex-1">Crochet</span> 2881 </span> 2882 </a> 2883 2884 2885 </li> 2886 2887 <li class="flex flex-col space-y-8"> 2888 2889 2890 <!-- HAS LEVEL 3 --> 2891 <button 2892 type="button" 2893 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 2894 data-title="Sweaters & Tops" 2895 data-coll="/collections/tops-knitwear-free" 2896 data-image=" 2897 2898 //www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?v=1777281313&width=60 2899 " 2900 data-bg-color="">
2901 <span class="sidebar-level-3-links hidden"> 2902 [ 2903 2904 { 2905 "title": "Pullover Knitting Patterns", 2906 "url": "\/collections\/pullover-knitting-patterns-free", 2907 "image": 2908 2909 "\/\/www.yarn.com\/cdn\/shop\/files\/pullover.webp?v=1778516378\u0026width=120" 2910 2911 } 2912 , 2913 2914 { 2915 "title": "Tops Knitting Patterns", 2916 "url": "\/collections\/tops-knitting-patterns-free", 2917 "image": 2918 2919 "\/\/www.yarn.com\/cdn\/shop\/files\/bbe9cc6a2d8f74c60608c465dda306cf4ebefd8b_fb9d9c3a_b4fe_432e_a460_9bdf1c7185a4.webp?v=1778516441\u0026width=120" 2920 2921 } 2922 , 2923 2924 { 2925 "title": "Sweater Knitting Patterns", 2926 "url": "\/collections\/sweater-knitting-patterns-free", 2927 "image": 2928 2929 "\/\/www.yarn.com\/cdn\/shop\/files\/0bd957ea6196b564f3cbe1d1f646c770f73f8a70_59128df8_2689_4101_ae9c_86e269ab1db9.webp?v=1778516514\u0026width=120" 2930 2931 } 2932 2933 2934 ] 2935 </span> 2936 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 2937 2938 <img src="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 2939 2940 <span class="flex-1 text-left">Sweaters & Tops</span> 2941 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 2942 2943 2944 2945 2946 2947 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 2948 2949 <title></title> 2950 2951 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 2952 </svg> 2953 2954 2955 </span> 2956 </span> 2957 </button> 2958 2959 2960 </li> 2961 2962 <li class="flex flex-col space-y-8"> 2963 2964 2965 <!-- HAS LEVEL 3 --> 2966 <button 2967 type="button" 2968 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 2969 data-title="Cardigans & Jackets" 2970 data-coll="/collections/outerwear-free" 2971 data-image=" 2972 2973 //www.yarn.com/cdn/shop/files/Vector_8.svg?v=1777281313&width=60 2974 " 2975 data-bg-color="">
2976 <span class="sidebar-level-3-links hidden"> 2977 [ 2978 2979 { 2980 "title": "Cardigan Knitting Patterns", 2981 "url": "\/collections\/cardigan-knitting-patterns-free", 2982 "image": 2983 2984 "\/\/www.yarn.com\/cdn\/shop\/files\/cardigan.webp?v=1778513002\u0026width=120" 2985 2986 } 2987 , 2988 2989 { 2990 "title": "Jacket and Coats Knitting Patterns", 2991 "url": "\/collections\/jacket-and-coats-knitting-patterns-free", 2992 "image": 2993 2994 "\/\/www.yarn.com\/cdn\/shop\/files\/coats.webp?v=1778513171\u0026width=120" 2995 2996 } 2997 , 2998 2999 { 3000 "title": "Shrug and Boleros", 3001 "url": "\/collections\/shrug-and-boleros-free", 3002 "image": 3003 3004 "\/\/www.yarn.com\/cdn\/shop\/files\/bolero.webp?v=1778512950\u0026width=120" 3005 3006 } 3007 , 3008 3009 { 3010 "title": "Vests Knitting Patterns", 3011 "url": "\/collections\/vests-knitting-patterns-free", 3012 "image": 3013 3014 "\/\/www.yarn.com\/cdn\/shop\/files\/vests.webp?v=1778513045\u0026width=120" 3015 3016 } 3017 3018 3019 ] 3020 </span> 3021 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3022 3023 <img src="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3024 3025 <span class="flex-1 text-left">Cardigans & Jackets</span> 3026 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3027 3028 3029 3030 3031 3032 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3033 3034 <title></title> 3035 3036 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3037 </svg> 3038 3039 3040 </span> 3041 </span> 3042 </button> 3043 3044 3045 </li> 3046 3047 <li class="flex flex-col space-y-8"> 3048 3049 3050 <!-- HAS LEVEL 3 --> 3051 <button 3052 type="button" 3053 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3054 data-title="Hats & Scarves" 3055 data-coll="/collections/head-neck-free" 3056 data-image=" 3057 3058 //www.yarn.com/cdn/shop/files/Vector_1.svg?v=1777281313&width=60 3059 " 3060 data-bg-color="">
3061 <span class="sidebar-level-3-links hidden"> 3062 [ 3063 3064 { 3065 "title": "Cowls Knitting Patterns", 3066 "url": "\/collections\/cowls-knitting-patterns-free", 3067 "image": 3068 3069 "\/\/www.yarn.com\/cdn\/shop\/files\/cowl.webp?v=1778502919\u0026width=120" 3070 3071 } 3072 , 3073 3074 { 3075 "title": "Hats Knitting Patterns", 3076 "url": "\/collections\/hats-knitting-patterns-free", 3077 "image": 3078 3079 "\/\/www.yarn.com\/cdn\/shop\/files\/hats.webp?v=1778503012\u0026width=120" 3080 3081 } 3082 , 3083 3084 { 3085 "title": "Headband Knitting Patterns", 3086 "url": "\/collections\/headband-knitting-patterns-free", 3087 "image": 3088 3089 "\/\/www.yarn.com\/cdn\/shop\/files\/headband.webp?v=1778503065\u0026width=120" 3090 3091 } 3092 , 3093 3094 { 3095 "title": "Scarf Knitting Patterns", 3096 "url": "\/collections\/scarf-knitting-patterns-free", 3097 "image": 3098 3099 "\/\/www.yarn.com\/cdn\/shop\/files\/wrap.webp?v=1778503127\u0026width=120" 3100 3101 } 3102 3103 3104 ] 3105 </span> 3106 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3107 3108 <img src="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3109 3110 <span class="flex-1 text-left">Hats & Scarves</span> 3111 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3112 3113 3114 3115 3116 3117 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3118 3119 <title></title> 3120 3121 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3122 </svg> 3123 3124 3125 </span> 3126 </span> 3127 </button> 3128 3129 3130 </li> 3131 3132 <li class="flex flex-col space-y-8"> 3133 3134 3135 <!-- HAS LEVEL 3 --> 3136 <button 3137 type="button" 3138 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3139 data-title="Shawls & Wraps" 3140 data-coll="/collections/shawls-wraps-free" 3141 data-image=" 3142 3143 //www.yarn.com/cdn/shop/files/Vector_10.svg?v=1777281313&width=60 3144 " 3145 data-bg-color="">
3146 <span class="sidebar-level-3-links hidden"> 3147 [ 3148 3149 { 3150 "title": "Capes and Ponchos Knitting Patterns", 3151 "url": "\/collections\/capes-and-ponchos-knitting-patterns-free", 3152 "image": 3153 3154 "\/\/www.yarn.com\/cdn\/shop\/files\/poncho.webp?v=1778515603\u0026width=120" 3155 3156 } 3157 , 3158 3159 { 3160 "title": "Shawl and Wrap Knitting Patterns", 3161 "url": "\/collections\/shawl-and-wrap-knitting-patterns-free", 3162 "image": 3163 3164 "\/\/www.yarn.com\/cdn\/shop\/files\/shawl.webp?v=1778515650\u0026width=120" 3165 3166 } 3167 3168 3169 ] 3170 </span> 3171 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3172 3173 <img src="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3174 3175 <span class="flex-1 text-left">Shawls & Wraps</span> 3176 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3177 3178 3179 3180 3181 3182 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3183 3184 <title></title> 3185 3186 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3187 </svg> 3188 3189 3190 </span> 3191 </span> 3192 </button> 3193 3194 3195 </li> 3196 3197 <li class="flex flex-col space-y-8"> 3198 3199 3200 <!-- HAS LEVEL 3 --> 3201 <button 3202 type="button" 3203 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3204 data-title="Home Decor" 3205 data-coll="/collections/home-decor-free" 3206 data-image=" 3207 3208 //www.yarn.com/cdn/shop/files/Vector_6.svg?v=1777281313&width=60 3209 " 3210 data-bg-color="">
3211 <span class="sidebar-level-3-links hidden"> 3212 [ 3213 3214 { 3215 "title": "Blankets and Throws", 3216 "url": "\/collections\/blanket-and-throws-knitting-patterns-free", 3217 "image": 3218 3219 "\/\/www.yarn.com\/cdn\/shop\/files\/Blankets_and_Throws.jpg?v=1778497023\u0026width=120" 3220 3221 } 3222 , 3223 3224 { 3225 "title": "Cushion Knitting Patterns", 3226 "url": "\/collections\/cushion-knitting-patterns-free", 3227 "image": 3228 3229 "\/\/www.yarn.com\/cdn\/shop\/files\/cushions.webp?v=1778503608\u0026width=120" 3230 3231 } 3232 , 3233 3234 { 3235 "title": "Decoration Knitting Patterns", 3236 "url": "\/collections\/decoration-knitting-patterns-free", 3237 "image": 3238 3239 "\/\/www.yarn.com\/cdn\/shop\/files\/decorating.webp?v=1778503179\u0026width=120" 3240 3241 } 3242 , 3243 3244 { 3245 "title": "Home Decor Knitting Patterns", 3246 "url": "\/collections\/home-decor-knitting-patterns-free", 3247 "image": 3248 3249 "\/\/www.yarn.com\/cdn\/shop\/files\/homeware_f311b3a1-5ddf-4790-81b5-bf8fb2b8ba60.webp?v=1778503678\u0026width=120" 3250 3251 } 3252 , 3253 3254 { 3255 "title": "Homeware Knitting Patterns", 3256 "url": "\/collections\/homeware-knitting-patterns-free", 3257 "image": 3258 3259 "\/\/www.yarn.com\/cdn\/shop\/files\/homeware.webp?v=1778503226\u0026width=120" 3260 3261 } 3262 , 3263 3264 { 3265 "title": "Rug Knitting Patterns", 3266 "url": "\/collections\/rug-knitting-patterns-free", 3267 "image": 3268 3269 "\/\/www.yarn.com\/cdn\/shop\/files\/rug.webp?v=1778503392\u0026width=120" 3270 3271 } 3272 3273 3274 ] 3275 </span>
3276 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3277 3278 <img src="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3279 3280 <span class="flex-1 text-left">Home Decor</span> 3281 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3282 3283 3284 3285 3286 3287 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3288 3289 <title></title> 3290 3291 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3292 </svg> 3293 3294 3295 </span> 3296 </span> 3297 </button> 3298 3299 3300 </li> 3301 3302 <li class="flex flex-col space-y-8"> 3303 3304 3305 <!-- HAS LEVEL 3 --> 3306 <button 3307 type="button" 3308 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3309 data-title="Socks & Slippers" 3310 data-coll="/collections/footwear-leg-warmers-free" 3311 data-image=" 3312 3313 //www.yarn.com/cdn/shop/files/Vector_4.svg?v=1777281313&width=60 3314 " 3315 data-bg-color=""> 3316 <span class="sidebar-level-3-links hidden"> 3317 [ 3318 3319 { 3320 "title": "Legwarmers and Cuffs Knitting Patterns", 3321 "url": "\/collections\/legwarmers-and-cuffs-knitting-patterns-free", 3322 "image": 3323 3324 "\/\/www.yarn.com\/cdn\/shop\/files\/legwarmers.jpg?v=1778498013\u0026width=120" 3325 3326 } 3327 , 3328 3329 { 3330 "title": "Shoes Knitting Patterns", 3331 "url": "\/collections\/shoes-knitting-patterns-free", 3332 "image": 3333 3334 "\/\/www.yarn.com\/cdn\/shop\/files\/shoes.jpg?v=1778498165\u0026width=120" 3335 3336 } 3337 , 3338 3339 { 3340 "title": "Slippers and Booties Knitting Patterns", 3341 "url": "\/collections\/slippers-and-booties-knitting-patterns-free", 3342 "image": 3343 3344 "\/\/www.yarn.com\/cdn\/shop\/files\/slippers.jpg?v=1778498292\u0026width=120" 3345 3346 } 3347 , 3348 3349 { 3350 "title": "Socks Knitting Patterns", 3351 "url": "\/collections\/socks-knitting-patterns-free", 3352 "image": 3353 3354 "\/\/www.yarn.com\/cdn\/shop\/files\/Socks.jpg?v=1778502719\u0026width=120" 3355 3356 } 3357 3358 3359 ] 3360 </span>
3361 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3362 3363 <img src="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3364 3365 <span class="flex-1 text-left">Socks & Slippers</span> 3366 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3367 3368 3369 3370 3371 3372 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3373 3374 <title></title> 3375 3376 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3377 </svg> 3378 3379 3380 </span> 3381 </span> 3382 </button> 3383 3384 3385 </li> 3386 3387 <li class="flex flex-col space-y-8"> 3388 3389 3390 <!-- HAS LEVEL 3 --> 3391 <button 3392 type="button" 3393 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3394 data-title="Dresses & Skirts" 3395 data-coll="/collections/bottoms-full-body-free" 3396 data-image=" 3397 3398 //www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?v=1777281313&width=60 3399 " 3400 data-bg-color=""> 3401 <span class="sidebar-level-3-links hidden"> 3402 [ 3403 3404 { 3405 "title": "Dresses and Skirts Knitting Patterns", 3406 "url": "\/collections\/dresses-and-skirts-knitting-patterns-free", 3407 "image": 3408 3409 "\/\/www.yarn.com\/cdn\/shop\/files\/DressesandSkirts.webp?v=1778248505\u0026width=120" 3410 3411 } 3412 , 3413 3414 { 3415 "title": "Overalls Knitting Patterns", 3416 "url": "\/collections\/overalls-knitting-patterns-free", 3417 "image": 3418 3419 "\/\/www.yarn.com\/cdn\/shop\/files\/Overalls.jpg?v=1778496541\u0026width=120" 3420 3421 } 3422 , 3423 3424 { 3425 "title": "Pants \u0026 Shorts
3425Knitting Patterns", 3426 "url": "\/collections\/pants-and-shorts-knitting-patterns-free", 3427 "image": 3428 3429 "\/\/www.yarn.com\/cdn\/shop\/files\/Pants_and_Shorts.jpg?v=1778496673\u0026width=120" 3430 3431 } 3432 3433 3434 ] 3435 </span> 3436 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3437 3438 <img src="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3439 3440 <span class="flex-1 text-left">Dresses & Skirts</span> 3441 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3442 3443 3444 3445 3446 3447 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3448 3449 <title></title> 3450 3451 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3452 </svg> 3453 3454 3455 </span> 3456 </span> 3457 </button> 3458 3459 3460 </li> 3461 3462 <li class="flex flex-col space-y-8"> 3463 3464 3465 <!-- HAS LEVEL 3 --> 3466 <button 3467 type="button" 3468 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3469 data-title="Toys" 3470 data-coll="/collections/toys-free" 3471 data-image=" 3472 3473 //www.yarn.com/cdn/shop/files/Vector_11.svg?v=1777281313&width=60 3474 " 3475 data-bg-color=""> 3476 <span class="sidebar-level-3-links hidden"> 3477 [ 3478 3479 { 3480 "title": "Dolls and Accessories Knitting Patterns", 3481 "url": "\/collections\/dolls-and-accessories-knitting-patterns-free", 3482 "image": 3483 3484 "\/\/www.yarn.com\/cdn\/shop\/files\/doll.webp?v=1778515712\u0026width=120" 3485 3486 } 3487 , 3488 3489 { 3490 "title": "Toys and Accessories Knitting Patterns", 3491 "url": "\/collections\/toys-and-accessories-knitting-patterns-free", 3492 "image": 3493 3494 "\/\/www.yarn.com\/cdn\/shop\/files\/1ecbda655302af2ae1ad15c972221c6e2e96b8ff_ff6b6488_1503_438d_9372_bbdf382e638f.webp?v=1778515901\u0026width=120" 3495 3496 } 3497 , 3498 3499 { 3500 "title": "Toy Knitting Patterns", 3501 "url": "\/collections\/toy-knitting-patterns-free", 3502 "image": 3503 3504 "\/\/www.yarn.com\/cdn\/shop\/files\/toys.jpg?v=1778515834\u0026width=120" 3505 3506 } 3507 3508 3509 ] 3510 </span>
3511 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3512 3513 <img src="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3514 3515 <span class="flex-1 text-left">Toys</span> 3516 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3517 3518 3519 3520 3521 3522 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3523 3524 <title></title> 3525 3526 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3527 </svg> 3528 3529 3530 </span> 3531 </span> 3532 </button> 3533 3534 3535 </li> 3536 3537 <li class="flex flex-col space-y-8"> 3538 3539 3540 <!-- HAS LEVEL 3 --> 3541 <button 3542 type="button" 3543 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3544 data-title="Mittens & Gloves" 3545 data-coll="/collections/hand-arm-free" 3546 data-image=" 3547 3548 //www.yarn.com/cdn/shop/files/Vector_5.svg?v=1777281313&width=60 3549 " 3550 data-bg-color=""> 3551 <span class="sidebar-level-3-links hidden"> 3552 [ 3553 3554 { 3555 "title": "Mitten and Glove Knitting Patterns", 3556 "url": "\/collections\/mitten-and-glove-knitting-patterns-free", 3557 "image": 3558 3559 "\/\/www.yarn.com\/cdn\/shop\/files\/mittens.jpg?v=1778502777\u0026width=120" 3560 3561 } 3562 3563 3564 ] 3565 </span> 3566 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3567 3568 <img src="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3569
3570 <span class="flex-1 text-left">Mittens & Gloves</span> 3571 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3572 3573 3574 3575 3576 3577 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3578 3579 <title></title> 3580 3581 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3582 </svg> 3583 3584 3585 </span> 3586 </span> 3587 </button> 3588 3589 3590 </li> 3591 3592 <li class="flex flex-col space-y-8"> 3593 3594 3595 <!-- HAS LEVEL 3 --> 3596 <button 3597 type="button" 3598 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3599 data-title="Bags & Accessories" 3600 data-coll="/collections/miscellaneous-free" 3601 data-image=" 3602 3603 //www.yarn.com/cdn/shop/files/Misc.svg?v=1778839155&width=60 3604 " 3605 data-bg-color=""> 3606 <span class="sidebar-level-3-links hidden"> 3607 [ 3608 3609 { 3610 "title": "Accessories Knitting Patterns", 3611 "url": "\/collections\/accessories-knitting-patterns-free", 3612 "image": 3613 3614 "\/\/www.yarn.com\/cdn\/shop\/files\/312ae806652284ea5182fbb2b9bdd70c7abc071f_8e8c335e_b8b5_4ced_a91e_a36d55870073.webp?v=1778516617\u0026width=120" 3615 3616 } 3617 , 3618 3619 { 3620 "title": "Bag Knitting Patterns", 3621 "url": "\/collections\/bag-knitting-patterns-free", 3622 "image": 3623 3624 "\/\/www.yarn.com\/cdn\/shop\/files\/3bcb35a969846c4090a151a3d4b86dc7f5916ac1_c5251111_ffca_4a72_8c43_fafdd641397e.webp?v=1778516883\u0026width=120" 3625 3626 } 3627 , 3628 3629 { 3630 "title": "Jewellery Knitting Patterns", 3631 "url": "\/collections\/jewellery-knitting-patterns-free", 3632 "image": 3633 3634 "\/\/www.yarn.com\/cdn\/shop\/files\/2a200d0447e43f6e870cb416aa86543a584b5179_UPID56679_174224726616143.webp?v=1778516666\u0026width=120" 3635 3636 } 3637 , 3638 3639 { 3640 "title": "Other Knitting Patterns", 3641 "url": "\/collections\/other-knitting-patterns-free", 3642 "image": 3643 3644 "\/\/www.yarn.com\/cdn\/shop\/files\/53b7a4bf5f18174c9df98bcd
3644a6b07bf111065ba4_UPID210096_172884770492840.webp?v=1778516766\u0026width=120" 3645 3646 } 3647 3648 3649 ] 3650 </span> 3651 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3652 3653 <img src="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&height=29&v=1778839155&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&height=29&v=1778839155&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3654 3655 <span class="flex-1 text-left">Bags & Accessories</span> 3656 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3657 3658 3659 3660 3661 3662 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3663 3664 <title></title> 3665 3666 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3667 </svg> 3668 3669 3670 </span> 3671 </span> 3672 </button> 3673 3674 3675 </li> 3676 3677 <li class="flex flex-col space-y-8"> 3678 3679 3680 <!-- HAS LEVEL 3 --> 3681 <button 3682 type="button" 3683 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3684 data-title="Kitchen & Utility" 3685 data-coll="/collections/kitchen-utility-free" 3686 data-image=" 3687 3688 //www.yarn.com/cdn/shop/files/Vector_7.svg?v=1777281313&width=60 3689 " 3690 data-bg-color=""> 3691 <span class="sidebar-level-3-links hidden"> 3692 [ 3693 3694 { 3695 "title": "Container Knitting Patterns", 3696 "url": "\/collections\/container-knitting-patterns-free", 3697 "image": 3698 3699 "\/\/www.yarn.com\/cdn\/shop\/files\/container.webp?v=1778512698\u0026width=120" 3700 3701 } 3702 , 3703 3704 { 3705 "title": "Dishcloth Knitting Patterns", 3706 "url": "\/collections\/dishcloth-knitting-patterns-free", 3707 "image": 3708 3709 "\/\/www.yarn.com\/cdn\/shop\/files\/dishcloth.jpg?v=1778512789\u0026width=120" 3710 3711 } 3712 , 3713 3714 { 3715 "title": "Table Setting Knitting Patterns", 3716 "url": "\/collections\/table-setting-knitting-patterns-free", 3717 "image": 3718 3719 "\/\/www.yarn.com\/cdn\/shop\/files\/tablecloth.webp?v=1778512854\u0026width=120" 3720 3721 } 3722 , 3723 3724 { 3725 "title": "Tea Cosies Knitting Patterns", 3726 "url": "\/collections\/tea-cosies-knitting-patterns-free", 3727 "image": 3728 3729 "\/\/www.yarn.com\/cdn\/shop\/files\/teacosie.webp?v=1778512905\u0026width=120" 3730 3731 } 3732 3733 3734 ] 3735 </span>
3736 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3737 3738 <img src="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3739 3740 <span class="flex-1 text-left">Kitchen & Utility</span> 3741 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3742 3743 3744 3745 3746 3747 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3748 3749 <title></title> 3750 3751 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3752 </svg> 3753 3754 3755 </span> 3756 </span> 3757 </button> 3758 3759 3760 </li> 3761 3762 <li class="flex flex-col space-y-8"> 3763 3764 3765 <!-- HAS LEVEL 3 --> 3766 <button 3767 type="button" 3768 class="level-2-item group w-full cursor-pointer bg-transparent border-0 p-0 rounded hover:bg-superLight block" 3769 data-title="Pets" 3770 data-coll="/collections/pets-free" 3771 data-image=" 3772 3773 //www.yarn.com/cdn/shop/files/Vector_9.svg?v=1777281313&width=60 3774 " 3775 data-bg-color=""> 3776 <span class="sidebar-level-3-links hidden"> 3777 [ 3778 3779 { 3780 "title": "Pet Clothing Knitting Patterns", 3781 "url": "\/collections\/pet-clothing-knitting-patterns-free", 3782 "image": 3783 3784 "\/\/www.yarn.com\/cdn\/shop\/files\/petclothing.webp?v=1778513265\u0026width=120" 3785 3786 } 3787 , 3788 3789 { 3790 "title": "Pet Bedding Knitting Patterns", 3791 "url": "\/collections\/pet-bedding-knitting-patterns-free", 3792 "image": 3793 3794 "\/\/www.yarn.com\/cdn\/shop\/files\/petbedding.jpg?v=1778513302\u0026width=120" 3795 3796 } 3797 3798 3799 ] 3800 </span>
3801 <span class="menu-item p-2 flex flex-1 items-stretch gap-3"> 3802 3803 <img src="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&height=29&v=1777281313&width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&height=29&v=1777281313&width=29 29w" width="29" height="29" class="w-[29px] h-[29px] self-center object-contain"> 3804 3805 <span class="flex-1 text-left">Pets</span> 3806 <span class="text-gray block content-center rounded-r-sm group-hover:bg-accent group-hover:text-white -m-2 py-2 px-1.5"> 3807 3808 3809 3810 3811 3812 <svg class="text-current " style="width: 16px; height: 16px;" fill="none" viewBox="0 0 16 39"> 3813 3814 <title></title> 3815 3816 <path d="M2 37L14 19.5005L2 2" stroke="currentColor" stroke-width="3" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3817 </svg> 3818 3819 3820 </span> 3821 </span> 3822 </button> 3823 3824 3825 </li> 3826 3827 3828 </ul> 3829 </div> 3830 </details> 3831 3832 3833 </li> 3834 3835 3836 </ul> 3837 3838 <div class="space-y-3 bg-superLight -m-6 mt-3 p-3 flex flex-col"> 3839 <ul class="space-y-1"> 3840 3841 3842 <li> 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 <a href="https://help.yarn.com" class="flex rounded bg-white group"> 3855 <span class="menu-item px-5 py-2 flex flex-1 items-center gap-3"> 3856 3857 <span class="flex-1 text-small">Help Center</span> 3858 </span> 3859 </a> 3860 </li> 3861 3862 3863 <li> 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 <li> 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 <a href="/customer_authentication/login?return_to=/a/wishlists" class="flex rounded bg-white group"> 3886 <span class="menu-item px-5 py-2 flex flex-1 items-center gap-3"> 3887 3888 3889 3890 3891 3892 3893 <svg class="text-current " style="width: 20px; height: 20px;" viewBox="0 0 22 19" fill="none"> 3894 3895 <title></title> 3896 3897 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 3898 </svg> 3899 3900 3901 3902 <span class="flex-1 text-small">Wishlist</span> 3903 </span> 3904 </a> 3905 </li> 3906 3907 3908 <li> 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 <a href="/customer_authentication/login?return_to=/a/library" class="flex rounded bg-white group">
3921 <span class="menu-item px-5 py-2 flex flex-1 items-center gap-3"> 3922 3923 3924 3925 3926 3927 3928 <svg class="text-current " style="width: 20px; height: 20px;" viewBox="0 0 22 22" fill="none"> 3929 3930 <title></title> 3931 3932 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="2" d="M11.2 13.413 8.587 10.8 11.2 8.186l2.614 2.614zM11 8.192 8.893 6.085a2.979 2.979 0 1 1 4.213 0zM15.915 13.106 13.809 11l2.106-2.106a2.979 2.979 0 1 1 0 4.212M1.872 13.106a2.979 2.979 0 1 1 4.213-4.212L8.192 11l-2.107 2.106a2.98 2.98 0 0 1-4.213 0M8.893 20.128a2.98 2.98 0 0 1 0-4.213L11 13.809l2.106 2.106a2.979 2.979 0 0 1-4.213 4.213"/> 3933 </svg> 3934 3935 3936 3937 <span class="flex-1 text-small">Library</span> 3938 </span> 3939 </a> 3940 </li> 3941 3942 </ul> 3943 3944 3945 3946 3947 3948 3949 3950 <a style="line-height: normal" 3951 3952 3953 3954 3955 href="https://www.yarn.com/customer_authentication/redirect?locale=en®ion_country=US" 3956 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-submenu-login" 3957 > 3958 <span class="button-label">Sign in / Sign up</span> 3959 3960 </a> 3961 3962 3963 3964 </div> 3965</div> 3966 3967<!-- LEVEL 3 PANEL --> 3968<div id="sidebar-level-3" 3969 class="absolute top-0 left-[668px] w-[450px] h-full bg-menu-light shadow-md z-20 flex flex-col lg:px-12 p-6 overflow-auto md:overflow-visible z-1"> 3970 3971 <div class="flex items-center gap-2 md:gap-4 mb-5 shrink-0 h-[70px]"> 3972 <button id="level-3-back" class="relative md:absolute bg-white text-medium p-2 rounded-full border-1 border-medium hover:text-accent back cursor-pointer pr-[8px]" style="left: -15px;"> 3973 3974 3975 3976 3977 3978 <svg class="text-current " style="width: 10px; height: 10px;" fill="none" viewBox="0 0 16 39"> 3979 3980 <title></title> 3981 3982 <path d="M14 37L2 19.5005L14 2" stroke="currentColor" stroke-width="10" stroke-miterlimit="2.61313" stroke-linecap="round" stroke-linejoin="round"/> 3983 </svg> 3984 3985 3986 </button> 3987 <div id="level-3-bg-div" class="p-3 sm:p-5 bg-light rounded-full flex items-center justify-center" style="background-color: ;"> 3988 <img src="#" id="level-3-image" width="30" height="30" class="w-8 h-8 object-contain hidden shrink-0" alt=""/> 3989 <span id="level-3-initials" class="w-8 h-8 text-primary font-bold text-center content-center display-7 md:display-7"></span> 3990 </div> 3991 <span id="level-3-title" class="font-title text-2xl font-bold xs:display-6 text-primary flex-1 w-3/5"></span> 3992 </div> 3993 3994 <hr class="mb-8 h-px bg-light border-0 shrink-0"> 3995 3996 <ul id="level-3-list" class="grid grid-cols-2 gap-2 md:gap-10 list-none p-0 m-0 md:overflow-auto"></ul> 3997 3998</div> 3999 4000</dialog> 4001 4002
4003<script> 4004(function () { 4005 4006 const sidebar = document.querySelector('#sidebar'); 4007 const sidebarContent = document.querySelector('#sidebar-content'); 4008 const level3 = document.getElementById('sidebar-level-3'); 4009 const list = document.getElementById('level-3-list'); 4010 const titleEl = document.getElementById('level-3-title'); 4011 const imageEl = document.getElementById('level-3-image'); 4012 const initialsEl = document.getElementById('level-3-initials'); 4013 const bgDiv = document.getElementById('level-3-bg-div'); 4014 const backBtn = document.getElementById('level-3-back'); 4015 const closeBtn = document.getElementById('sidebar-close-btn'); 4016 4017 if (!sidebar) return; 4018 4019 let activeLevel2Item = null; 4020 4021 function updateClosePos() { 4022 const level2 = sidebar.querySelector('details[open] .submenu'); 4023 const l3Visible = level3 && level3.classList.contains('active'); 4024 const l2Open = !!sidebar.querySelector('details[open]'); 4025 4026 if (l3Visible) { 4027 closeBtn.style.left = `${level3.offsetLeft + level3.offsetWidth}px`; 4028 } else if (l2Open) { 4029 closeBtn.style.left = `${level2.offsetLeft + level2.offsetWidth}px`; 4030 } else { 4031 closeBtn.style.left = `${sidebarContent.offsetLeft + sidebarContent.offsetWidth}px`; 4032 } 4033 } 4034 4035 function hideLevel3() { 4036 if (!level3) return; 4037 4038 level3.classList.remove('active'); 4039 4040 activeLevel2Item = null; 4041 4042 document.querySelectorAll('.level-2-item').forEach(el => { 4043 el.classList.remove('active-level-2'); 4044 }); 4045 4046 updateClosePos(); 4047 } 4048 4049 function closeSubmenus() { 4050 sidebar.querySelectorAll('details').forEach(d => { d.open = false; }); 4051 setActiveDetails(null); 4052 hideLevel3(); 4053 } 4054 4055 sidebar.addEventListener('toggle', () => { 4056 document.documentElement.classList.toggle('modal-open', sidebar.open); 4057 updateClosePos(); 4058 }); 4059 4060 sidebar.addEventListener('close', () => { 4061 document.documentElement.classList.remove('modal-open'); 4062 closeSubmenus(); 4063 }); 4064 4065 if (closeBtn) { 4066 closeBtn.addEventListener('click', () => sidebar.close()); 4067 } 4068 4069 function setActiveDetails(openDetails) { 4070 sidebar.querySelectorAll('details[name="menu"]').forEach(d => { 4071 d.classList.toggle('details--js-open', d === openDetails && openDetails !== null); 4072 }); 4073 } 4074 window.sidebarSetActiveDetails = setActiveDetails; 4075 4076 sidebar.querySelectorAll('details').forEach(d => { 4077 d.addEventListener('toggle', (e) => { 4078 if (e.target.open) { 4079 if (!sidebar.open) { 4080 if (typeof sidebar.showModal === 'function') sidebar.showModal(); 4081 else sidebar.show(); 4082 } 4083 setActiveDetails(e.target); 4084 } else { 4085 if (!sidebar.querySelector('details[name="menu"][open]')) {
4086 setActiveDetails(null); 4087 } else { 4088 e.target.classList.remove('details--js-open'); 4089 } 4090 } 4091 hideLevel3(); 4092 updateClosePos(); 4093 }); 4094 }); 4095 4096 document.addEventListener('focusin', (e) => { 4097 if (sidebar.open && !e.target.closest('#sidebar')) sidebar.close(); 4098 }); 4099 4100 sidebar.addEventListener('click', (e) => { 4101 if (e.target === e.currentTarget) { e.stopPropagation(); sidebar.close(); } 4102 }); 4103 4104 sidebar.querySelectorAll('.back').forEach(btn => { 4105 btn.addEventListener('click', (e) => { 4106 e.stopPropagation(); 4107 const parentDetails = btn.closest('details'); 4108 if (parentDetails) parentDetails.open = false; 4109 hideLevel3(); 4110 updateClosePos(); 4111 }); 4112 }); 4113 4114 sidebar.addEventListener('click', (e) => { 4115 const btn = e.target.closest('.level-2-item'); 4116 if (!btn) return; 4117 e.stopPropagation(); 4118 4119 document.querySelectorAll('.level-2-item').forEach(el => { 4120 el.classList.remove('active-level-2'); 4121 }); 4122 btn.classList.add('active-level-2'); 4123 4124 if (activeLevel2Item === btn && !e._fromGrid) { 4125 hideLevel3(); 4126 return; 4127 } 4128 4129 activeLevel2Item = btn; 4130 4131 const rawTitle = btn.getAttribute('data-title') || ''; 4132 const rawImage = (btn.getAttribute('data-image') || '').trim(); 4133 4134 let links = []; 4135 const linksSpan = btn.querySelector('.sidebar-level-3-links'); 4136 if (linksSpan) { 4137 try { 4138 links = JSON.parse(linksSpan.textContent.trim()); 4139 } catch (err) { 4140 console.warn('sidebar level-3 JSON parse error', err); 4141 } 4142 } 4143 titleEl.textContent = rawTitle; 4144 4145 if (rawImage) { 4146 imageEl.src = rawImage; 4147 imageEl.classList.remove('hidden'); 4148 initialsEl.classList.add('hidden'); 4149 } else { 4150 imageEl.classList.add('hidden'); 4151 const cleanTitle = rawTitle.replace(/&/g, '').replace(/ +/g, ' ').trim(); 4152 const words = cleanTitle.split(' '); 4153 let initials = ''; 4154 let wordCount = 0; 4155 4156 for (let i = 0; i < words.length; i++) { 4157 if (words[i] !== '') { 4158 const letter = words[i].charAt(0).toUpperCase(); 4159 initials += letter; 4160 wordCount++; 4161 if (wordCount === 2) { 4162 break; 4163 } 4164 } 4165 } 4166 4167 if (wordCount === 1 && initials.length === 1) { 4168 initials = words[0].slice(0, 2).toUpperCase(); 4169 } 4170 4171 initialsEl.textContent = initials; 4172 initialsEl.classList.remove('hidden'); 4173 } 4174 4175 const rawBgColor = btn.getAttribute('data-bg-color') || ''; 4176 bgDiv.style.backgroundColor = rawBgColor; 4177 4178 list.innerHTML = ''; 4179 const PLACEHOLDER_IMG = "//www.yarn.com/cdn/shop/t/2/assets/placeholder-menu.png?v=43629089948487579681778737994"; 4180 links.forEach(item => { 4181 const itemTitle = item.title || ''; 4182 const itemUrl = item.url || '#'; 4183 const itemImage = (item.image || '').trim(); 4184 if (!itemTitle) return; 4185 4186 const li = document.createElement('li'); 4187 li.innerHTML = ` 4188 <a href="${itemUrl}" class="flex flex-col gap-2 text-center items-center justify-items-center space-y-2 no-underline hover:opacity-80"> 4189 <div class="bg-white w-[100px] h-[100px] lg:w-[140px] lg:h-[140px] aspect-square flex items-center justify-center"> 4190 <img 4191 src="${itemImage || PLACEHOLDER_IMG}" 4192 class="${itemImage ? 'object-cover w-full h-full' : 'object-contain max-h-[70px]'}" 4193 alt="${itemTitle}" 4194 /> 4195 </div> 4196 <span class="text-primary block font-semibold px-2">${itemTitle}</span> 4197 </a> 4198 `; 4199 list.appendChild(li); 4200 }); 4201 4202 level3.classList.add('active'); 4203 updateClosePos(); 4204 }); 4205 4206 if (backBtn) { 4207 backBtn.addEventListener('click', (e) => { 4208 e.stopPropagation(); 4209 hideLevel3(); 4210 }); 4211 } 4212 4213 window.sidebarActivateLevel2 = function (btn) { 4214 if (!btn) return; 4215 document.querySelectorAll('.level-2-item').forEach(el => el.classList.remove('active-level-2')); 4216 btn.classList.add('active-level-2'); 4217 const ev = new MouseEvent('click', { bubbles: true, cancelable: true }); 4218 ev._fromGrid = true; 4219 btn.dispatchEvent(ev); 4220 }; 4221 4222 updateClosePos(); 4223 4224})(); 4225</script>
4225 4226 4227 4228 4229 4230 4231</div> 4232 <div id="shopify-section-main-menu" class="shopify-section"><!-- Desktop Nav --> 4233 <!-- Main Navigation --> 4234 <nav aria-label="Main" class="main-nav w-full" id="main-nav"> 4235 <div class="max-w-screen-xl mx-auto px-4"> 4236 <ul class="flex justify-between items-center overflow-x-auto py-[10px] -mx-4 px-4 gap-4 md:gap-6" id="menu-items"> 4237 4238 <li class="menu-all md:h-[35px] group"> 4239 <button command="show-modal" commandfor="sidebar" onclick="document.querySelector('#sidebar').showModal()" class="flex items-center justify-center h-full gap-2 bg-active text-white px-3 rounded-[3px] overflow-hidden cursor-pointer"> 4240 <img src="//www.yarn.com/cdn/shop/t/2/assets/hamburger_2.svg?v=1191676141322033571765993657" alt="Menu" class="w-[18px] h-auto filter brightness-0 invert" /> 4241 <span class="text-md hover:text-primary-light">All</span> 4242 </button> 4243 </li> 4244 4245 4246 4247 4248 4249 <li class="group inline-block w-fit shrink-0"> 4250 4251 4252 <a href="/pages/all-yarn" 4253 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Yarn</a> 4254 </li> 4255 4256 <li class="group inline-block w-fit shrink-0"> 4257 4258 4259 <a href="/pages/all-patterns" 4260 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Patterns</a> 4261 </li> 4262 4263 <li class="group inline-block w-fit shrink-0"> 4264 4265 4266 <a href="/collections/knitting-yarn" 4267 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Knitting</a> 4268 </li> 4269 4270 <li class="group inline-block w-fit shrink-0"> 4271 4272 4273 <a href="/collections/crochet-yarn" 4274 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Crochet</a> 4275 </li> 4276 4277 <li class="group inline-block w-fit shrink-0"> 4278 4279 4280 <a href="/collections/weaving-yarn" 4281 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Weaving</a> 4282 </li> 4283 4284 <li class="group inline-block w-fit shrink-0"> 4285 4286 4287 <a href="/collections/yarn-sale" 4288 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Sale</a> 4289 </li> 4290 4291 <li class="group inline-block w-fit shrink-0"> 4292 4293 4294 <a href="/pages/learning" 4295 class="main-nav__link h-[45px] md:h-[35px] decoration-0 flex items-center text-reg">Learning</a> 4296 </li> 4297 4298 4299 </ul> 4300 </div> 4301 </nav> 4302 4303 4304 4305 4306</div> 4307 4308 <div class="main-wrapper"> 4309 <main class="max-w-screen-xl mx-auto p-4 md:pt-8 flex flex-col gap-4"> 4310 4311 4312 4313 4314<section aria-label="notifications" id="toast-notification" class="fixed top-4 left-0 right-0 z-50 mx-auto max-w-[600px] transform transition-transform duration-400 ease-in-out max-sm:left-4 max-sm:right-4 max-sm:max-w-none toast-mobile w-fit" style="display: none; transform: translateY(calc(-100% - 1rem));" role="alert" aria-live="polite"> 4315 <div class="toast-content border-active border-2 bg-white text-textBlack p-4 rounded-lg shadow-lg flex items-center gap-3 w-full sm:max-w-[600px] text-med"> 4316 <div class="toast-image-container flex flex-shrink-0"> 4317 4318 </div> 4319 <div class="flex items-center gap-2 md:gap-3 min-w-0 flex-1"> 4320 <div class="toast-icon flex-shrink-0 text-primary"> 4321 <div class="toast-icon-success "> 4322 4323 4324 4325 4326 4327 <svg class="text-current " style="width: 40px; height: 40px;" fill="none" viewBox="0 0 20 20"> 4328 4329 <title></title> 4330 4331 <path fill="currentColor" d="M13.71 6.21a.94.94 0 0 1 1.34 1.31l-4.99 6.24a.94.94 0 0 1-1.35.03L5.41 10.48a.94.94 0 1 1 1.33-1.33l2.62 2.62 4.34-5.56z"/> 4332 </svg> 4333 4334 4335 </div> 4336 <div class="toast-icon-error hidden"> 4337 4338 4339 4340 4341 4342 <svg fill="none" class="text-current " viewBox="0 0 24 24" style="width: 32px; height: 32px;" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 4343 4344 <title></title> 4345 4346 <circle cx="12" cy="12" r="10" stroke-width="2"/> 4347 <path d="M12 8v4" stroke-width="2.5"/> 4348 <path d="M12 16h.01" stroke-width="2.5"/> 4349 </svg> 4350 4351 4352 </div> 4353 </div> 4354 <div class="flex-1 flex flex-col gap-1 min-w-0 overflow-hidden">
4355 <span class="font-semibold toast-message break-long-words"></span> 4356 <div class="toast-link-container"> 4357 4358 </div> 4359 </div> 4360 <button class="toast-close-button flex-shrink-0 focus:outline-none cursor-pointer" aria-label="Close notification"> 4361 4362 4363 4364 4365 4366 <svg class="text-current " style="width: 24px; height: 24px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"> 4367 4368 <title></title> 4369 4370 <line x1="18" y1="6" x2="6" y2="18"></line> 4371 <line x1="6" y1="6" x2="18" y2="18"></line> 4372 </svg> 4373 4374 4375 </button> 4376 </div> 4377 </div> 4378</section> 4379
4380<script> 4381 const TOAST_ANIMATION_DURATION = 400; 4382 const TOAST_IMAGE_LOAD_DELAY = 500; 4383 const TOAST_AUTO_HIDE_DELAY = 10000; 4384 const TOAST_HIDDEN_TRANSFORM = 'translateY(calc(-100% - 1rem))'; 4385 const TOAST_VISIBLE_TRANSFORM = 'translateY(0)'; 4386 4387 // Store timeout IDs so we can reset the display timers if a new toast is to be shown 4388 let toastTimeoutId = null; 4389 let toastCloseTimeoutId = null; 4390 4391 function clearAllTimeouts() { 4392 if (toastTimeoutId) { 4393 clearTimeout(toastTimeoutId); 4394 toastTimeoutId = null; 4395 } 4396 if (toastCloseTimeoutId) { 4397 clearTimeout(toastCloseTimeoutId); 4398 toastCloseTimeoutId = null; 4399 } 4400 } 4401 4402 function closeToast(callback) { 4403 const toast = document.getElementById('toast-notification'); 4404 if (!toast) return; 4405 4406 if (toastTimeoutId) { 4407 clearTimeout(toastTimeoutId); 4408 toastTimeoutId = null; 4409 } 4410 4411 // Toast slides up and out of view 4412 toast.style.transform = TOAST_HIDDEN_TRANSFORM; 4413 4414 // Hide toast after animation completes, or call callback if provided 4415 toastCloseTimeoutId = setTimeout(() => { 4416 if (callback) { 4417 callback(); 4418 } else { 4419 toast.style.display = 'none'; 4420 } 4421 toastCloseTimeoutId = null; 4422 }, TOAST_ANIMATION_DURATION); 4423 } 4424 4425 function updateToastImage(container, imageUrl, imageAlt, message) { 4426 if (!container) return; 4427 4428 let image = container.querySelector('.toast-image'); 4429 if (image) { 4430 image.remove(); 4431 } 4432 if (imageUrl) { 4433 image = document.createElement('img'); 4434 image.className = 'toast-image object-cover w-16 h-16 flex-shrink-0 rounded overflow-hidden'; 4435 image.loading = 'eager'; 4436 image.fetchPriority = 'high'; 4437 image.src = imageUrl; 4438 image.alt = imageAlt || message; 4439 container.appendChild(image); 4440 } 4441 } 4442 4443 function updateToastLink(container, linkText, linkUrl) { 4444 if (!container) return; 4445 4446 let link = container.querySelector('.toast-link'); 4447 4448 if (linkText && linkUrl) { 4449 if (!link) { 4450 link = document.createElement('a'); 4451 link.className = 'toast-link text-active underline font-semibold'; 4452 container.appendChild(link); 4453 } 4454 link.href = linkUrl; 4455 link.textContent = linkText; 4456 } else { 4457 if (link) { 4458 link.remove(); 4459 } 4460 } 4461 } 4462 4463 document.addEventListener('DOMContentLoaded', function() { 4464 const closeButton = document.querySelector('.toast-close-button'); 4465 if (closeButton) { 4466 closeButton.addEventListener('click', () => closeToast()); 4467 } 4468 }); 4469 4470 function showNewToast(toast, options) { 4471 const { 4472 message = '', 4473 type = 'success', 4474 imageUrl = null, 4475 imageAlt = '', 4476 linkText = null, 4477 linkUrl = null 4478 } = options; 4479 4480 const toastImageContainer = toast.querySelector('.toast-image-container'); 4481 updateToastImage(toastImageContainer, imageUrl, imageAlt, message); 4482 4483 const successIcon = toast.querySelector('.toast-icon-success'); 4484 const errorIcon = toast.querySelector('.toast-icon-error'); 4485 if (successIcon && errorIcon) { 4486 const isError = type === 'error'; 4487 successIcon.classList.toggle('hidden', isError); 4488 errorIcon.classList.toggle('hidden', !isError); 4489 } 4490 4491 const messageSpan = toast.querySelector('.toast-message'); 4492 if (messageSpan) { 4493 messageSpan.textContent = message; 4494 } 4495 4496 const toastLinkContainer = toast.querySelector('.toast-link-container'); 4497 updateToastLink(toastLinkContainer, linkText, linkUrl); 4498 4499 // Animate toast into view (making sure it's hidden first) 4500 toast.style.transform = TOAST_HIDDEN_TRANSFORM; 4501 toast.style.display = 'block'; 4502 4503 // Short delay before animating into view for image loading 4504 setTimeout(() => { 4505 requestAnimationFrame(() => { 4506 toast.style.transform = TOAST_VISIBLE_TRANSFORM; 4507 }); 4508 }, TOAST_IMAGE_LOAD_DELAY); 4509 4510 // Set auto-hide timer 4511 toastTimeoutId = setTimeout(() => { 4512 closeToast(); 4513 toastTimeoutId = null; 4514 }, TOAST_AUTO_HIDE_DELAY); 4515 } 4516 4517 // Adding this in global scope so it can be accessed from the product page 4518 window.showToast = function(options) { 4519 const toast = document.getElementById('toast-notification'); 4520 4521 if (!toast) { 4522 console.warn('Toast notification element not found'); 4523 return; 4524 } 4525 4526 clearAllTimeouts(); 4527 4528 // If toast is already visible, close it first to highlight new add to cart 4529 const isCurrentlyVisible = toast.style.display === 'block' && 4530 !toast.style.transform.includes('calc(-100%'); 4531 4532 if (isCurrentlyVisible) { 4533 closeToast(() => showNewToast(toast, options)); 4534 return; 4535 } 4536 4537 showNewToast(toast, options); 4538 }; 4539</script>
4539 4540 4541 4542 4543 <div id="shopify-section-template--27259924578650__hero" class="shopify-section"> 4544 4545 4546 4547 4548 <!-- Hero Section with Column Layout --> 4549 <section class="py-6"> 4550 4551 <div class="grid grid-cols-2 lg:grid-cols-[1fr_3fr_1fr] gap-4 mb-4"> 4552 <!-- Left Column (1/5 width) --> 4553 <div class="order-2 lg:order-1 flex flex-col gap-4"> 4554 <!-- Left Top Container (1/3 height) --> 4555 <div class="bg-white md:h-[200px] overflow-hidden order-1"> 4556 4557 4558 4559<a href="/collections/sale" class="h-full relative overflow-hidden block corner-classes"> 4560 <img src="//www.yarn.com/cdn/shop/files/YC-Yarns_we_love_2609-55off-Feature.jpg?v=1790064509" alt="Up to 55% off 3 Faves" class="w-full h-full object-cover object-center" width="" height="" /> 4561 4562</a> 4563 4564 </div> 4565 4566 <!-- Left Bottom Container (2/3 height) --> 4567 <div class="bg-white md:h-[438px] overflow-hidden order-2"> 4568 4569 4570 4571<a href="/collections/closeout-yarns" class="h-full relative overflow-hidden block corner-classes"> 4572 <img src="//www.yarn.com/cdn/shop/files/HP-Feature-2_2606-closeouts.png?v=1781010537" alt="Closeouts" class="w-full h-full object-cover object-center" width="" height="" /> 4573 4574</a> 4575 4576 </div> 4577 </div> 4578 <!-- Middle Column (3/5 width) --> 4579 <div class="col-span-2 order-1 lg:col-span-1 lg:order-2 flex flex-col gap-4"> 4580 <!-- Middle Top Container (2/3 height) --> 4581 <div class="bg-white min-h-[180px] lg:min-h-[365px] overflow-hidden relative"> 4582 4583<a href="/collections/yarn-sale" class="h-full max-h-[400px] relative flex"> 4584 <img src="//www.yarn.com/cdn/shop/files/YC-Special_Fibers_2609-35off-Hero.jpg?v=1790064509" alt="Up to 35% off Special Fibers" class="w-full h-full object-cover" /> 4585 <div class="absolute inset-0 flex flex-col justify-start p-4 xs:p-6 md:p-8 gap-3 md:gap-4"> 4586 4587 4588 4589 </div> 4590</a> 4591 4592 </div> 4593 4594 <!-- Middle Bottom Container (1/3 height) --> 4595 <div class="bg-white"> 4596 <div class="h-full flex flex-col gap-3"> 4597 <h1 class="p-[.75rem] text-white text-center bg-primary text-regular font-semibold">Yarn for Knitting, Crochet & Weaving</h1> 4598 <div class="h-full"> 4599 <div class="max-w-screen-xl md:w-auto overflow-x-hidden mx-auto"> 4600 <div class="grid grid-cols-3 md:grid-cols-5 gap-3 md:gap-4 w-full overflow-x-auto no-scrollbar mb-4 lg:mb-0"> 4601 4602 4603 <div class=""> 4604 4605 4606<div class="product-card h-full flex gap-y-2 flex-col"> 4607 <div class="product-card-image relative group order-first"> 4608 4609 4610 <button id="10632086946138" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Malabrigo Rios Merino Worsted Yarn - Superwash Worsted to Wishlist" data-remove-from-wishlist="Remove Malabrigo Rios Merino Worsted Yarn - Superwash Worsted from Wishlist" data-product-id="10632086946138" data-wishlist-entry-id=""> 4611 4612 4613 4614 4615 4616 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 4617 4618 <title>Add Malabrigo Rios Merino Worsted Yarn - Superwash Worsted to Wishlist</title> 4619 4620 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 4621 </svg> 4622 4623 4624 </button> 4625 4626 4627 <a href="/products/malabrigo-rios" class="block"> 4628 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 4629 4630 4631
4632 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 4633 SALE 4634 </span> 4635 4636 4637 4638 4639 <img src="//www.yarn.com/cdn/shop/files/c216a108b26185022852e1931c82dd332b13c0a2_fcdb72af_3003_4750_9202_106415897290.jpg?v=1776244079&width=240" width="120" height="120" alt="Malabrigo Rios Merino Worsted Yarn - Superwash Worsted" class="w-full h-full object-cover" /> 4640 4641 4642 4643 4644 4645 </div> 4646 </a> 4647 4648 </div> 4649 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 4650 <a href="/products/malabrigo-rios" class="product-card-title no-underline text-small text-textBlack font-semibold line-clamp-3 order-1">Malabrigo Rios Merino Worsted Yarn - Superwash Worsted</a> 4651 4652 4653 4654 <div class="flex flex-col justify-between mt-auto pt-1 order-2"> 4655 <div class="flex items-center justify-between"> 4656 4657 <div class="flex items-center justify-between flex-wrap"> 4658 <div class="product-card-price !text-accent2 mr-2 text-small xs:text-regular font-bold"> 4659 4660 $14.32 4661 </div> 4662 4663 4664 <span class="text-gray line-through text-strike-md">$17.90</span> 4665 4666 4667 </div> 4668 4669 4670 </div> 4671 </div> 4672 4673 4674 4675 </div> 4676</div> 4677 4678 4679 4680 4681 4682 4683 4684 </div> 4685 4686 <div class=""> 4687 4688 4689<div class="product-card h-full flex gap-y-2 flex-col"> 4690 <div class="product-card-image relative group order-first"> 4691 4692 4693 <button id="10631915897178" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Cascade Yarns 220 Superwash Merino Yarn DK to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns 220 Superwash Merino Yarn DK from Wishlist" data-product-id="10631915897178" data-wishlist-entry-id=""> 4694 4695 4696 4697 4698 4699 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 4700 4701 <title>Add Cascade Yarns 220 Superwash Merino Yarn DK to Wishlist</title> 4702 4703 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 4704 </svg> 4705 4706 4707 </button> 4708 4709 4710 <a href="/products/cascade-yarns-220-superwash-merino" class="block"> 4711 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 4712 4713 4714 4715 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 4716 SALE 4717 </span> 4718 4719 4720 4721 4722 <img src="//www.yarn.com/cdn/shop/files/c8f1b16c3061e4ac412cdfd9550e01b651110e15_10121639_Cascade_Yarns_220_Superwash_Merino_Close_Up_1_1_2.jpg?v=1776764359&width=240" width="120" height="120" alt="Cascade Yarns 220 Superwash Merino Yarn DK" class="w-full h-full object-cover" /> 4723 4724 4725 4726 4727 4728 </div> 4729 </a> 4730 4731 </div> 4732 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 4733 <a href="/products/cascade-yarns-220-superwash-merino" class="product-card-title no-underline text-small text-textBlack font-semibold line-clamp-3 order-1">
4733Cascade Yarns 220 Superwash Merino Yarn DK</a> 4734 4735 4736 4737 <div class="flex flex-col justify-between mt-auto pt-1 order-2"> 4738 <div class="flex items-center justify-between"> 4739 4740 <div class="flex items-center justify-between flex-wrap"> 4741 <div class="product-card-price !text-accent2 mr-2 text-small xs:text-regular font-bold"> 4742 4743 $11.20 - 4744 4745 $14.00 4746 </div> 4747 4748 4749 <span class="text-gray line-through text-strike-md">$14.00</span> 4750 4751 4752 </div> 4753 4754 4755 </div> 4756 </div> 4757 4758 4759 4760 </div> 4761</div> 4762 4763 4764 4765 4766 4767 4768 4769 </div> 4770 4771 <div class=""> 4772 4773 4774<div class="product-card h-full flex gap-y-2 flex-col"> 4775 <div class="product-card-image relative group order-first"> 4776 4777 4778 <button id="10632085963098" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Malabrigo Rasta Yarn - Merino Super Chunky to Wishlist" data-remove-from-wishlist="Remove Malabrigo Rasta Yarn - Merino Super Chunky from Wishlist" data-product-id="10632085963098" data-wishlist-entry-id=""> 4779 4780 4781 4782 4783 4784 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 4785 4786 <title>Add Malabrigo Rasta Yarn - Merino Super Chunky to Wishlist</title> 4787 4788 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 4789 </svg> 4790 4791 4792 </button> 4793 4794 4795 <a href="/products/malabrigo-rasta" class="block"> 4796 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 4797 4798 4799 4800 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 4801 SALE 4802 </span> 4803 4804 4805 4806 4807 <img src="//www.yarn.com/cdn/shop/files/ac77d779484c130b74ce355370b34ef5c80a6a23_d01fa1c0_2300_48de_9e42_199f76094cbd.jpg?v=1776193866&width=240" width="120" height="120" alt="Malabrigo Rasta Yarn - Merino Super Chunky" class="w-full h-full object-cover" /> 4808 4809 4810 4811 4812 4813 </div> 4814 </a> 4815 4816 </div> 4817 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 4818 <a href="/products/malabrigo-rasta" class="product-card-title no-underline text-small text-textBlack font-semibold line-clamp-3 order-1">Malabrigo Rasta Yarn - Merino Super Chunky</a> 4819 4820 4821 4822 <div class="flex flex-col justify-between mt-auto pt-1 order-2"> 4823 <div class="flex items-center justify-between"> 4824 4825 <div class="flex items-center justify-between flex-wrap"> 4826 <div class="product-card-price !text-accent2 mr-2 text-small xs:text-regular font-bold"> 4827 4828 $20.00 4829 </div> 4830 4831 4832 <span class="text-gray line-through text-strike-md">$25.00</span> 4833 4834 4835 </div> 4836 4837 4838 </div> 4839 </div> 4840 4841 4842 4843 </div> 4844</div> 4845 4846 4847 4848 4849 4850 4851 4852 </div> 4853 4854 <div class="hidden md:block"> 4855 4856 4857<div class="product-card h-full flex gap-y-2 flex-col"> 4858 <div class="product-card-image relative group order-first"> 4859 4860 4861 <button id="10632077705562" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
4861hlist="Add Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply from Wishlist" data-product-id="10632077705562" data-wishlist-entry-id=""> 4862 4863 4864 4865 4866 4867 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 4868 4869 <title>Add Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply to Wishlist</title> 4870 4871 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 4872 </svg> 4873 4874 4875 </button> 4876 4877 4878 <a href="/products/cascade-yarns-heritage" class="block"> 4879 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 4880 4881 4882 4883 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 4884 SALE 4885 </span> 4886 4887 4888 4889 4890 <img src="//www.yarn.com/cdn/shop/files/0b067f43a2ce015669a86e124814411aec44f1e6_YCS005_Cascade_Heritage_Solids_Close_Up_1_1_2.jpg?v=1776762940&width=240" width="120" height="120" alt="Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply" class="w-full h-full object-cover" /> 4891 4892 4893 4894 4895 4896 </div> 4897 </a> 4898 4899 </div> 4900 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 4901 <a href="/products/cascade-yarns-heritage" class="product-card-title no-underline text-small text-textBlack font-semibold line-clamp-3 order-1">Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply</a> 4902 4903 4904 4905 <div class="flex flex-col justify-between mt-auto pt-1 order-2"> 4906 <div class="flex items-center justify-between"> 4907 4908 <div class="flex items-center justify-between flex-wrap"> 4909 <div class="product-card-price !text-accent2 mr-2 text-small xs:text-regular font-bold"> 4910 4911 $9.00 4912 </div> 4913 4914 4915 <span class="text-gray line-through text-strike-md">$12.00</span> 4916 4917 4918 </div> 4919 4920 4921 </div> 4922 </div> 4923 4924 4925 4926 </div> 4927</div> 4928 4929 4930 4931 4932 4933 4934 4935 </div> 4936 4937 <div class="hidden md:block"> 4938 4939 4940<div class="product-card h-full flex gap-y-2 flex-col"> 4941 <div class="product-card-image relative group order-first"> 4942 4943 4944 <button id="10631940538714" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Valley Yarns Valley Superwash DK Yarn - Merino DK to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Valley Superwash DK Yarn - Merino DK from Wishlist" data-product-id="10631940538714" data-wishlist-entry-id=""> 4945 4946 4947 4948 4949 4950 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 4951 4952 <title>Add Valley Yarns Valley Superwash DK Yarn - Merino DK to Wishlist</title> 4953 4954 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 4955 </svg> 4956 4957 4958 </button> 4959 4960 4961 <a href="/products/valley-yarns-valley-superwash-dk" class="block"> 4962 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 4963 4964 4965
4966 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 4967 SALE 4968 </span> 4969 4970 4971 4972 4973 <img src="//www.yarn.com/cdn/shop/files/9ad0e31056c953316164d733d7727aa89d5b06af_a50b83e0_1186_4c12_945f_9e3aed19a508.jpg?v=1776765215&width=240" width="120" height="120" alt="Valley Yarns Valley Superwash DK Yarn - Merino DK" class="w-full h-full object-cover" /> 4974 4975 4976 4977 4978 4979 </div> 4980 </a> 4981 4982 </div> 4983 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 4984 <a href="/products/valley-yarns-valley-superwash-dk" class="product-card-title no-underline text-small text-textBlack font-semibold line-clamp-3 order-1">Valley Yarns Valley Superwash DK Yarn - Merino DK</a> 4985 4986 4987 4988 <div class="flex flex-col justify-between mt-auto pt-1 order-2"> 4989 <div class="flex items-center justify-between"> 4990 4991 <div class="flex items-center justify-between flex-wrap"> 4992 <div class="product-card-price !text-accent2 mr-2 text-small xs:text-regular font-bold"> 4993 4994 $6.37 4995 </div> 4996 4997 4998 <span class="text-gray line-through text-strike-md">$8.49</span> 4999 5000 5001 </div> 5002 5003 5004 </div> 5005 </div> 5006 5007 5008 5009 </div> 5010</div> 5011 5012 5013 5014 5015 5016 5017 5018 </div> 5019 5020 </div> 5021 </div> 5022 </div> 5023 </div> 5024 </div> 5025 </div> 5026 <!-- Right Column (1/5 width) --> 5027 <div class="order-3 flex flex-col gap-4"> 5028 <!-- Right Top Container (2/3 height) --> 5029 <div class="bg-white md:h-[438px] overflow-hidden order-1"> 5030 5031 5032 5033<a href="/pages/bubble-knit-sweater-kit" class="h-full relative overflow-hidden block corner-classes"> 5034 <img src="//www.yarn.com/cdn/shop/files/Website_V1_1.jpg?v=1788272514" alt="Bubble Knit Sweater Kit" class="w-full h-full object-cover object-center" width="" height="" /> 5035 5036</a> 5037 5038 </div> 5039 5040 <!-- Right Bottom Container (1/3 height) --> 5041 <div class="bg-white md:h-[200px] overflow-hidden order-2"> 5042 5043 5044 5045<a href="/collections/weaving-sale-yarn" class="h-full relative overflow-hidden block corner-classes"> 5046 <img src="//www.yarn.com/cdn/shop/files/261412-Webs-Weaving-Feature-600x424.jpg?v=1787643303" alt="25% off Weaving Yarns" class="w-full h-full object-cover object-center" width="" height="" /> 5047 5048</a> 5049 5050 </div> 5051 </div> 5052 </div> 5053 </section> 5054 5055 5056 5057</div><div id="shopify-section-template--27259924578650__main" class="shopify-section"> 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068<section class="py-6"> 5069 <div class="circular-carousel relative max-sm:bg-superLight" data-gap-px="24" id="collection-grid-carousel" data-arrow-position-selector=".product-grid"> 5070 5071 5072 5073<button class="carousel-prev absolute left-0 z-3 bg-white/85 cursor-pointer rounded-r-full p-2 pl-2 border-y border-r border-white hidden " style="box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);" aria-label="Previous items"> 5074 5075 5076 5077 5078 5079 <svg class="text-current " style="width: 29px; height: 29px;" fill="none" viewBox="0 0 13 29"> 5080 5081 <title></title> 5082 5083 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="4" d="M11 2 2 14.5 11 27"/> 5084 </svg> 5085 5086 5087</button> 5088<button class="carousel-next absolute right-0 z-3 bg-white/85 cursor-pointer rounded-l-full p-2 pr-2 border-y border-l border-white hidden" style="box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);" aria-label="Next items"> 5089 5090 5091 5092 5093 5094 <svg class="text-current " style="width: 29px; height: 29px;" fill="none" viewBox="0 0 13 29"> 5095 5096 <title></title> 5097 5098 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="4" d="m2 27 9-12.5L2 2"/> 5099 </svg> 5100 5101 5102</button> 5103
5104 <div class="circular-carousel-container flex flex-nowrap md:grid md:grid-cols-3 gap-6 overflow-x-auto md:overflow-visible snap-x snap-mandatory no-scrollbar"> 5105 5106 5107 5108 5109 <div class="circular-carousel-item @container snap-center flex flex-col flex-shrink-0 w-full md:w-auto"> 5110 <div class="flex items-center bg-center bg-cover bg-dark border-l-[12px] border-accent px-3 @sm:px-6 py-4 md:py-2 lg:py-4 xl:py-5" style="background-image: url('//www.yarn.com/cdn/shop/t/2/assets/bg_collection-grid-header.png?v=103846237857525426221765993651');"> 5111 <!-- Right Content --> 5112 <div class="w-full flex flex-col items-start @min-[18rem]:items-center @min-[18rem]:flex-row gap-2 justify-between"> 5113 <div class="flex flex-col gap-0 overflow-hidden whitespace-nowrap"> 5114 <div class="text-white text-sm-wide font-semibold leading-tight text-shadow">our favorite</div> 5115 <div class="text-white display-7 @xs:display-6 font-black font-title text-shadow truncate">Rowan Yarn</div> 5116 </div> 5117 <div class="flex justify-end w-full @min-[18rem]:w-auto"> 5118 5119 5120 5121 5122 5123 <a style="line-height: normal" 5124 5125 5126 5127 5128 href="/collections/rowan-yarn" 5129 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-secondary px-4 h-[25px] text-tiny font-extrabold !border-0" 5130 > 5131 <span class="button-label">More</span> 5132 5133 </a> 5134 5135 5136 </div> 5137 </div> 5138 </div> 5139 <div class="product-grid grid h-full grid-cols-1 @xs:grid-cols-2 @md:grid-cols-3 gap-x-4 @md:gap-x-8 gap-y-6 px-4 @md:px-8 py-6 bg-superLight justify-items-center"> 5140 5141 5142 5143 <div class=""> 5144 5145 5146<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5147 <div class="product-card-image relative group order-first"> 5148 5149 5150 <button id="10632095891802" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Rowan Felted Tweed Yarn - Wool DK to Wishlist" data-remove-from-wishlist="Remove Rowan Felted Tweed Yarn - Wool DK from Wishlist" data-product-id="10632095891802" data-wishlist-entry-id=""> 5151 5152 5153 5154 5155 5156 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5157 5158 <title>Add Rowan Felted Tweed Yarn - Wool DK to Wishlist</title> 5159 5160 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5161 </svg> 5162 5163 5164 </button> 5165 5166 5167 <a href="/products/rowan-felted-tweed" class="block"> 5168 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5169 5170 5171 5172 5173 5174 5175 <img src="//www.yarn.com/cdn/shop/files/e3f57282ea6c7208197fc619f0fe2e7b26f5677c_YRW026_Rowan_Felted_Tweed_DK__Close_Up_1_1_2.jpg?v=1776763291&width=300" width="150" height="150" alt="Rowan Felted Tweed Yarn - Wool DK" class="w-full h-full object-cover" /> 5176 5177 5178 5179 5180 5181 </div> 5182 </a> 5183 5184 </div> 5185 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5186 <a href="/products/rowan-felted-tweed" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Felted Tweed Yarn - Wool DK</a> 5187 5188 5189 5190 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5191 <div class="flex items-center justify-between"> 5192 5193 <div class="flex items-center justify-between flex-wrap"> 5194 <div class="product-card-price mr-2 text-med font-bold"> 5195 5196 $16.50 5197 </div> 5198 5199 5200 5201 </div> 5202 5203 5204 <div class="flex flex-col gap-1"> 5205 5206 5207 </div> 5208 5209 </div> 5210 </div> 5211 5212 5213 5214 </div> 5215</div> 5216 5217 5218 5219 5220 5221 5222 5223 </div> 5224 5225 5226 5227 <div class="hidden @xs:block"> 5228 5229 5230<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5231 <div class="product-card-image relative group order-first"> 5232 5233 5234 <button id="10632095564122" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
5234hlist="Add Rowan Kidsilk Haze Yarn - Mohair Lace to Wishlist" data-remove-from-wishlist="Remove Rowan Kidsilk Haze Yarn - Mohair Lace from Wishlist" data-product-id="10632095564122" data-wishlist-entry-id=""> 5235 5236 5237 5238 5239 5240 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5241 5242 <title>Add Rowan Kidsilk Haze Yarn - Mohair Lace to Wishlist</title> 5243 5244 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5245 </svg> 5246 5247 5248 </button> 5249 5250 5251 <a href="/products/rowan-kidsilk-haze" class="block"> 5252 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5253 5254 5255 5256 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 5257 SALE 5258 </span> 5259 5260 5261 5262 5263 <img src="//www.yarn.com/cdn/shop/files/5b7e86ede167e424de1c126e8b45bc590217e769_a937ec4a_e4b7_4e76_b7a3_29ae33bfc25f.jpg?v=1776767719&width=300" width="150" height="150" alt="Rowan Kidsilk Haze Yarn - Mohair Lace" class="w-full h-full object-cover" /> 5264 5265 5266 5267 5268 5269 </div> 5270 </a> 5271 5272 </div> 5273 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5274 <a href="/products/rowan-kidsilk-haze" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Kidsilk Haze Yarn - Mohair Lace</a> 5275 5276 5277 5278 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5279 <div class="flex items-center justify-between"> 5280 5281 <div class="flex items-center justify-between flex-wrap"> 5282 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 5283 5284 $16.07 5285 </div> 5286 5287 5288 <span class="text-gray line-through text-strike-lg">$18.90</span> 5289 5290 5291 </div> 5292 5293 5294 <div class="flex flex-col gap-1"> 5295 5296 5297 </div> 5298 5299 </div> 5300 </div> 5301 5302 5303 5304 </div> 5305</div> 5306 5307 5308 5309 5310 5311 5312 5313 </div> 5314 5315 5316 5317 <div class="hidden @xs:block"> 5318 5319 5320<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5321 <div class="product-card-image relative group order-first"> 5322 5323 5324 <button id="10632096285018" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Rowan Handknit Cotton Yarn - Cotton DK to Wishlist" data-remove-from-wishlist="Remove Rowan Handknit Cotton Yarn - Cotton DK from Wishlist" data-product-id="10632096285018" data-wishlist-entry-id=""> 5325 5326 5327 5328 5329 5330 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5331 5332 <title>Add Rowan Handknit Cotton Yarn - Cotton DK to Wishlist</title> 5333 5334 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5335 </svg> 5336 5337 5338 </button> 5339 5340 5341 <a href="/products/rowan-handknit-cotton" class="block"> 5342 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5343 5344 5345 5346 5347 5348 5349 <img src="//www.yarn.com/cdn/shop/files/93776652e0287b4be6d77956b3c48e119c3e01a2_72cccd76_8aa9_4525_908b_ef93f609391a.jpg?v=1776766926&width=300" width="150" height="150" alt="Rowan Handknit Cotton Yarn - Cotton DK" class="w-full h-full object-cover" /> 5350 5351 5352 5353 5354 5355 </div> 5356 </a> 5357 5358 </div> 5359 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5360 <a href="/products/rowan-handknit-cotton" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Handknit Cotton Yarn - Cotton DK</a> 5361 5362 5363 5364 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5365 <div class="flex items-center justify-between"> 5366 5367 <div class="flex items-center justify-between flex-wrap"> 5368 <div class="product-card-price mr-2 text-med font-bold"> 5369 5370 $9.99 5371 </div> 5372 5373 5374 5375 </div> 5376 5377 5378 <div class="flex flex-col gap-1"> 5379 5380 5381 </div> 5382 5383 </div> 5384 </div> 5385 5386 5387 5388 </div> 5389</div> 5390 5391 5392 5393 5394 5395 5396 5397 </div> 5398 5399 5400 5401 <div class=""> 5402 5403 5404<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5405 <div class="product-card-image relative group order-first"> 5406 5407 5408 <button id="10632095662426" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
5408hlist="Add Rowan Big Wool Yarn - Merino Wool Super Chunky to Wishlist" data-remove-from-wishlist="Remove Rowan Big Wool Yarn - Merino Wool Super Chunky from Wishlist" data-product-id="10632095662426" data-wishlist-entry-id=""> 5409 5410 5411 5412 5413 5414 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5415 5416 <title>Add Rowan Big Wool Yarn - Merino Wool Super Chunky to Wishlist</title> 5417 5418 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5419 </svg> 5420 5421 5422 </button> 5423 5424 5425 <a href="/products/rowan-big-wool" class="block"> 5426 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5427 5428 5429 5430 5431 5432 5433 <img src="//www.yarn.com/cdn/shop/files/5c9d4d8dc68987e0655e8e397014821a129de182_39114f02_0e77_4fa0_bffb_5dc10912d7b2.jpg?v=1776764215&width=300" width="150" height="150" alt="Rowan Big Wool Yarn - Merino Wool Super Chunky" class="w-full h-full object-cover" /> 5434 5435 5436 5437 5438 5439 </div> 5440 </a> 5441 5442 </div> 5443 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5444 <a href="/products/rowan-big-wool" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Big Wool Yarn - Merino Wool Super Chunky</a> 5445 5446 5447 5448 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5449 <div class="flex items-center justify-between"> 5450 5451 <div class="flex items-center justify-between flex-wrap"> 5452 <div class="product-card-price mr-2 text-med font-bold"> 5453 5454 $20.50 5455 </div> 5456 5457 5458 5459 </div> 5460 5461 5462 <div class="flex flex-col gap-1"> 5463 5464 5465 </div> 5466 5467 </div> 5468 </div> 5469 5470 5471 5472 </div> 5473</div> 5474 5475 5476 5477 5478 5479 5480 5481 </div> 5482 5483 5484 5485 <div class="hidden @md:block"> 5486 5487 5488<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5489 <div class="product-card-image relative group order-first"> 5490 5491 5492 <button id="10632097005914" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Rowan Summerlite 4 Ply Yarn - Cotton 4 Ply to Wishlist" data-remove-from-wishlist="Remove Rowan Summerlite 4 Ply Yarn - Cotton 4 Ply from Wishlist" data-product-id="10632097005914" data-wishlist-entry-id=""> 5493 5494 5495 5496 5497 5498 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5499 5500 <title>Add Rowan Summerlite 4 Ply Yarn - Cotton 4 Ply to Wishlist</title> 5501 5502 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5503 </svg> 5504 5505 5506 </button> 5507 5508 5509 <a href="/products/rowan-summerlite-4-ply" class="block"> 5510 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5511 5512 5513 5514 5515 5516 5517 <img src="//www.yarn.com/cdn/shop/files/81323b38294a42588d1fd07872810c975d299f17_afc6c430_a617_42f6_9e0b_5bf37fd03270.jpg?v=1776764258&width=300" width="150" height="150" alt="Rowan Summerlite 4 Ply Yarn - Cotton 4 Ply" class="w-full h-full object-cover" /> 5518 5519 5520 5521 5522 5523 </div> 5524 </a> 5525 5526 </div> 5527 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5528 <a href="/products/rowan-summerlite-4-ply" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Summerlite 4 Ply Yarn - Cotton 4 Ply</a> 5529 5530 5531 5532 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5533 <div class="flex items-center justify-between"> 5534 5535 <div class="flex items-center justify-between flex-wrap"> 5536 <div class="product-card-price mr-2 text-med font-bold"> 5537 5538 $10.50 5539 </div> 5540 5541 5542 5543 </div> 5544 5545 5546 <div class="flex flex-col gap-1"> 5547 5548 5549 </div> 5550 5551 </div> 5552 </div> 5553 5554 5555 5556 </div> 5557</div> 5558 5559 5560 5561 5562 5563 5564 5565 </div> 5566 5567 5568 5569 <div class="hidden @md:block"> 5570 5571 5572<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5573 <div class="product-card-image relative group order-first"> 5574 5575 5576 <button id="10631888863578" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
5576hlist="Add Rowan Softyak DK Yarn to Wishlist" data-remove-from-wishlist="Remove Rowan Softyak DK Yarn from Wishlist" data-product-id="10631888863578" data-wishlist-entry-id=""> 5577 5578 5579 5580 5581 5582 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5583 5584 <title>Add Rowan Softyak DK Yarn to Wishlist</title> 5585 5586 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5587 </svg> 5588 5589 5590 </button> 5591 5592 5593 <a href="/products/rowan-softyak-dk" class="block"> 5594 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5595 5596 5597 5598 5599 5600 5601 <img src="//www.yarn.com/cdn/shop/files/e865c38494e0ad00ce995407df8c723c23e24cd7_4dd73643_5916_43d5_ad52_3521e0d04e9d.jpg?v=1776765054&width=300" width="150" height="150" alt="Rowan Softyak DK Yarn" class="w-full h-full object-cover" /> 5602 5603 5604 5605 5606 5607 </div> 5608 </a> 5609 5610 </div> 5611 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5612 <a href="/products/rowan-softyak-dk" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Rowan Softyak DK Yarn</a> 5613 5614 5615 5616 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5617 <div class="flex items-center justify-between"> 5618 5619 <div class="flex items-center justify-between flex-wrap"> 5620 <div class="product-card-price mr-2 text-med font-bold"> 5621 5622 $15.75 5623 </div> 5624 5625 5626 5627 </div> 5628 5629 5630 <div class="flex flex-col gap-1"> 5631 5632 5633 </div> 5634 5635 </div> 5636 </div> 5637 5638 5639 5640 </div> 5641</div> 5642 5643 5644 5645 5646 5647 5648 5649 </div> 5650 5651 </div> 5652 </div> 5653 5654 5655 5656 5657 <div class="circular-carousel-item @container snap-center flex flex-col flex-shrink-0 w-full md:w-auto"> 5658 <div class="flex items-center bg-center bg-cover bg-dark border-l-[12px] border-accent px-3 @sm:px-6 py-4 md:py-2 lg:py-4 xl:py-5" style="background-image: url('//www.yarn.com/cdn/shop/t/2/assets/bg_collection-grid-header.png?v=103846237857525426221765993651');"> 5659 <!-- Right Content --> 5660 <div class="w-full flex flex-col items-start @min-[18rem]:items-center @min-[18rem]:flex-row gap-2 justify-between"> 5661 <div class="flex flex-col gap-0 overflow-hidden whitespace-nowrap"> 5662 <div class="text-white text-sm-wide font-semibold leading-tight text-shadow">our favorite</div> 5663 <div class="text-white display-7 @xs:display-6 font-black font-title text-shadow truncate">Berroco Yarn</div> 5664 </div> 5665 <div class="flex justify-end w-full @min-[18rem]:w-auto"> 5666 5667 5668 5669 5670 5671 <a style="line-height: normal" 5672 5673 5674 5675 5676 href="/collections/berroco-yarn" 5677 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-secondary px-4 h-[25px] text-tiny font-extrabold !border-0" 5678 > 5679 <span class="button-label">More</span> 5680 5681 </a> 5682 5683 5684 </div> 5685 </div> 5686 </div> 5687 <div class="product-grid grid h-full grid-cols-1 @xs:grid-cols-2 @md:grid-cols-3 gap-x-4 @md:gap-x-8 gap-y-6 px-4 @md:px-8 py-6 bg-superLight justify-items-center"> 5688 5689 5690 5691 <div class=""> 5692 5693 5694<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5695 <div class="product-card-image relative group order-first"> 5696 5697 5698 <button id="10647649091930" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
5698hlist="Add Berroco Vintage Yarn - Acrylic Worsted to Wishlist" data-remove-from-wishlist="Remove Berroco Vintage Yarn - Acrylic Worsted from Wishlist" data-product-id="10647649091930" data-wishlist-entry-id=""> 5699 5700 5701 5702 5703 5704 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5705 5706 <title>Add Berroco Vintage Yarn - Acrylic Worsted to Wishlist</title> 5707 5708 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5709 </svg> 5710 5711 5712 </button> 5713 5714 5715 <a href="/products/berroco-vintage" class="block"> 5716 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5717 5718 5719 5720 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 5721 SALE 5722 </span> 5723 5724 5725 5726 5727 <img src="//www.yarn.com/cdn/shop/files/db1c706e599c928228cfae2be08ef24b12db31ee_75d3a152_ef44_4415_9875_f47de300c362_b1d7e6ac-7fc7-449f-88a7-c055dc813934.jpg?v=1776762795&width=300" width="150" height="150" alt="Berroco Vintage Yarn - Acrylic Worsted" class="w-full h-full object-cover" /> 5728 5729 5730 5731 5732 5733 </div> 5734 </a> 5735 5736 </div> 5737 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5738 <a href="/products/berroco-vintage" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Vintage Yarn - Acrylic Worsted</a> 5739 5740 5741 5742 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5743 <div class="flex items-center justify-between"> 5744 5745 <div class="flex items-center justify-between flex-wrap"> 5746 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 5747 5748 $9.35 5749 </div> 5750 5751 5752 <span class="text-gray line-through text-strike-lg">$11.00</span> 5753 5754 5755 </div> 5756 5757 5758 <div class="flex flex-col gap-1"> 5759 5760 5761 </div> 5762 5763 </div> 5764 </div> 5765 5766 5767 5768 </div> 5769</div> 5770 5771 5772 5773 5774 5775 5776 5777 </div> 5778 5779 5780 5781 <div class="hidden @xs:block"> 5782 5783 5784<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5785 <div class="product-card-image relative group order-first"> 5786 5787 5788 <button id="10632074789210" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Berroco Vintage Chunky Yarn - Acrylic Chunky to Wishlist" data-remove-from-wishlist="Remove Berroco Vintage Chunky Yarn - Acrylic Chunky from Wishlist" data-product-id="10632074789210" data-wishlist-entry-id=""> 5789 5790 5791 5792 5793 5794 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5795 5796 <title>Add Berroco Vintage Chunky Yarn - Acrylic Chunky to Wishlist</title> 5797 5798 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5799 </svg> 5800 5801 5802 </button> 5803 5804 5805 <a href="/products/berroco-vintage-chunky" class="block"> 5806 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5807 5808 5809
5810 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 5811 SALE 5812 </span> 5813 5814 5815 5816 5817 <img src="//www.yarn.com/cdn/shop/files/e32ce9333788dd62190db1d09df767b7baedebdc_5033c655_aa5f_41a6_9aed_7b7cb2829315.jpg?v=1776762791&width=300" width="150" height="150" alt="Berroco Vintage Chunky Yarn - Acrylic Chunky" class="w-full h-full object-cover" /> 5818 5819 5820 5821 5822 5823 </div> 5824 </a> 5825 5826 </div> 5827 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5828 <a href="/products/berroco-vintage-chunky" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Vintage Chunky Yarn - Acrylic Chunky</a> 5829 5830 5831 5832 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5833 <div class="flex items-center justify-between"> 5834 5835 <div class="flex items-center justify-between flex-wrap"> 5836 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 5837 5838 $8.40 5839 </div> 5840 5841 5842 <span class="text-gray line-through text-strike-lg">$10.50</span> 5843 5844 5845 </div> 5846 5847 5848 <div class="flex flex-col gap-1"> 5849 5850 5851 </div> 5852 5853 </div> 5854 </div> 5855 5856 5857 5858 </div> 5859</div> 5860 5861 5862 5863 5864 5865 5866 5867 </div> 5868 5869 5870 5871 <div class="hidden @xs:block"> 5872 5873 5874<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5875 <div class="product-card-image relative group order-first"> 5876 5877 5878 <button id="10632074625370" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Berroco Ultra Alpaca Yarn - Alpaca Worsted to Wishlist" data-remove-from-wishlist="Remove Berroco Ultra Alpaca Yarn - Alpaca Worsted from Wishlist" data-product-id="10632074625370" data-wishlist-entry-id=""> 5879 5880 5881 5882 5883 5884 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5885 5886 <title>Add Berroco Ultra Alpaca Yarn - Alpaca Worsted to Wishlist</title> 5887 5888 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5889 </svg> 5890 5891 5892 </button> 5893 5894 5895 <a href="/products/berroco-ultra-alpaca" class="block"> 5896 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5897 5898 5899 5900 5901 5902 5903 <img src="//www.yarn.com/cdn/shop/files/69c6eb675065e821fb1f641feda17254df7c7b5d_2073a1f9_38ed_44ea_8f3a_f5465c79aae4.jpg?v=1776764867&width=300" width="150" height="150" alt="Berroco Ultra Alpaca Yarn - Alpaca Worsted" class="w-full h-full object-cover" /> 5904 5905 5906 5907 5908 5909 </div> 5910 </a> 5911 5912 </div> 5913 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 5914 <a href="/products/berroco-ultra-alpaca" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Ultra Alpaca Yarn - Alpaca Worsted</a> 5915 5916 5917 5918 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 5919 <div class="flex items-center justify-between"> 5920 5921 <div class="flex items-center justify-between flex-wrap"> 5922 <div class="product-card-price mr-2 text-med font-bold"> 5923 5924 $16.50 5925 </div> 5926 5927 5928 5929 </div> 5930 5931 5932 <div class="flex flex-col gap-1"> 5933 5934 5935 </div> 5936 5937 </div> 5938 </div> 5939 5940 5941 5942 </div> 5943</div> 5944 5945 5946 5947 5948 5949 5950 5951 </div> 5952 5953 5954 5955 <div class=""> 5956 5957 5958<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 5959 <div class="product-card-image relative group order-first"> 5960 5961 5962 <button id="10632074887514" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
5962hlist="Add Berroco Vintage DK Yarn - Acrylic DK to Wishlist" data-remove-from-wishlist="Remove Berroco Vintage DK Yarn - Acrylic DK from Wishlist" data-product-id="10632074887514" data-wishlist-entry-id=""> 5963 5964 5965 5966 5967 5968 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 5969 5970 <title>Add Berroco Vintage DK Yarn - Acrylic DK to Wishlist</title> 5971 5972 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 5973 </svg> 5974 5975 5976 </button> 5977 5978 5979 <a href="/products/berroco-vintage-dk" class="block"> 5980 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 5981 5982 5983 5984 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 5985 SALE 5986 </span> 5987 5988 5989 5990 5991 <img src="//www.yarn.com/cdn/shop/files/40e4d5c9f065f5be3f106738ca8c00a099690f1a_14ce4db6_d0ab_49f7_aecd_6c9a84df5721.jpg?v=1776765404&width=300" width="150" height="150" alt="Berroco Vintage DK Yarn - Acrylic DK" class="w-full h-full object-cover" /> 5992 5993 5994 5995 5996 5997 </div> 5998 </a> 5999 6000 </div> 6001 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6002 <a href="/products/berroco-vintage-dk" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Vintage DK Yarn - Acrylic DK</a> 6003 6004 6005 6006 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6007 <div class="flex items-center justify-between"> 6008 6009 <div class="flex items-center justify-between flex-wrap"> 6010 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6011 6012 $8.40 6013 </div> 6014 6015 6016 <span class="text-gray line-through text-strike-lg">$10.50</span> 6017 6018 6019 </div> 6020 6021 6022 <div class="flex flex-col gap-1"> 6023 6024 6025 </div> 6026 6027 </div> 6028 </div> 6029 6030 6031 6032 </div> 6033</div> 6034 6035 6036 6037 6038 6039 6040 6041 </div> 6042 6043 6044 6045 <div class="hidden @md:block"> 6046 6047 6048<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6049 <div class="product-card-image relative group order-first"> 6050 6051 6052 <button id="10631921402202" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Berroco Ultra Wool Yarn - Superwash Wool Aran to Wishlist" data-remove-from-wishlist="Remove Berroco Ultra Wool Yarn - Superwash Wool Aran from Wishlist" data-product-id="10631921402202" data-wishlist-entry-id=""> 6053 6054 6055 6056 6057 6058 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6059 6060 <title>Add Berroco Ultra Wool Yarn - Superwash Wool Aran to Wishlist</title> 6061 6062 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6063 </svg> 6064 6065 6066 </button> 6067 6068 6069 <a href="/products/berroco-ultra-wool" class="block"> 6070 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6071 6072 6073
6074 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 6075 SALE 6076 </span> 6077 6078 6079 6080 6081 <img src="//www.yarn.com/cdn/shop/files/932ab9ee9aa59acf364d265369cd6fa8e9d08ab4_3fc1af77_e3d2_4fab_be98_42486bd8865d.jpg?v=1776763541&width=300" width="150" height="150" alt="Berroco Ultra Wool Yarn - Superwash Wool Aran" class="w-full h-full object-cover" /> 6082 6083 6084 6085 6086 6087 </div> 6088 </a> 6089 6090 </div> 6091 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6092 <a href="/products/berroco-ultra-wool" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Ultra Wool Yarn - Superwash Wool Aran</a> 6093 6094 6095 6096 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6097 <div class="flex items-center justify-between"> 6098 6099 <div class="flex items-center justify-between flex-wrap"> 6100 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6101 6102 $11.40 6103 </div> 6104 6105 6106 <span class="text-gray line-through text-strike-lg">$14.25</span> 6107 6108 6109 </div> 6110 6111 6112 <div class="flex flex-col gap-1"> 6113 6114 6115 </div> 6116 6117 </div> 6118 </div> 6119 6120 6121 6122 </div> 6123</div> 6124 6125 6126 6127 6128 6129 6130 6131 </div> 6132 6133 6134 6135 <div class="hidden @md:block"> 6136 6137 6138<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6139 <div class="product-card-image relative group order-first"> 6140 6141 6142 <button id="10632075608410" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Berroco Comfort Sock Yarn - Nylon 3 Ply to Wishlist" data-remove-from-wishlist="Remove Berroco Comfort Sock Yarn - Nylon 3 Ply from Wishlist" data-product-id="10632075608410" data-wishlist-entry-id=""> 6143 6144 6145 6146 6147 6148 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6149 6150 <title>Add Berroco Comfort Sock Yarn - Nylon 3 Ply to Wishlist</title> 6151 6152 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6153 </svg> 6154 6155 6156 </button> 6157 6158 6159 <a href="/products/berroco-comfort-sock" class="block"> 6160 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6161 6162 6163 6164 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 6165 SALE 6166 </span> 6167 6168 6169 6170 6171 <img src="//www.yarn.com/cdn/shop/files/3f4f763fd2e8e238c94af17f7e5300ff4b77fe55_9332868b_be50_4cdd_a4b5_f8679e4eb5d7.jpg?v=1776191805&width=300" width="150" height="150" alt="Berroco Comfort Sock Yarn - Nylon 3 Ply" class="w-full h-full object-cover" /> 6172 6173 6174 6175 6176 6177 </div> 6178 </a> 6179 6180 </div> 6181 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6182 <a href="/products/berroco-comfort-sock" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Berroco Comfort Sock Yarn - Nylon 3 Ply</a> 6183 6184 6185 6186 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6187 <div class="flex items-center justify-between"> 6188 6189 <div class="flex items-center justify-between flex-wrap"> 6190 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6191 6192 $4.75 6193 </div> 6194 6195
6196 <span class="text-gray line-through text-strike-lg">$9.50</span> 6197 6198 6199 </div> 6200 6201 6202 <div class="flex flex-col gap-1"> 6203 6204 6205 </div> 6206 6207 </div> 6208 </div> 6209 6210 6211 6212 </div> 6213</div> 6214 6215 6216 6217 6218 6219 6220 6221 </div> 6222 6223 </div> 6224 </div> 6225 6226 6227 6228 6229 <div class="circular-carousel-item @container snap-center flex flex-col flex-shrink-0 w-full md:w-auto"> 6230 <div class="flex items-center bg-center bg-cover bg-dark border-l-[12px] border-accent px-3 @sm:px-6 py-4 md:py-2 lg:py-4 xl:py-5" style="background-image: url('//www.yarn.com/cdn/shop/t/2/assets/bg_collection-grid-header.png?v=103846237857525426221765993651');"> 6231 <!-- Right Content --> 6232 <div class="w-full flex flex-col items-start @min-[18rem]:items-center @min-[18rem]:flex-row gap-2 justify-between"> 6233 <div class="flex flex-col gap-0 overflow-hidden whitespace-nowrap"> 6234 <div class="text-white text-sm-wide font-semibold leading-tight text-shadow">our favorite</div> 6235 <div class="text-white display-7 @xs:display-6 font-black font-title text-shadow truncate">Cascade Yarns</div> 6236 </div> 6237 <div class="flex justify-end w-full @min-[18rem]:w-auto"> 6238 6239 6240 6241 6242 6243 <a style="line-height: normal" 6244 6245 6246 6247 6248 href="/collections/cascade-yarns" 6249 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-secondary px-4 h-[25px] text-tiny font-extrabold !border-0" 6250 > 6251 <span class="button-label">More</span> 6252 6253 </a> 6254 6255 6256 </div> 6257 </div> 6258 </div> 6259 <div class="product-grid grid h-full grid-cols-1 @xs:grid-cols-2 @md:grid-cols-3 gap-x-4 @md:gap-x-8 gap-y-6 px-4 @md:px-8 py-6 bg-superLight justify-items-center"> 6260 6261 6262 6263 <div class=""> 6264 6265 6266<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6267 <div class="product-card-image relative group order-first"> 6268 6269 6270 <button id="10632079311194" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Cascade Yarns 220 Yarn - 100% Wool Worsted to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns 220 Yarn - 100% Wool Worsted from Wishlist" data-product-id="10632079311194" data-wishlist-entry-id=""> 6271 6272 6273 6274 6275 6276 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6277 6278 <title>Add Cascade Yarns 220 Yarn - 100% Wool Worsted to Wishlist</title> 6279 6280 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6281 </svg> 6282 6283 6284 </button> 6285 6286 6287 <a href="/products/cascade-yarns-220" class="block"> 6288 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6289 6290 6291 6292 6293 6294 6295 <img src="//www.yarn.com/cdn/shop/files/7f17cf428ce39da7be1e4e4fe94265077bb8bac3_YCS020_Cascade_220_Close_Up_1_1_2.jpg?v=1776765497&width=300" width="150" height="150" alt="Cascade Yarns 220 Yarn - 100% Wool Worsted" class="w-full h-full object-cover" /> 6296 6297 6298 6299 6300 6301 </div> 6302 </a> 6303 6304 </div> 6305 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6306 <a href="/products/cascade-yarns-220" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns 220 Yarn - 100% Wool Worsted</a> 6307 6308 6309 6310 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6311 <div class="flex items-center justify-between"> 6312 6313 <div class="flex items-center justify-between flex-wrap"> 6314 <div class="product-card-price mr-2 text-med font-bold"> 6315 6316 $12.20 6317 </div> 6318 6319 6320 6321 </div> 6322 6323 6324 <div class="flex flex-col gap-1"> 6325 6326 6327 </div> 6328 6329 </div> 6330 </div> 6331 6332 6333 6334 </div> 6335</div> 6336 6337 6338 6339 6340 6341 6342 6343 </div> 6344 6345 6346 6347 <div class="hidden @xs:block"> 6348 6349 6350<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6351 <div class="product-card-image relative group order-first"> 6352 6353 6354 <button id="10631915897178" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
6354hlist="Add Cascade Yarns 220 Superwash Merino Yarn DK to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns 220 Superwash Merino Yarn DK from Wishlist" data-product-id="10631915897178" data-wishlist-entry-id=""> 6355 6356 6357 6358 6359 6360 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6361 6362 <title>Add Cascade Yarns 220 Superwash Merino Yarn DK to Wishlist</title> 6363 6364 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6365 </svg> 6366 6367 6368 </button> 6369 6370 6371 <a href="/products/cascade-yarns-220-superwash-merino" class="block"> 6372 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6373 6374 6375 6376 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 6377 SALE 6378 </span> 6379 6380 6381 6382 6383 <img src="//www.yarn.com/cdn/shop/files/c8f1b16c3061e4ac412cdfd9550e01b651110e15_10121639_Cascade_Yarns_220_Superwash_Merino_Close_Up_1_1_2.jpg?v=1776764359&width=300" width="150" height="150" alt="Cascade Yarns 220 Superwash Merino Yarn DK" class="w-full h-full object-cover" /> 6384 6385 6386 6387 6388 6389 </div> 6390 </a> 6391 6392 </div> 6393 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6394 <a href="/products/cascade-yarns-220-superwash-merino" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns 220 Superwash Merino Yarn DK</a> 6395 6396 6397 6398 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6399 <div class="flex items-center justify-between"> 6400 6401 <div class="flex items-center justify-between flex-wrap"> 6402 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6403 6404 $11.20 - 6405 6406 $14.00 6407 </div> 6408 6409 6410 <span class="text-gray line-through text-strike-lg">$14.00</span> 6411 6412 6413 </div> 6414 6415 6416 <div class="flex flex-col gap-1"> 6417 6418 6419 </div> 6420 6421 </div> 6422 </div> 6423 6424 6425 6426 </div> 6427</div> 6428 6429 6430 6431 6432 6433 6434 6435 </div> 6436 6437 6438 6439 <div class="hidden @xs:block"> 6440 6441 6442<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6443 <div class="product-card-image relative group order-first"> 6444 6445 6446 <button id="10673392025946" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Cascade Yarns 220 Superwash Yarn - Superwash Wool DK to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns 220 Superwash Yarn - Superwash Wool DK from Wishlist" data-product-id="10673392025946" data-wishlist-entry-id=""> 6447 6448 6449 6450 6451 6452 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6453 6454 <title>Add Cascade Yarns 220 Superwash Yarn - Superwash Wool DK to Wishlist</title> 6455 6456 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6457 </svg> 6458 6459 6460 </button> 6461 6462 6463 <a href="/products/cascade-yarns-220-superwash" class="block"> 6464 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6465 6466 6467 6468 6469 6470 6471 <img src="//www.yarn.com/cdn/shop/files/1816b315f1cecb0fabac9d2e203477af3a56a6df_YCS002_Cascade_220_Superwash_Close_Up_1_1_2.jpg?v=1776764074&width=300" width="150" height="150" alt="Cascade Yarns 220
6471Superwash Yarn - Superwash Wool DK" class="w-full h-full object-cover" /> 6472 6473 6474 6475 6476 6477 </div> 6478 </a> 6479 6480 </div> 6481 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6482 <a href="/products/cascade-yarns-220-superwash" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns 220 Superwash Yarn - Superwash Wool DK</a> 6483 6484 6485 6486 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6487 <div class="flex items-center justify-between"> 6488 6489 <div class="flex items-center justify-between flex-wrap"> 6490 <div class="product-card-price mr-2 text-med font-bold"> 6491 6492 $11.50 - 6493 6494 $14.25 6495 </div> 6496 6497 6498 6499 </div> 6500 6501 6502 <div class="flex flex-col gap-1"> 6503 6504 6505 </div> 6506 6507 </div> 6508 </div> 6509 6510 6511 6512 </div> 6513</div> 6514 6515 6516 6517 6518 6519 6520 6521 </div> 6522 6523 6524 6525 <div class=""> 6526 6527 6528<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6529 <div class="product-card-image relative group order-first"> 6530 6531 6532 <button id="10632077705562" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply from Wishlist" data-product-id="10632077705562" data-wishlist-entry-id=""> 6533 6534 6535 6536 6537 6538 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6539 6540 <title>Add Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply to Wishlist</title> 6541 6542 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6543 </svg> 6544 6545 6546 </button> 6547 6548 6549 <a href="/products/cascade-yarns-heritage" class="block"> 6550 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6551 6552 6553 6554 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 6555 SALE 6556 </span> 6557 6558 6559 6560 6561 <img src="//www.yarn.com/cdn/shop/files/0b067f43a2ce015669a86e124814411aec44f1e6_YCS005_Cascade_Heritage_Solids_Close_Up_1_1_2.jpg?v=1776762940&width=300" width="150" height="150" alt="Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply" class="w-full h-full object-cover" /> 6562 6563 6564 6565 6566 6567 </div> 6568 </a> 6569 6570 </div> 6571 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6572 <a href="/products/cascade-yarns-heritage" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns Heritage Yarn - Superwash Merino 4 Ply</a> 6573 6574 6575 6576 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6577 <div class="flex items-center justify-between"> 6578 6579 <div class="flex items-center justify-between flex-wrap"> 6580 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6581 6582 $9.00 6583 </div> 6584 6585
6586 <span class="text-gray line-through text-strike-lg">$12.00</span> 6587 6588 6589 </div> 6590 6591 6592 <div class="flex flex-col gap-1"> 6593 6594 6595 </div> 6596 6597 </div> 6598 </div> 6599 6600 6601 6602 </div> 6603</div> 6604 6605 6606 6607 6608 6609 6610 6611 </div> 6612 6613 6614 6615 <div class="hidden @md:block"> 6616 6617 6618<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6619 <div class="product-card-image relative group order-first"> 6620 6621 6622 <button id="10632080261466" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Cascade Yarns Ultra Pima Fine Yarn - Cotton Sport to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns Ultra Pima Fine Yarn - Cotton Sport from Wishlist" data-product-id="10632080261466" data-wishlist-entry-id=""> 6623 6624 6625 6626 6627 6628 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6629 6630 <title>Add Cascade Yarns Ultra Pima Fine Yarn - Cotton Sport to Wishlist</title> 6631 6632 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6633 </svg> 6634 6635 6636 </button> 6637 6638 6639 <a href="/products/cascade-yarns-ultra-pima-fine" class="block"> 6640 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6641 6642 6643 6644 6645 6646 6647 <img src="//www.yarn.com/cdn/shop/files/eaccd3f493f253d897472dfd6ee67f095dfc7bdd_6143ce20_e0b7_434f_8871_00feca3b5917.jpg?v=1776765518&width=300" width="150" height="150" alt="Cascade Yarns Ultra Pima Fine Yarn - Cotton Sport" class="w-full h-full object-cover" /> 6648 6649 6650 6651 6652 6653 </div> 6654 </a> 6655 6656 </div> 6657 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6658 <a href="/products/cascade-yarns-ultra-pima-fine" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns Ultra Pima Fine Yarn - Cotton Sport</a> 6659 6660 6661 6662 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6663 <div class="flex items-center justify-between"> 6664 6665 <div class="flex items-center justify-between flex-wrap"> 6666 <div class="product-card-price mr-2 text-med font-bold"> 6667 6668 $7.25 6669 </div> 6670 6671 6672 6673 </div> 6674 6675 6676 <div class="flex flex-col gap-1"> 6677 6678 6679 </div> 6680 6681 </div> 6682 </div> 6683 6684 6685 6686 </div> 6687</div> 6688 6689 6690 6691 6692 6693 6694 6695 </div> 6696 6697 6698 6699 <div class="hidden @md:block"> 6700 6701 6702<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6703 <div class="product-card-image relative group order-first"> 6704 6705 6706 <button id="10632077803866" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
6706hlist="Add Cascade Yarns Ultra Pima Yarn - Cotton DK to Wishlist" data-remove-from-wishlist="Remove Cascade Yarns Ultra Pima Yarn - Cotton DK from Wishlist" data-product-id="10632077803866" data-wishlist-entry-id=""> 6707 6708 6709 6710 6711 6712 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6713 6714 <title>Add Cascade Yarns Ultra Pima Yarn - Cotton DK to Wishlist</title> 6715 6716 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6717 </svg> 6718 6719 6720 </button> 6721 6722 6723 <a href="/products/cascade-yarns-ultra-pima" class="block"> 6724 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6725 6726 6727 6728 6729 6730 6731 <img src="//www.yarn.com/cdn/shop/files/38c3e9721047f2f5637998a70967f58d9540fadf_YCS006_Cascade_Ultra_Pima_Close_Up_1_1_2.jpg?v=1776765450&width=300" width="150" height="150" alt="Cascade Yarns Ultra Pima Yarn - Cotton DK" class="w-full h-full object-cover" /> 6732 6733 6734 6735 6736 6737 </div> 6738 </a> 6739 6740 </div> 6741 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6742 <a href="/products/cascade-yarns-ultra-pima" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Cascade Yarns Ultra Pima Yarn - Cotton DK</a> 6743 6744 6745 6746 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6747 <div class="flex items-center justify-between"> 6748 6749 <div class="flex items-center justify-between flex-wrap"> 6750 <div class="product-card-price mr-2 text-med font-bold"> 6751 6752 $14.00 6753 </div> 6754 6755 6756 6757 </div> 6758 6759 6760 <div class="flex flex-col gap-1"> 6761 6762 6763 </div> 6764 6765 </div> 6766 </div> 6767 6768 6769 6770 </div> 6771</div> 6772 6773 6774 6775 6776 6777 6778 6779 </div> 6780 6781 </div> 6782 </div> 6783 6784 6785 </div> 6786 </div> 6787 6788 6789 6790 6791</section> 6792 6793 6794 6795 6796 6797 6798 6799 6800<a href="/collections/weaving-yarn"> 6801 <div class="my-8 relative corner-classes"> 6802 <picture> 6803 6804 <img 6805 src="//www.yarn.com/cdn/shop/files/YC-Homepage-2602_HP-Spotlight-1-1250x277_0470922a-c42b-44cc-af27-998fc15ccb94.png?v=1772726418&width=1248&quality=75" 6806 loading="lazy" 6807 decoding="async" 6808 class="block w-full h-auto corner-classes min-h-[180px] object-cover" 6809 alt="Weaving"> 6810 </picture> 6811 6812 <div class="absolute top-0 left-0 w-full h-full flex flex-col ad-horizontal-text-container items-start lg:pl-16 px-8 pb-8 lg:pb-0 text-white bg-gradient-to-r from-black/50 to-transparent to-[80%]"> 6813 <div class="ad-horizontal-title">Weaving</div> 6814 6815 <div class="ad-horizontal-subtitle">Valley Yarns, Brassard, Circulo, and more!</div> 6816 6817 </div> 6818 6819 </div> 6820</a> 6821 6822 6823 6824 6825 6826 6827 6828<section class="my-12"> 6829 <div class="flex md:gap-x-[24px] lg:gap-x-[52px]"> 6830 6831 <div class="hidden md:block relative lg:w-[384px] lg:h-[700px] lg:shrink-0 overflow-hidden"> 6832 6833 6834 6835 6836<a href="/pages/retail-store" class="h-full relative overflow-hidden block corner-classes"> 6837 <img src="//www.yarn.com/cdn/shop/files/YC-Homepage-2602_HP-Spotlight-2-384x700_1.png?v=1771515495" alt="Visit Our Store" class="w-full h-full object-cover object-center" width="" height="" /> 6838 6839</a> 6840 6841 </div> 6842 6843 6844 <div class="w-full flex flex-col gap-y-6"> 6845 6846 6847 6848 6849 6850 6851 6852 <div class="module-header w-full flex justify-between items-center text-black py-2 text-large font-bold header-bg-standard"> 6853 <div class="flex flex-col ">
6854 <span class="text-med lg:text-large font-bold">Featured Collection</span> 6855 6856 </div> 6857 6858 <div class="flex items-center whitespace-nowrap"> 6859 <a href="/collections/valley-yarns" class="module-header__link"> 6860 <span class="">Show All</span> 6861 6862 </a> 6863 6864 6865 6866 6867 6868 <svg class="text-current module-header__icon" style="width: 12px; height: 12px;" width="14" height="12" viewBox="0 0 14 12" fill="none"> 6869 6870 <title></title> 6871 6872 <path d="M12.125 5.875H0.875M7.54172 10.875C7.54172 10.875 12.5417 7.19256 12.5417 5.87496C12.5417 4.55737 7.54168 0.875 7.54168 0.875" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/> 6873 </svg> 6874 6875 6876 </div> 6877 6878 </div> 6879 6880 6881 6882 6883 6884 6885 6886<a href="/collections/valley-yarns" class="h-full relative overflow-hidden block corner-classes"> 6887 <img src="//www.yarn.com/cdn/shop/files/YC-Homepage-2602_HP-Spotlight-3-815x585_617fb075-afba-4daf-8355-fe0b4222249a.png?v=1772726374" alt="Valley Yarns - Discover The Yarn Range & Pattern Collections" class="w-full h-full md:max-h-[356px] object-cover object-center" width="" height="" /> 6888 6889</a> 6890 6891 <div class="grid grid-cols-3 md:flex md:justify-between gap-x-4 gap-y-4"> 6892 6893 <div class="contents "> 6894 6895 6896<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6897 <div class="product-card-image relative group order-first"> 6898 6899 6900 <button id="10631940374874" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Valley Yarns Valley Superwash Yarn - Merino Worsted to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Valley Superwash Yarn - Merino Worsted from Wishlist" data-product-id="10631940374874" data-wishlist-entry-id=""> 6901 6902 6903 6904 6905 6906 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6907 6908 <title>Add Valley Yarns Valley Superwash Yarn - Merino Worsted to Wishlist</title> 6909 6910 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6911 </svg> 6912 6913 6914 </button> 6915 6916 6917 <a href="/products/valley-yarns-valley-superwash" class="block"> 6918 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 6919 6920 6921 6922 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 6923 SALE 6924 </span> 6925 6926 6927 6928 6929 <img src="//www.yarn.com/cdn/shop/files/9b01f0ffce8dc95d5ba955075f837726286e3182_ac9e03e8_ca96_425a_b504_0b52def7e138.jpg?v=1776766690&width=300" width="150" height="150" alt="Valley Yarns Valley Superwash Yarn - Merino Worsted" class="w-full h-full object-cover" /> 6930 6931 6932 6933 6934 6935 </div> 6936 </a> 6937 6938 </div> 6939 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 6940 <a href="/products/valley-yarns-valley-superwash" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns Valley Superwash Yarn - Merino Worsted</a> 6941 6942 6943 6944 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 6945 <div class="flex items-center justify-between"> 6946 6947 <div class="flex items-center justify-between flex-wrap"> 6948 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 6949 6950 $6.37 6951 </div> 6952 6953
6954 <span class="text-gray line-through text-strike-lg">$8.49</span> 6955 6956 6957 </div> 6958 6959 6960 <div class="flex flex-col gap-1"> 6961 6962 6963 </div> 6964 6965 </div> 6966 </div> 6967 6968 6969 6970 </div> 6971</div> 6972 6973 6974 6975 6976 6977 6978 6979 </div> 6980 6981 <div class="contents "> 6982 6983 6984<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 6985 <div class="product-card-image relative group order-first"> 6986 6987 6988 <button id="10632058995034" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Valley Yarns 8/2 Cotton Yarn - Cotton Lace to Wishlist" data-remove-from-wishlist="Remove Valley Yarns 8/2 Cotton Yarn - Cotton Lace from Wishlist" data-product-id="10632058995034" data-wishlist-entry-id=""> 6989 6990 6991 6992 6993 6994 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 6995 6996 <title>Add Valley Yarns 8/2 Cotton Yarn - Cotton Lace to Wishlist</title> 6997 6998 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 6999 </svg> 7000 7001 7002 </button> 7003 7004 7005 <a href="/products/valley-yarns-8-2-cotton" class="block"> 7006 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 7007 7008 7009 7010 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 7011 SALE 7012 </span> 7013 7014 7015 7016 7017 <img src="//www.yarn.com/cdn/shop/files/e0ae702e3c10b98520614f4722426c9390717cb0_e384ea3d_b2dd_40d5_9d4d_927fcaf0b18c.jpg?v=1776677078&width=300" width="150" height="150" alt="Valley Yarns 8/2 Cotton Yarn - Cotton Lace" class="w-full h-full object-cover" /> 7018 7019 7020 7021 7022 7023 </div> 7024 </a> 7025 7026 </div> 7027 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 7028 <a href="/products/valley-yarns-8-2-cotton" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns 8/2 Cotton Yarn - Cotton Lace</a> 7029 7030 7031 7032 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 7033 <div class="flex items-center justify-between"> 7034 7035 <div class="flex items-center justify-between flex-wrap"> 7036 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 7037 7038 $23.24 7039 </div> 7040 7041 7042 <span class="text-gray line-through text-strike-lg">$30.99</span> 7043 7044 7045 </div> 7046 7047 7048 <div class="flex flex-col gap-1"> 7049 7050 7051 </div> 7052 7053 </div> 7054 </div> 7055 7056 7057 7058 </div> 7059</div> 7060 7061 7062 7063 7064 7065 7066 7067 </div> 7068 7069 <div class="contents "> 7070 7071 7072<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 7073 <div class="product-card-image relative group order-first"> 7074 7075 7076 <button id="10631941063002" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
7076hlist="Add Valley Yarns Berkshire Bulky Yarn - Wool Chunky to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Berkshire Bulky Yarn - Wool Chunky from Wishlist" data-product-id="10631941063002" data-wishlist-entry-id=""> 7077 7078 7079 7080 7081 7082 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 7083 7084 <title>Add Valley Yarns Berkshire Bulky Yarn - Wool Chunky to Wishlist</title> 7085 7086 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 7087 </svg> 7088 7089 7090 </button> 7091 7092 7093 <a href="/products/valley-yarns-berkshire-bulky" class="block"> 7094 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 7095 7096 7097 7098 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 7099 SALE 7100 </span> 7101 7102 7103 7104 7105 <img src="//www.yarn.com/cdn/shop/files/8d89d7618e84736ae21ac97d47cb538978b88e7b_15a6158e_b20f_434c_a658_59cfa910772f.jpg?v=1776764632&width=300" width="150" height="150" alt="Valley Yarns Berkshire Bulky Yarn - Wool Chunky" class="w-full h-full object-cover" /> 7106 7107 7108 7109 7110 7111 </div> 7112 </a> 7113 7114 </div> 7115 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 7116 <a href="/products/valley-yarns-berkshire-bulky" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns Berkshire Bulky Yarn - Wool Chunky</a> 7117 7118 7119 7120 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 7121 <div class="flex items-center justify-between"> 7122 7123 <div class="flex items-center justify-between flex-wrap"> 7124 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 7125 7126 $7.87 7127 </div> 7128 7129 7130 <span class="text-gray line-through text-strike-lg">$10.49</span> 7131 7132 7133 </div> 7134 7135 7136 <div class="flex flex-col gap-1"> 7137 7138 7139 </div> 7140 7141 </div> 7142 </div> 7143 7144 7145 7146 </div> 7147</div> 7148 7149 7150 7151 7152 7153 7154 7155 </div> 7156 7157 <div class="contents "> 7158 7159 7160<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 7161 <div class="product-card-image relative group order-first"> 7162 7163 7164 <button id="10632058437978" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Valley Yarns Valley Cotton 3/2 Yarn to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Valley Cotton 3/2 Yarn from Wishlist" data-product-id="10632058437978" data-wishlist-entry-id=""> 7165 7166 7167 7168 7169 7170 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 7171 7172 <title>Add Valley Yarns Valley Cotton 3/2 Yarn to Wishlist</title> 7173 7174 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 7175 </svg> 7176 7177 7178 </button> 7179 7180 7181 <a href="/products/valley-yarns-valley-cotton-3-2" class="block"> 7182 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 7183 7184 7185
7186 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 7187 SALE 7188 </span> 7189 7190 7191 7192 7193 <img src="//www.yarn.com/cdn/shop/files/5a037a2d3c69504f804ccce3d19308322543cc50_8fb584af_20a3_4a9b_bc77_738b2afc237e.jpg?v=1776675956&width=300" width="150" height="150" alt="Valley Yarns Valley Cotton 3/2 Yarn" class="w-full h-full object-cover" /> 7194 7195 7196 7197 7198 7199 </div> 7200 </a> 7201 7202 </div> 7203 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 7204 <a href="/products/valley-yarns-valley-cotton-3-2" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns Valley Cotton 3/2 Yarn</a> 7205 7206 7207 7208 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 7209 <div class="flex items-center justify-between"> 7210 7211 <div class="flex items-center justify-between flex-wrap"> 7212 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 7213 7214 $26.99 7215 </div> 7216 7217 7218 <span class="text-gray line-through text-strike-lg">$35.99</span> 7219 7220 7221 </div> 7222 7223 7224 <div class="flex flex-col gap-1"> 7225 7226 7227 </div> 7228 7229 </div> 7230 </div> 7231 7232 7233 7234 </div> 7235</div> 7236 7237 7238 7239 7240 7241 7242 7243 </div> 7244 7245 <div class="contents "> 7246 7247 7248<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 7249 <div class="product-card-image relative group order-first"> 7250 7251 7252 <button id="10631940243802" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wishlist="Add Valley Yarns Southwick Yarn - Cotton DK to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Southwick Yarn - Cotton DK from Wishlist" data-product-id="10631940243802" data-wishlist-entry-id=""> 7253 7254 7255 7256 7257 7258 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 7259 7260 <title>Add Valley Yarns Southwick Yarn - Cotton DK to Wishlist</title> 7261 7262 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 7263 </svg> 7264 7265 7266 </button> 7267 7268 7269 <a href="/products/valley-yarns-southwick" class="block"> 7270 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 7271 7272 7273 7274 7275 7276 7277 <img src="//www.yarn.com/cdn/shop/files/0c27bdd8a71bb978ad997319087b665a61cb4e46_6c78ee76_1d52_49d1_bcdb_8fdf730a1db3.jpg?v=1776762430&width=300" width="150" height="150" alt="Valley Yarns Southwick Yarn - Cotton DK" class="w-full h-full object-cover" /> 7278 7279 7280 7281 7282 7283 </div> 7284 </a> 7285 7286 </div> 7287 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 7288 <a href="/products/valley-yarns-southwick" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns Southwick Yarn - Cotton DK</a> 7289 7290 7291 7292 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 7293 <div class="flex items-center justify-between"> 7294 7295 <div class="flex items-center justify-between flex-wrap"> 7296 <div class="product-card-price mr-2 text-med font-bold"> 7297 7298 $7.99 7299 </div> 7300 7301 7302 7303 </div> 7304 7305 7306 <div class="flex flex-col gap-1"> 7307 7308 7309 </div> 7310 7311 </div> 7312 </div> 7313 7314 7315 7316 </div> 7317</div> 7318 7319 7320 7321 7322 7323 7324 7325 </div> 7326 7327 <div class="contents md:hidden"> 7328 7329 7330<div class="product-card h-full flex gap-y-3 xl:gap-y-4 flex-col max-w-[150px]"> 7331 <div class="product-card-image relative group order-first"> 7332 7333 7334 <button id="10632058634586" class="wishlist_pcard select-none absolute top-0 right-0 p-2 z-1 cursor-pointer" data-in-wishlist="false" data-add-to-wis
7334hlist="Add Valley Yarns Valley Cotton 5/2 Yarn to Wishlist" data-remove-from-wishlist="Remove Valley Yarns Valley Cotton 5/2 Yarn from Wishlist" data-product-id="10632058634586" data-wishlist-entry-id=""> 7335 7336 7337 7338 7339 7340 <svg class="text-current text-white" style="width: 22px; height: 22px;" viewBox="0 0 22 19" fill="none"> 7341 7342 <title>Add Valley Yarns Valley Cotton 5/2 Yarn to Wishlist</title> 7343 7344 <path d="M11 3.55C11 3.55 12.539 1 15.9153 1C18.9254 1 21 3.54991 21 6.53788C21 10.2405 17.9004 13.8096 11 18C4.09962 13.8096 1 10.2405 1 6.53788C1 3.54991 3.07458 1 6.08475 1C9.46102 1 11 3.55 11 3.55Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 7345 </svg> 7346 7347 7348 </button> 7349 7350 7351 <a href="/products/valley-yarns-valley-cotton-5-2" class="block"> 7352 <div class="aspect-square relative overflow-hidden w-full border-1 border-light corner-classes"> 7353 7354 7355 7356 <span class="product-card-flag absolute bg-sale text-white text-small font-semibold px-3 py-[2px]"> 7357 SALE 7358 </span> 7359 7360 7361 7362 7363 <img src="//www.yarn.com/cdn/shop/files/b65e64ed0a1471bed1da07bc66dc9d361757d228_94f4346b_67c4_4011_bc1b_76bf06340d13.jpg?v=1776503361&width=300" width="150" height="150" alt="Valley Yarns Valley Cotton 5/2 Yarn" class="w-full h-full object-cover" /> 7364 7365 7366 7367 7368 7369 </div> 7370 </a> 7371 7372 </div> 7373 <div class="product-card-content w-full h-full flex flex-col gap-y-1 "> 7374 <a href="/products/valley-yarns-valley-cotton-5-2" class="product-card-title no-underline text-md text-textBlack font-semibold line-clamp-3 order-2">Valley Yarns Valley Cotton 5/2 Yarn</a> 7375 7376 7377 7378 <div class="flex flex-col justify-between mt-auto pt-3 order-3"> 7379 <div class="flex items-center justify-between"> 7380 7381 <div class="flex items-center justify-between flex-wrap"> 7382 <div class="product-card-price !text-accent2 mr-2 text-med font-bold"> 7383 7384 $26.99 7385 </div> 7386 7387 7388 <span class="text-gray line-through text-strike-lg">$35.99</span> 7389 7390 7391 </div> 7392 7393 7394 <div class="flex flex-col gap-1"> 7395 7396 7397 </div> 7398 7399 </div> 7400 </div> 7401 7402 7403 7404 </div> 7405</div> 7406 7407 7408 7409 7410 7411 7412 7413 </div> 7414 7415 </div> 7416 </div> 7417 7418 </div> 7419</section> 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 <div class="flex flex-col py-8 gap-10 "> 7431 7432 7433 7434 7435 7436 7437 7438 7439 <div class="module-header w-full flex justify-between items-center text-black py-2 header-bg-standard"> 7440 <div class="flex flex-col "> 7441 <span class="text-med lg:text-large font-bold">All Collections</span> 7442 7443 </div> 7444 7445 </div> 7446 7447 7448 7449 7450 7451 7452 7453 7454 <div class="carousel relative " 7455 id="cr-bfefdc8a22" 7456 data-items-per-view="5" 7457 data-show-dots="true"> 7458 <div class="carousel-container flex items-center"> 7459 7460 7461 7462<button class="carousel-prev absolute left-0 z-3 bg-white/85 cursor-pointer rounded-r-full p-2 pl-2 border-y border-r border-white hidden " style="box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);" aria-label="Previous items"> 7463 7464 7465 7466 7467 7468 <svg class="text-current " style="width: 29px; height: 29px;" fill="none" viewBox="0 0 13 29"> 7469 7470 <title></title> 7471 7472 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="4" d="M11 2 2 14.5 11 27"/> 7473 </svg> 7474 7475 7476</button> 7477<button class="carousel-next absolute right-0 z-3 bg-white/85 cursor-pointer rounded-l-full p-2 pr-2 border-y border-l border-white hidden" style="box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);" aria-label="Next items"> 7478 7479 7480 7481 7482 7483 <svg class="text-current " style="width: 29px; height: 29px;" fill="none" viewBox="0 0 13 29"> 7484 7485 <title></title> 7486 7487 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" stroke-width="4" d="m2 27 9-12.5L2 2"/> 7488 </svg> 7489 7490 7491</button> 7492 7493 <div class="carousel-track-container overflow-hidden flex-1"> 7494 <div class="carousel-track flex transition-transform duration-300 ease-in-out mx-[-12px]"> 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 <div class="carousel-item px-3 flex-shrink-0 flex flex-col " style="width: 20; min-width: 20; max-width: 300px;"> 7508 <div class="flex flex-col h-full"> 7509 <a href="/collections/new-yarn" class="card-image-zoom-group flex flex-col h-full no-underline text-inherit"> 7510 <div class="flex-shrink-0 w-full h-auto overflow-hidden corner-classes"> 7511 7512 <img src="//www.yarn.com/cdn/shop/files/New_Yarn.svg?crop=center&height=400&v=1769693720&width=400" alt="New Yarn" width="400" height="400" class="object-cover w-full h-auto aspect-square" /> 7513 7514 </div> 7515 7516 <div class="flex-1 flex flex-col text-left"> 7517 <div class="py-5 pr-2 w-full">
7518 <span class="card-item-label line-clamp-3">New Yarn</span> 7519 </div> 7520 7521 </div> 7522 </a> 7523 </div> 7524 </div> 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 <div class="carousel-item px-3 flex-shrink-0 flex flex-col " style="width: 20; min-width: 20; max-width: 300px;"> 7541 <div class="flex flex-col h-full"> 7542 <a href="/collections/yarn-by-fiber" class="card-image-zoom-group flex flex-col h-full no-underline text-inherit"> 7543 <div class="flex-shrink-0 w-full h-auto overflow-hidden corner-classes"> 7544 7545 <img src="//www.yarn.com/cdn/shop/files/Yarn_by_Fiber.png?crop=center&height=400&v=1770309768&width=400" alt="Yarn By Fiber" width="400" height="400" class="object-cover w-full h-auto aspect-square" /> 7546 7547 </div> 7548 7549 <div class="flex-1 flex flex-col text-left"> 7550 <div class="py-5 pr-2 w-full"> 7551 <span class="card-item-label line-clamp-3">Yarn By Fiber</span> 7552 </div> 7553 7554 </div> 7555 </a> 7556 </div> 7557 </div> 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 <div class="carousel-item px-3 flex-shrink-0 flex flex-col " style="width: 20; min-width: 20; max-width: 300px;"> 7574 <div class="flex flex-col h-full"> 7575 <a href="/collections/yarn-by-type" class="card-image-zoom-group flex flex-col h-full no-underline text-inherit"> 7576 <div class="flex-shrink-0 w-full h-auto overflow-hidden corner-classes"> 7577 7578 <img src="//www.yarn.com/cdn/shop/files/yarnbytype.png?crop=center&height=400&v=1773159567&width=400" alt="Yarn By Type" width="400" height="400" class="object-cover w-full h-auto aspect-square" /> 7579 7580 </div> 7581 7582 <div class="flex-1 flex flex-col text-left"> 7583 <div class="py-5 pr-2 w-full"> 7584 <span class="card-item-label line-clamp-3">Yarn By Type</span> 7585 </div> 7586 7587 </div> 7588 </a> 7589 </div> 7590 </div> 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 <div class="carousel-item px-3 flex-shrink-0 flex flex-col " style="width: 20; min-width: 20; max-width: 300px;"> 7607 <div class="flex flex-col h-full"> 7608 <a href="/collections/yarn-by-weight" class="card-image-zoom-group flex flex-col h-full no-underline text-inherit"> 7609 <div class="flex-shrink-0 w-full h-auto overflow-hidden corner-classes"> 7610 7611 <img src="//www.yarn.com/cdn/shop/files/Yarn_by_Weight.png?crop=center&height=400&v=1770309768&width=400" alt="Yarn By Weight" width="400" height="400" class="object-cover w-full h-auto aspect-square" /> 7612 7613 </div> 7614 7615 <div class="flex-1 flex flex-col text-left"> 7616 <div class="py-5 pr-2 w-full"> 7617 <span class="card-item-label line-clamp-3">Yarn By Weight</span> 7618 </div> 7619 7620 </div> 7621 </a> 7622 </div> 7623 </div> 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 7635 7636 7637 7638 7639 <div class="carousel-item px-3 flex-shrink-0 flex flex-col " style="width: 20; min-width: 20; max-width: 300px;"> 7640 <div class="flex flex-col h-full"> 7641 <a href="/pages/yarn-by-brand" class="card-image-zoom-group flex flex-col h-full no-underline text-inherit"> 7642 <div class="flex-shrink-0 w-full h-auto overflow-hidden corner-classes"> 7643 7644 <img src="//www.yarn.com/cdn/shop/files/Yarn_by_Brand.png?crop=center&height=400&v=1773159622&width=400" alt="Yarn by Brand" width="400" height="400" class="object-cover w-full h-auto aspect-square" /> 7645 7646 </div> 7647 7648 <div class="flex-1 flex flex-col text-left"> 7649 <div class="py-5 pr-2 w-full"> 7650 <span class="card-item-label line-clamp-3">Yarn by Brand</span> 7651 </div> 7652 7653 </div> 7654 </a> 7655 </div> 7656 </div> 7657 7658 7659 7660 7661 </div> 7662 </div> 7663 </div> 7664 7665 <div class="carousel-position-indicator-container w-full flex justify-center"> 7666 <div class="carousel-position-indicator mt-2"> 7667 <!-- Dots are generated dynamically --> 7668 </div> 7669 </div> 7670 </div> 7671 7672 </div> 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 7693 7694<section class="pt-18 pb-64 -mb-[272px] my-8 x-breakout bg-superLight"> 7695 <div class="container mx-auto"> 7696 <div class="[&_p]:text-textBlack [&_p]:text-med [&_p]:mb-4 [&_p:nth-of-type(1n+4)]:transition-all [&_p:nth-of-type(1n+4)]:duration-100 [&_p:nth-of-type(1n+4)]:ease-in-out [&_p:nth-of-type(1n+4)]:opacity-0 [&_p:nth-of-type(1n+4)]:max-h-0 [&_p:nth-of-type(1n+4)]:mb-0 [&_p:nth-of-type(1n+4)]:overflow-hidden [&_p.expanded]:!opacity-100 [&_p.expanded]:!max-h-96 [&_p.expanded]:!mb-4"> 7697 7698 <img src="//www.yarn.com/cdn/shop/files/Welcome-2603-02.jpg?v=1772726354&width=640" alt="" class="md:w-[360px] lg:w-[480px] xl:w-[640px] h-auto md:mr-8 lg:mr-10 mb-7 sm:mb-4 lg:mb-6 xl:mb-10 float-left" width="640" height="420"> 7699 7700 7701 <div class="metafield-rich_text_field"><p>Welcome to <a href="http://Yarn.com" target="_blank">Yarn.com</a>, the online home of WEBS.<br /> 7702<br /> 7703The WEBS you know and love from our Northampton store is right here at your fingertips, bringing decades of yarn expertise to a name that truly says it all.<br /> 7704<br /> 7705Since 1974, we've helped makers find the perfect yarn, discover new techniques, and cast on with confidence. What began as a small local yarn shop has grown into one of the country's most beloved fiber destinations, built on community, knowledge, and a genuine love of making.<br /> 7706<br /> 7707Now <a href="http://Yarn.com" target="_blank">Yarn.com</a> marks our next chapter and it's everything you've always counted on from WEBS. Thoughtfully curated yarns, trusted tools, inspiring patterns, and friendly, real-life expertise, all brought together in one easy-to-shop online home.<br /> 7708<br /> 7709Whether you've been visiting us for years or you're discovering us for the first time, we're so glad you're here.</p></div> 7710 7711 7712 <div class="clear-both" ></div> 7713 </div> 7714 </div> 7715</section> 7716 7717 7718 7719 7720 7721
7722<script type="application/ld+json"> 7723{ 7724 "@context": "https://schema.org", 7725 "@type": "WebSite", 7726 "url": "https://www.yarn.com", 7727 "name": "Yarn.com", 7728 "potentialAction": { 7729 "@type": "SearchAction", 7730 "target": "https://www.yarn.com/search?q={search_term_string}", 7731 "query-input": "required name=search_term_string" 7732 } 7733} 7734</script>
7734 7735 7736 7737</div> 7738 7739 </main> 7740 </div> 7741 <footer id="shopify-section-footer" class="shopify-section"><div class="footer mt-64 pt-32 relative bg-center pb-[112px]"> 7742 <div class="max-w-screen-xl mx-auto"> 7743 <div class="newsletter relative mx-4 -mt-[324px] mb-12 grid grid-cols-1 md:grid-cols-2 gap-8 items-center md:items-start pt-20 pb-16 md:pr-20 bg-cover md:bg-auto bg-left-top bg-no-repeat"> 7744 <div class="display-5 text-inherit text-center md:text-left font-title md:text-[48px] md:!leading-[68px] md:border-l-[12px] md:border-accent md:pl-9">Stay in the loop</div> 7745 7746 7747 7748<div class="flex flex-col gap-6 items-center justify-center md:items-start px-4 md:px-0 "> 7749 <div class="flex flex-col gap-1"> 7750 <div class="text-large text-center md:text-left self-center md:self-start md:text-xlarge">Get project inspiration, new yarn alerts and special offers straight to your inbox - plus 10% off your first order!</div> 7751 7752 </div> 7753 <div class="self-center md:self-start w-full"> 7754 7755 <form aria-label="Newsletter" id="ometria-email-form-644588530" action="https://api.ometria.com/forms/signup" method="post" class="contents"> 7756 <input type="hidden" name="__form_id" value="a75e61e2e9066b61c8d4df0e39f73afd" /> 7757 <input type="hidden" name="email" value="" autocomplete="off" /> 7758 <div style="display:none !important"> 7759 <label> 7760 Email address 7761 <input name="__email" type="email" value="" autocomplete="off" /> 7762 </label> 7763 </div> 7764 <input name="@account" type="hidden" value="8066324d1d3092b1" /> 7765 <input name="@return_url" type="hidden" value="https://www.yarn.com/" /> 7766 <input name="@subscription_status" type="hidden" value="SUBSCRIBED" /> 7767 <input name="properties.signup_source" type="hidden" value="footer" /> 7768 7769 <div class="flex gap-4 flex-col xs:flex-row"> 7770 <label for="newsletter_signup" class="sr-only">Email address</label> 7771 <input id="newsletter_signup" name="ue" type="email" required class="w-full xs:w-auto flex-2 px-3 py-2 rounded-full text-black appearance-none bg-white placeholder:text-black text-xs" placeholder="Email address" /> 7772 7773 7774 7775 7776 7777 <button style="line-height: normal" 7778 name="submit" 7779 7780 7781 7782 type="submit" 7783 class="border-2 flex items-center justify-center gap-2 py-1 px-2 transition-colors btn-primary !border-[1.5px] !border-white !bg-transparent hover:!bg-white hover:!text-primary rounded-full justify-center px-8 py-2 text-[15px] leading-none capitalize flex-1 w-full xs:w-auto" 7784 > 7785 <span class="button-label">Subscribe</span> 7786 7787 </button> 7788 7789 7790 </div> 7791 </form> 7792
7792<script> 7793 ometria.ajaxFormSubmit("#ometria-email-form-644588530", (res) => { 7794 if (res.ok) { 7795 window.showToast({ 7796 message: "Thanks for subscribing to our newsletter", 7797 type: 'success' 7798 }); 7799 } else { 7800 window.showToast({ 7801 message: res?.errors?.[0]?.[1] ?? "Something went wrong", 7802 type: 'error' 7803 }); 7804 } 7805 }); 7806 </script>
7806 7807 <p class="text-xs mt-4"> 7808 You can unsubscribe by clicking the unsubscribe link in any email. Find out more about how we use your personal data in our <a href="/policies/privacy-policy" class="underline">Privacy Policy</a>. 7809 </p> 7810 </div> 7811 </div> 7812 7813 </div> 7814 7815 <div id="footer" class="mx-4 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-[220px_repeat(3,1fr)_128px] gap-12 grid-rows-[masonry]"> 7816 7817 <div class="order-last col-span-2 sm:col-span-3 lg:col-span-1 lg:order-none flex flex-col items-center lg:items-start gap-6 lg:gap-8 lg:mr-[40px]"> 7818 <img src="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&width=180" alt="Yarn.com" srcset="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&width=180 180w" width="180" height="51" class="footer-logo lg:w-full"> 7819 <p class="text-center md:text-left text-xs">© 2005 - 2025 All Rights Reserved WEBS© and Valley Yarns© are registered trademarks of Valley Fibers Corporation</p> 7820 <div class="grid grid-cols-5 lg:grid-cols-3 gap-x-2 gap-y-4 order-first lg:order-none max-w-80 mb-6 w-full justify-between"> 7821 7822 7823 <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 7824 7825 7826 <svg class="w-full h-auto" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558
78260 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> 7827 7828
7829 <svg class="w-full h-auto" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> 7830 7831 <svg class="w-full h-auto" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> 7832 7833 <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
783306zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> 7834 7835 7836 <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 7837 7838
7839 <svg class="w-full h-auto" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> 7840 7841 <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> 7842 7843 7844 <svg class="w-full h-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
784416.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 7845 7846 7847 </div> 7848 <ul class="flex gap-8 lg:w-full justify-between flex-wrap"> 7849 7850 <li><a href="https://www.facebook.com/websyarn" target="_blank" rel="noopener"> 7851 7852 7853 7854 7855 <svg class="text-current " style="width: 18px; height: 18px;" fill="none" viewBox="0 0 23.874001 23.786596"> 7856 <title>Facebook</title> 7857 <g clip-path="url(#clip2_3436_6259)" transform="translate(-101.415,-0.0415039)"><path d="m 113.352,0.0415039 c -6.592,0 -11.937,5.3444261 -11.937,11.9369961 0,5.598 3.854,10.2954 9.054,11.5855 v -7.9376 h -2.462 v -3.6479 h 2.462 v -1.5719 c 0,-4.06285 1.839,-5.94603 5.827,-5.94603 0.757,0 2.062,0.1485 2.596,0.29652 v 3.30654 c -0.282,-0.0296 -0.772,-0.0444 -1.379,-0.0444 -1.958,0 -2.714,0.74152 -2.714,2.66907 v 1.2902 h 3.899 l -0.67,3.6479 h -3.229 v 8.2017 C 120.71,23.1143 125.29,18.0816 125.29,11.9785 125.289,5.38593 119.945,0.0415039 113.352,0.0415039 Z" fill="currentColor"/></g><defs><clipPath id="clip2_3436_6259"><rect width="23.874001" height="23.7866" fill="white" transform="translate(101.415,0.0415039)" x="0" y="0" /></clipPath></defs> 7858 </svg> 7859 7860</a></li> 7861 7862 <li><a href="https://instagram.com/websyarn" target="_blank" rel="noopener"> 7863 7864 7865 7866 7867 <svg class="text-current " style="width: 18px; height: 18px;" fill="none" viewBox="0 0 23.860001 23.869301"> 7868 <title>Instagram</title> 7869 <g clip-path="url(#clip1_3436_6259)" transform="translate(-50.714599,-4.8828099e-4)"><path d="m 62.6516,2.15008 c 3.1894,0 3.5671,0.01399 4.8214,0.06994 1.1657,0.05129 1.7952,0.24713 2.2149,0.41033 0.5549,0.2145 0.9559,0.47562 1.3709,0.89062 0.4196,0.41966 0.6761,0.816 0.8906,1.37088 0.1632,0.41966 0.359,1.05381 0.4103,2.21487 0.056,1.25898 0.07,1.63668 0.07,4.82138 0,3.1895 -0.014,3.5672 -0.07,4.8215 -0.0513,1.1657 -0.2471,1.7952 -0.4103,2.2148 -0.2145,0.5549 -0.4756,0.9559 -0.8906,1.3709 -0.4197,0.4197 -0.816,0.6761 -1.3709,0.8906 -0.4197,0.1632 -1.0538,0.3591 -2.2149,0.4104 -1.259,0.0559 -1.6367,0.0699 -4.8214,0.0699 -3.1894,0 -3.5671,-0.014 -4.8214,-0.0699 -1.1658,-0.0513 -1.7952,-0.2472 -2.2149,-0.4104 -0.5549,-0.2145 -0.9559,-0.4756 -1.3709,-0.8906 -0.4197,-0.4196 -0.6761,-0.816 -0.8906,-1.3709 -0.1632,-0.4196 -0.359,-1.0538 -0.4103,-2.2148 -0.056,-1.259 -0.07,-1.6367 -0.07,-4.8215 0,-3.18937 0.014,-3.56706 0.07,-4.82138 0.0513,-1.16572 0.2471,-1.79521 0.4103,-2.21487 0.2145,-0.55488 0.4756,-0.95589 0.8906,-1.37088 0.4197,-0.41966 0.816,-0.67612 1.3709,-0.89062 0.4197,-0.1632 1.0538,-0.35904 2.2149,-0.41033 1.2543,-0.05595 1.632,-0.06994 4.8214,-0.06994 z m 0,-2.149591719 c -3.2407,0 -3.6464,0.013988619 -4.9194,0.069943219 -1.2683,0.0559545 -2.1402,0.2611215 -2.8956,0.5548835 -0.788,0.30775 -1.4548,0.713425 -2.117,1.380215 -0.6668,0.66213 -1.0724,1.32892 -1.3802,2.11229 -0.2937,0.76005 -0.4989,1.62734 -0.5549,2.89565 -0.0559,1.27763 -0.0699,1.6833 -0.0699,4.92403 0,3.2407 0.014,3.6463 0.0699,4.9193 0.056,1.2683 0.2612,2.1403 0.5549,2.8957 0.3078,0.788 0.7134,1.4548 1.3802,2.1169 0.6622,0.6621 1.329,1.0725 2.1123,1.3756 0.7601,0.2937 1.6274,0.4989 2.8957,0.5548 1.2729,0.056 1.6786,0.07 4.9193,0.07 3.2407,0 3.6464,-0.014 4.9194,-0.07 1.2683,-0.0559 2.1402,-0.2611 2.8956,-0.5548 0.7834,-0.3031 1.4502,-0.7135 2.1123,-1.3756 0.6621,-0.6621 1.0725,-1.3289 1.3756,-2.1123 0.2937,-0.76 0.4989,-1.6273 0.5548,-2.8956 0.056,-1.273 0.07,-1.6787 0.07,-4.9194 0,-3.24067 -0.014,-3.64634 -0.07,-4.91931 C 74.4487,5.75449 74.2435,4.88253 73.9498,4.12714 73.656,3.33445 73.2503,2.66766 72.5835,2.00553 71.9214,1.3434 71.2546,0.933065 70.4712,0.629978 69.7112,0.336216 68.8439,0.131049 67.5756,0.0750944 66.298,0.0144769 65.8923,4.88281e-4 62.6516,4.88281e-4 Z" fill="currentColor" /><path d="m 62.6446,5.80469 c -3.3833,0 -6.1281,2.7459 -6.1281,6.13051 0,3.3846 2.7448,6.1305 6.1281,6.1305 3.3832,0 6.1281,-2.7459 6.1281,-6.1305 0,-3.38461 -2.7449,-6.13051 -6.1281,-6.13051 z m 0,10.10711 c -2.195,0 -3.9751,-1.7808 -3.9751,-3.9766 0,-2.19581 1.7801,-3.97668 3.9751,-3.97668 2.1949,0 3.9751,1.78087 3.9751,3.97668 0,2.1958 -1.7802,3.9766 -3.9751,3.9766 z" fill="currentColor" /><path d="m 70.4457,5.56258 c 0,0.79253 -0.6431,1.43122 -1.4307,1.43122 -0.7922,0 -1.4306,-0.64335 -1.4306,-1.43122 0,-0.79254 0.6431,-1.43123 1.4306,-1.43123 0.7876,0 1.4307,0.64335 1.4307,1.43123 z" fill="currentColor" /></g><defs><clipPath id="clip1_3436_6259"><rect width="23.860001" height="23.869301" fill="white" transform="translate(50.7146,4.88281e-4)" x="0" y="0" /></clipPath></defs> 7870 </svg> 7871 7872</a></li> 7873 7874 <li><a href="https://www.youtube.com/c/websyarn" target="_blank" rel="noopener"> 7875 7876 7877 7878 7879 <svg class="text-current " style="width: 18px; height: 18px;" fill="none" viewBox="0 0 23.8738 16.791039"> 7880 <title>YouTube</title> 7881 <g clip-path="url(#clip0_3436_6259)" transform="translate(0,-3.53906)"><path d="m 23.636,7.16212 c 0,0 -0.2331,-1.64599 -0.9512,-2.36874 C 21.7755,3.84215 20.759,3.83749 20.2928,3.78153 16.9541,3.53906 11.9415,3.53906 11.9415,3.53906 h -0.0093 c 0,0 -5.0126,0 -8.35123,0.24247 C 3.11468,3.83749 2.09818,3.84215 1.18891,4.79338 0.470829,5.51613 0.242348,7.16212 0.242348,7.16212 c 0,0 -0.24247007,1.9351 -0.24247007,3.86558 v 1.8092 c 0,1.9304 0.23780707,3.8655 0.23780707,3.8655 0,0 0.233144,1.646 0.946565,2.3687 0.90926,0.9513 2.1029
78816,0.9186 2.63453,1.0212 1.91178,0.1819 8.11812,0.2378 8.11812,0.2378 0,0 5.0172,-0.0093 8.3559,-0.2471 0.4662,-0.056 1.4827,-0.0606 2.392,-1.0119 0.7181,-0.7227 0.9512,-2.3687 0.9512,-2.3687 0,0 0.2378,-1.9305 0.2378,-3.8655 v -1.8092 c 0,-1.93048 -0.2378,-3.86558 -0.2378,-3.86558 z M 9.4702,15.0331 V 8.32318 l 6.4488,3.36662 z" fill="#ffffff" /></g><defs><clipPath id="clip0_3436_6259"><rect width="23.874001" height="23.754299" fill="#ffffff" transform="translate(0,0.0576172)" x="0" y="0" /></clipPath></defs> 7882 </svg> 7883 7884</a></li> 7885 7886 </ul> 7887 </div> 7888 7889 7890 7891 7892 <div class="footer-menu px-6 md:px-0"> 7893 <div class="text-light text-[16px] leading-[20px] uppercase">About Yarn.com</div> 7894 7895 <ul class="text-[16px] leading-[24px] mt-6 flex flex-col gap-y-4 md:gap-y-3"> 7896 7897 <li class=""> 7898 7899 <a href="/blogs/the-yarn-diary" >Blog</a> 7900 </li> 7901 7902 <li class=""> 7903 7904 <a href="/pages/about-us" >About Us</a> 7905 </li> 7906 7907 <li class=""> 7908 7909 <a href="/pages/loyalty" >Loyalty - Yarn Circle</a> 7910 </li> 7911 7912 <li class=""> 7913 7914 <a href="/pages/retail-store" >WEBS Retail Store</a> 7915 </li> 7916 7917 <li class=""> 7918 7919 <a href="/pages/reviews" >Reviews</a> 7920 </li> 7921 7922 <li class=""> 7923 7924 <a href="/policies/terms-of-service" >Terms of Use</a> 7925 </li> 7926 7927 <li class=""> 7928 7929 <a href="/policies/privacy-policy" >Privacy Policy</a> 7930 </li> 7931 7932 </ul> 7933 7934 </div> 7935 7936 <div class="footer-menu px-6 md:px-0"> 7937 <div class="text-light text-[16px] leading-[20px] uppercase">Shop</div> 7938 7939 <ul class="text-[16px] leading-[24px] mt-6 flex flex-col gap-y-4 md:gap-y-3"> 7940 7941 <li class=""> 7942 7943 <a href="/pages/all-yarn" >Yarn</a> 7944 </li> 7945 7946 <li class=""> 7947 7948 <a href="/pages/all-brands" >Brands</a> 7949 </li> 7950 7951 <li class=""> 7952 7953 <a href="/collections/all-patterns-and-projects" >Patterns</a> 7954 </li> 7955 7956 <li class=""> 7957 7958 <a href="/collections/knitting-yarn" >Knitting</a> 7959 </li> 7960 7961 <li class=""> 7962 7963 <a href="/collections/crochet-yarn" >Crochet</a> 7964 </li> 7965 7966 <li class=""> 7967 7968 <a href="/collections/weaving-yarn" >Weaving</a> 7969 </li> 7970 7971 <li class=""> 7972 7973 <a href="/collections/closeout-yarns" >Sale</a> 7974 </li> 7975 7976 <li class=""> 7977 7978 <a href="/pages/learning" >Learning</a> 7979 </li> 7980 7981 <li class=""> 7982 7983 <a href="/collections" >All Collections</a> 7984 </li> 7985 7986 <li class=""> 7987 7988 <a href="/pages/all-free-knitting-patterns" >Free Patterns</a> 7989 </li> 7990 7991 </ul> 7992 7993 </div> 7994 7995 <div class="footer-menu px-6 md:px-0"> 7996 <div class="text-light text-[16px] leading-[20px] uppercase">Support</div> 7997 7998 <ul class="text-[16px] leading-[24px] mt-6 flex flex-col gap-y-4 md:gap-y-3"> 7999 8000 <li class=""> 8001 8002 <a href="/policies/contact-information" >Contact Us</a> 8003 </li> 8004 8005 <li class=""> 8006 8007 <a href="/policies/shipping-policy" >Shipping Info</a> 8008 </li> 8009 8010 <li class=""> 8011 8012 <a href="/policies/refund-policy" >Refund Policy</a> 8013 </li> 8014 8015 <li class=""> 8016 8017 <a href="https://help.yarn.com" >Help Center</a> 8018 </li> 8019 8020 <li class=""> 8021 8022 <a href="/pages/accessibility" >Accessibility</a> 8023 </li> 8024 8025 <li class=""> 8026 8027 <a href="/pages/faq" >FAQs</a> 8028 </li> 8029 8030 <li class="w-[82vw] text-center sm:text-left sm:w-auto"> 8031 8032 <a href="tel:1-800-367-9327" class="whitespace-nowrap leading-[22px] md:leading-[24px] text-[24px] font-bold sm:text-[16
8032px] sm:font-normal">1-800-367-9327</a> 8033 </li> 8034 8035 <li class="w-[82vw] text-center sm:text-left sm:w-auto"> 8036 8037 <a href="mailto:[email protected]" class="whitespace-nowrap leading-[22px] md:leading-[24px] text-[20px] font-bold sm:text-[16px] sm:font-normal">[email protected]</a> 8038 </li> 8039 8040 </ul> 8041 8042 </div> 8043 8044 8045 <div class="order-last col-span-2 sm:col-span-3 lg:col-span-1 flex flex-col gap-4 items-center xl:items-end"> 8046 8047 <style>.oke-largeBadge-count {left:0;}</style> 8048 <a href="/pages/reviews"><div data-oke-badge data-oke-layout="large" data-oke-color-scheme="dark" data-oke-star-background-color="#E5E5E5" data-oke-reviews-product-id="shopify-site-reviews-54be32b3-f3fe-4223-af02-977d79ad9fdd"></div></a> 8049 8050 </div> 8051 </div> 8052 <div class="max-lg:text-center mt-16"> 8053 <selector-root data-id=MY453921 id="MY453921"></selector-root> 8054 </div> 8055 </div> 8056</div> 8057 8058 8059 8060
8061<script> 8062(function() { 8063 function masonryPolyfill(grid, items) { 8064 const gridStyle = getComputedStyle(grid); 8065 if (gridStyle.gridTemplateRows === 'masonry') return; 8066 8067 const resizeObserver = new ResizeObserver(() => 8068 requestAnimationFrame(() => adjustGridItems(grid, items)), 8069 ); 8070 resizeObserver.observe(grid); 8071 } 8072 8073 function adjustGridItems(grid, items) { 8074 items.forEach(({ style }) => { 8075 style.removeProperty('margin-top'); 8076 }); 8077 8078 const gridStyle = getComputedStyle(grid); 8079 const gap = parseFloat(gridStyle.rowGap); 8080 8081 const itemCols = items.values().reduce((accumulator, elem) => { 8082 const left = elem.getBoundingClientRect().left; 8083 accumulator[left] = accumulator[left] || []; 8084 accumulator[left].push(elem); 8085 return accumulator; 8086 }, {}); 8087 8088 Object.values(itemCols).forEach((i) =>{ 8089 i.forEach((item, index) => { 8090 if (index > 0) { 8091 const { bottom: prevBottom } = i[index-1].lastElementChild.getBoundingClientRect(); 8092 const { top } = item.getBoundingClientRect(); 8093 8094 item.style.setProperty('margin-top', `${prevBottom + gap - top}px`); 8095 } 8096 }); 8097 }) 8098 } 8099 8100 const footer = document.getElementById('footer'); 8101 masonryPolyfill(footer, footer.querySelectorAll('.footer-menu')); 8102}()); 8103</script>
8103 8104 8105 8106</footer> 8107 8108 <dialog 8109 id="cart-drawer" 8110 class="cart-drawer fixed top-auto md:top-0 bottom-0 md:bottom-auto right-0 h-auto md:h-screen 8111 max-h-[90dvh] md:max-h-screen w-full max-w-full md:max-w-[500px] bg-transparent md:bg-white shadow-lg p-0 m-0 8112 ml-auto border-0 overflow-hidden z-11"> 8113 8114 <div 8115 id="cart-drawer-content" 8116 class="flex flex-col h-full overflow-hidden"> 8117 <div id="shopify-section-cart-drawer" class="shopify-section"> 8118 8119<div id="cart-drawer-inner" class="flex flex-col h-full min-h-[60dvh] max-h-[90dvh] md:max-h-full md:h-full justify-between" data-item-count="0"> 8120 8121 8122 8123 <div id="cart-drawer-header" class="flex items-center justify-between mx-0 md:mx-7.5 pl-6 pr-2 md:pl-0 md:pr-0 pt-0 md:pt-6 pb-4 8124 border-b border-light shrink-0 order-0 md:order-1"> 8125 <div class="flex flex-row gap-2"> 8126 <h4 class="font-title text-[32px] font-extrabold text-white md:text-primary"> Added to your cart! </h4> 8127 </div> 8128 <button id="cart-drawer-close" class="p-2 cursor-pointer text-white md:text-gray hover:text-primary transition-colors outline-none" aria-label="Close cart"> 8129 8130 8131 8132 8133 8134 <svg class="text-current " style="width: 25px; height: 25px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"> 8135 8136 <title></title> 8137 8138 <line x1="18" y1="6" x2="6" y2="18"></line> 8139 <line x1="6" y1="6" x2="18" y2="18"></line> 8140 </svg> 8141 8142 8143 </button> 8144 </div> 8145 8146 <div id="cart-drawer-body" class="flex-1 overflow-y-auto no-scrollbar pt-4 pb-0 md:pt-6 order-2 bg-white z-0 -mb-8 md:mb-0"> 8147 8148 8149 <div class="flex flex-col items-center justify-center h-full py-16 px-4 md:px-6 text-center gap-4"> 8150 8151 8152 8153 8154 8155 <svg class="text-current text-light mx-auto" style="width: 60px; height: 60px;" width="40" height="30" viewBox="0 0 40 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 8156 8157 <title></title> 8158 8159 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6005 21.0996C16.4005 21.0996 15.4004 22.0996 15.4004 23.2996C15.4004 24.4996 16.4005 25.4996 17.6005 25.4996C18.8005 25.4996 19.8004 24.4996 19.8004 23.2996C19.8004 21.9996 18.8005 21.0996 17.6005 21.0996Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 8160 <path fill-rule="evenodd" clip-rule="evenodd" d="M26.4 21.0996C25.2 21.0996 24.2001 22.0996 24.2001 23.2996C24.2001 24.4996 25.2 25.4996 26.4 25.4996C27.6 25.4996 28.6001 24.4996 28.6001 23.2996C28.6001 21.9996 27.6 21.0996 26.4 21.0996Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 8161 <path d="M30.4 8.5L29.2001 15.3C29.0001 16.4 27.9 17.3 26.8 17.3H23.6001H21.1001H16.4C15.3 17.3 14.2 16.4 14 15.3L12.5 7.09999C12 4.59999 11.3001 4 10.6001 4H7" stroke="currentColor" stroke-width="2" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/> 8162 </svg> 8163 8164 8165 <p class="text-regular text-gray">Your Cart Is Empty</p> 8166 <a href="/" class="btn-primary px-8 py-3 text-regular font-semibold no-underline"> 8167 Start Shopping 8168 </a> 8169 </div> 8170 8171 </div> 8172 8173 8174 8175</div> 8176 8177 8178</div> 8179 </div> 8180 8181</dialog> 8182 8183<div 8184 id="cart-drawer-overlay" 8185 class="cart-drawer-overlay fixed inset-0 bg-black/60 z-10 hidden" 8186 aria-hidden="true"> 8187</div> 8188 8189
8189<script src="//www.yarn.com/cdn/shop/t/2/assets/cart-drawer.js?v=14024356114916568831781627197" type="text/javascript" defer="defer"></script>
8189 8190 8191 8192 8193 8194
8194<script src="https://pixel.marqo-ep.ai/c/4dd951f4-14fd-4911-afa8-4e3b945c84fa/p.min.js" defer></script>
8194 8195 8196 8197 8198 8199 8200 8201<div id="shopify-block-AVlpUYUJQaHM1S0Mwe__3710098148534643689" class="shopify-block shopify-app-block">
8201<script> 8202 function QuiklyAppEmbedBlock() { 8203 var excludeTemplates = ''; 8204 if (excludeTemplates !== '') { 8205 var excludedTemplateArray = excludeTemplates.split(','); 8206 if (excludedTemplateArray.indexOf('index') !== -1) { 8207 return; 8208 } 8209 } 8210 8211 (function (d) { 8212 if (d.getElementById('quikly-embed-js')) { 8213 return; 8214 } 8215 var env = ''; 8216 s = d.createElement("script"); 8217 s.id = 'quikly-embed-js'; 8218 s.src = env === '' ? 'https://pixel.quikly.com/embed/js' : (env + 'embed/js'); 8219 s.async = true; 8220 f = d.scripts[0]; 8221 f.parentNode.insertBefore(s, f); 8222 })(document); 8223 window.qData || (window.qData = function() { 8224 (window.qDataLayer = window.qDataLayer || []).push(arguments); 8225 }); 8226 8227 const uiObject = { 8228 platformData: { 8229 platform: 'shopify', 8230 template: 'index', 8231 page: '', 8232 cartAttributes: {}, 8233 cartItems: [], 8234 discountApplications: [], 8235 cartLevelDiscountApplications: [], 8236 8237 localization: { 8238 country_code: "US", 8239 language_code: "en", 8240 currency_code: "USD" 8241 }, 8242 8243 }, 8244 placements: 'auto', 8245 } 8246 const params = new URLSearchParams(window.location.search); 8247 let preview = params.get('q_preview'); 8248 let hashid = params.get('q_hashid'); 8249 if (!preview || !hashid) { 8250 try { 8251 const storedPreview = sessionStorage.getItem('quikly_preview_state'); 8252 if (storedPreview) { 8253 const parsed = JSON.parse(storedPreview); 8254 preview = preview || parsed.q_preview; 8255 hashid = hashid || parsed.q_hashid; 8256 } 8257 } catch (e) {} 8258 } 8259 if (hashid && preview) { 8260 uiObject.preview = preview; 8261 uiObject.ids = [hashid]; 8262 } 8263 qData('config', 'm/nzMhnVqL'); 8264 qData('ui', uiObject); 8265 } 8266 QuiklyAppEmbedBlock(); 8267 window.QuiklyRoutes = { 8268 cart_update_url: '/cart/update', 8269 cart_url: '/cart', 8270 cart_add_url: '/cart/add' 8271 }; 8272</script>
8272 8273 8274 8275</div><div id="shopify-block-AeUZlT0ppZm1EU1ZxW__10223258410116932403" class="shopify-block shopify-app-block"> 8276 8277 8278
8279<script> 8280(function() { 8281 var BB_KEY = '_bb'; 8282 var COOKIE_DAYS = 30; 8283 var bbFromUrl = new URLSearchParams(window.location.search).get('bb'); 8284 8285 // Read existing cookie 8286 var bbFromCookie = null; 8287 var match = document.cookie.match(new RegExp('(?:^|; )' + BB_KEY + '=([^;]*)')); 8288 if (match) bbFromCookie = decodeURIComponent(match[1]); 8289 8290 // Last-click: URL param always wins 8291 if (bbFromUrl) { 8292 var expires = new Date(Date.now() + COOKIE_DAYS * 864e5).toUTCString(); 8293 document.cookie = BB_KEY + '=' + encodeURIComponent(bbFromUrl) 8294 + '; expires=' + expires + '; path=/; SameSite=Lax'; 8295 try { localStorage.setItem(BB_KEY, bbFromUrl); } catch (e) {} 8296 } 8297 8298 var bb = bbFromUrl || bbFromCookie; 8299 if (!bb) return; 8300 8301 // Write to cart attributes as bonus audit trail 8302 fetch('/cart/update.js', { 8303 method: 'POST', 8304 headers: { 'Content-Type': 'application/json' }, 8305 body: JSON.stringify({ attributes: { bb: bb } }) 8306 }).catch(function() {}); 8307})(); 8308</script>
8308 8309</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block"> 8310 8311
8312<script> 8313 console.log("[Alia app extension] v1.0.5"); 8314 8315 const BACKEND_URL = "https://backend.alia-prod.com"; 8316 8317 window.ALIA_SHOPIFY_EXTENSION_INFO = { 8318 customerID: "", 8319 country: "US", 8320 market: "united-states", 8321 language: "en" 8322 } 8323 8324 if (document.readyState !== "loading") { 8325 initAlia(); 8326 } else { 8327 document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true }); 8328 } 8329 8330 async function initAlia() { 8331 const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=feamu9-1k.myshopify.com"; 8332 const script = document.createElement("script"); 8333 script.src = url; 8334 script.async = true; 8335 document.head.appendChild(script); 8336 } 8337</script>
8337 8338 8339</div><div id="shopify-block-AVHAvNFplNFNQYXVHR__7300323368953708421" class="shopify-block shopify-app-block"> 8340 8341 8342
8343<script> 8344 window.trackerConfig = { 8345 configValue: "{\"dataplaneUrl\":\"https:\/\/lovecraftsedgg.dataplane.rudderstack.com\",\"writeKey\":\"37F7Rbbx9H2yiBwetH8IpBbbiOz\"}" 8346 }; 8347 window.customerData = { 8348 id: null, 8349 email: null, 8350 firstName: null, 8351 lastName: null 8352 }; 8353</script>
8353</div><div id="shopify-block-ASTcyV2pTYldhSTRvW__12893132836628567133" class="shopify-block shopify-app-block"> 8354</div>
8354<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8354 8355</body> 8356</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.