PageSourceSearch

https://www.yarn.com/

html yarn.com collected 2026-09-24 10:19:42 UTC 484,607 bytes, 8,356 lines download raw bytes

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 &amp; Weaving Yarn | America&#39;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 &amp; Weaving Yarn | America&#39;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="{&quot;publisher_shop_id&quot;:99752247642,&quot;theme_id&quot;:189670850906,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;&quot;,&quot;page_type&quot;:&quot;home&quot;},&quot;recommendations_tracking_enabled&quot;: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&amp;width=180" alt="Yarn.com" srcset="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&amp;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&amp;height=16&amp;v=1770902330&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Yarn.svg?crop=center&amp;height=16&amp;v=1770902330&amp;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&amp;height=100&amp;v=1769694642&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&amp;height=100&amp;v=1769694642&amp;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&amp;height=100&amp;v=1769694577&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/New_Yarn_29c1c28d-ff00-4842-83c1-7806a4703d7a.svg?crop=center&amp;height=100&amp;v=1769694577&amp;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&amp;height=100&amp;v=1769694642&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&amp;height=100&amp;v=1769694642&amp;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&amp;height=100&amp;v=1769694738&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&amp;height=100&amp;v=1769694738&amp;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&amp;height=100&amp;v=1769694773&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&amp;height=100&amp;v=1769694773&amp;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&amp;height=100&amp;v=1769694866&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Yarn_by_Weight_950f6e3e-8312-4433-8ca3-44366dff888b.svg?crop=center&amp;height=100&amp;v=1769694866&amp;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&amp;height=100&amp;v=1769694896&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Yarn_by_Fiber.svg?crop=center&amp;height=100&amp;v=1769694896&amp;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&amp;height=100&amp;v=1773159739&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/by_brand.svg?crop=center&amp;height=100&amp;v=1773159739&amp;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&amp;height=16&amp;v=1770901503&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Vector_3.svg?crop=center&amp;height=16&amp;v=1770901503&amp;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&amp;height=29&amp;v=1778838740&amp;width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/New.svg?crop=center&amp;height=29&amp;v=1778838740&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1778839155&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&amp;height=29&amp;v=1778839155&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1770019562&amp;width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&amp;height=29&amp;v=1770019562&amp;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&amp;height=29&amp;v=1770019385&amp;width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&amp;height=29&amp;v=1770019385&amp;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&amp;height=29&amp;v=1770019430&amp;width=29" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&amp;height=29&amp;v=1770019430&amp;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&amp;height=16&amp;v=1770902438&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Knitting.svg?crop=center&amp;height=16&amp;v=1770902438&amp;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&amp;height=100&amp;v=1769694642&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Yarn.svg?crop=center&amp;height=100&amp;v=1769694642&amp;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&amp;height=100&amp;v=1770019646&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Neelds.svg?crop=center&amp;height=100&amp;v=1770019646&amp;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&amp;height=100&amp;v=1770019562&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&amp;height=100&amp;v=1770019562&amp;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&amp;height=100&amp;v=1770019763&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Knitting_Accessories.svg?crop=center&amp;height=100&amp;v=1770019763&amp;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&amp;height=16&amp;v=1770902508&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Crochet.svg?crop=center&amp;height=16&amp;v=1770902508&amp;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&amp;height=100&amp;v=1769694738&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Yarn.svg?crop=center&amp;height=100&amp;v=1769694738&amp;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&amp;height=100&amp;v=1770019850&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Hooks.svg?crop=center&amp;height=100&amp;v=1770019850&amp;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&amp;height=100&amp;v=1770019385&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Patterns.svg?crop=center&amp;height=100&amp;v=1770019385&amp;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&amp;height=100&amp;v=1770019562&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&amp;height=100&amp;v=1770019562&amp;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&amp;height=100&amp;v=1770019946&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Crochet_Accessories.svg?crop=center&amp;height=100&amp;v=1770019946&amp;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&amp;height=16&amp;v=1770902567&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Weaving.svg?crop=center&amp;height=16&amp;v=1770902567&amp;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&amp;height=100&amp;v=1769694773&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Yarn.svg?crop=center&amp;height=100&amp;v=1769694773&amp;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&amp;height=100&amp;v=1770020045&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Looms.svg?crop=center&amp;height=100&amp;v=1770020045&amp;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&amp;height=100&amp;v=1770019430&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Drafts.svg?crop=center&amp;height=100&amp;v=1770019430&amp;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&amp;height=100&amp;v=1770020078&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Weaving_Tools.svg?crop=center&amp;height=100&amp;v=1770020078&amp;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&amp;height=100&amp;v=1770019562&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Books_and_Magazines.svg?crop=center&amp;height=100&amp;v=1770019562&amp;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&amp;height=100&amp;v=1770020102&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Toika.svg?crop=center&amp;height=100&amp;v=1770020102&amp;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&amp;height=16&amp;v=1778231904&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/small_spinning.svg?crop=center&amp;height=16&amp;v=1778231904&amp;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&amp;height=100&amp;v=1770020258&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Spinning_Fiber.svg?crop=center&amp;height=100&amp;v=1770020258&amp;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&amp;height=100&amp;v=1770020297&amp;width=100" alt="" srcset="//www.yarn.com/cdn/shop/files/Spinning_Tools.svg?crop=center&amp;height=100&amp;v=1770020297&amp;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&amp;height=16&amp;v=1773326695&amp;width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/Sale.svg?crop=center&amp;height=16&amp;v=1773326695&amp;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&amp;height=16&amp;v=1773326535&amp;width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/GiftCard_Icon_ea80853b-8261-4ae8-a39a-bf78c0ae4d76.svg?crop=center&amp;height=16&amp;v=1773326535&amp;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&amp;height=16&amp;v=1770902151&amp;width=16" alt="" srcset="//www.yarn.com/cdn/shop/files/Learning.svg?crop=center&amp;height=16&amp;v=1770902151&amp;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&amp;height=16&amp;v=1770901140&amp;width=16" alt="primary-navigation" srcset="//www.yarn.com/cdn/shop/files/Vector_2.svg?crop=center&amp;height=16&amp;v=1770901140&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_ab334d61-fe6b-4fef-9a10-35e502a8daad.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_8.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_1.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_10.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_6.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_4.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_2_9c7ed6c6-60e7-42cb-9e64-4622dece463d.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_11.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_5.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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 &amp; 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&amp;height=29&amp;v=1778839155&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Misc.svg?crop=center&amp;height=29&amp;v=1778839155&amp;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 &amp; 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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_7.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&amp;height=29&amp;v=1777281313&amp;width=29" alt="menu-icon" srcset="//www.yarn.com/cdn/shop/files/Vector_9.svg?crop=center&amp;height=29&amp;v=1777281313&amp;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&region_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 &amp; 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&#39;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&#39;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&#39;s everything you&#39;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&#39;ve been visiting us for years or you&#39;re discovering us for the first time, we&#39;re so glad you&#39;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&amp;width=180" alt="Yarn.com" srcset="//www.yarn.com/cdn/shop/files/logo.svg?v=1766065692&amp;width=180 180w" width="180" height="51" class="footer-logo lg:w-full">
7819        <p class="text-center md:text-left text-xs">&copy; 2005 - 2025 All Rights Reserved WEBS&copy; and Valley Yarns&copy; 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.