PageSourceSearch

https://beyondyoga.com/

html beyondyoga.com collected 2026-10-02 06:19:26 UTC 794,294 bytes, 13,999 lines download raw bytes

1<!doctype html>
2  <html class="no-js scroll-smooth" lang="en">
3    <head>
4      <meta name="referrer" content="strict-origin-when-cross-origin">
5      
5<script src="//consent.trustarc.com/autoblockasset/core.min.js?domain=www.beyondyoga.com"></script>
5
6      
6<script src="//consent.trustarc.com/autoblockoptout?domain=www.beyondyoga.com"></script>
6
7      <meta charset="utf-8">
8      <meta http-equiv="X-UA-Compatible" content="IE=edge">
9      <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
10      <meta name="theme-color" content="#000000">
11      <link rel="canonical" href="https://beyondyoga.com/">
12      <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
13      <link rel="dns-prefetch" href="//config.gorgias.chat">
14      <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
15      <link rel="dns-prefetch" href="//code.jquery.com">
16      <link rel="dns-prefetch" href="//cdn.jsdelivr.net">
17      <link rel="dns-prefetch" href="//asset.fwcdn3.com">
18      <link rel="dns-prefetch" href="//js.adsrvr.org">
19      <link rel="dns-prefetch" href="//bat.bing.com">
20      <link rel="dns-prefetch" href="//static.trackedweb.net">
21      <link rel="dns-prefetch" href="//consent.trustarc.com">
22      <link rel="dns-prefetch" href="//dev.visualwebsiteoptimizer.com">
23      <link rel="dns-prefetch" href="//track.securedvisit.com">
24      <link href="//beyondyoga.com/cdn/shop/t/2162/assets/theme.css?v=87013903642246741791790887701" rel="stylesheet" type="text/css" media="all" />
25      <link rel="preload" href="//beyondyoga.com/cdn/shop/t/2162/assets/NoiGrotesk-Regular.woff2?v=171567554718240911061789405392" as="font" type="font/woff2" crossorigin fetchpriority="high">
26      <link rel="preload" href="//beyondyoga.com/cdn/shop/t/2162/assets/ABCDiatypeMono-Regular.woff2?v=134172806924231325531789405373" as="font" type="font/woff2" crossorigin fetchpriority="high">
27
28      
29
30      
31      
32        
32<script async type="module" src="//asset.fwcdn3.com/js/module/fwn.js?business_id=g2r1rg"></script>
32
33        
33<script async nomodule src="//asset.fwcdn3.com/js/fwn.js?business_id=g2r1rg"></script>
33
34        
34<script async src="//asset.fwcdn3.com/js/integrations/shopify.js"></script>
34
35      
36  
37      
38<title>Yoga Clothes &amp; Activewear for Men &amp; Women | Beyond Yoga
39</title><meta name="description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day.">
40  
41      
42        <link rel="shortcut icon" href="//beyondyoga.com/cdn/shop/files/Icon_1.png?v=1750716487&width=32" type="image/png">
43      
44  
45      
46
47<meta property="og:site_name" content="Beyond Yoga">
48<meta property="og:url" content="https://beyondyoga.com/">
49<meta property="og:title" content="Yoga Clothes &amp; Activewear for Men &amp; Women | Beyond Yoga">
50<meta property="og:type" content="website">
51<meta property="og:description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day."><meta name="twitter:card" content="summary_large_image">
52<meta name="twitter:title" content="Yoga Clothes &amp; Activewear for Men &amp; Women | Beyond Yoga">
53<meta name="twitter:description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day.">
54
55
56  
57      
57<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
57<meta name="google-site-verification" content="jya7qIMfUXy0119m-y1E4_BC2aADfakhjxGlKrjmeFU">
58<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26561413219/digital_wallets/dialog">
59<meta id="in-context-paypal-metadata" data-shop-id="26561413219" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
60<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
60<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3643408483"></script>
60
61<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
62<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3643408483&shop_id=26561413219" crossorigin="anonymous"></script>
vendor: 1 bytes, line 62
62
63<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":26561413219,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/26561413219","merchantName":"Beyond Yoga","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Beyond Yoga","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 63
63
64<script id="shopify-features" type="application/json">{"accessToken":"fa870dcc092c796ce2532a3837c79b17","betas":["rich-media-storefront-analytics"],"domain":"beyondyoga.com","predictiveSearch":true,"shopId":26561413219,"locale":"en"}</script>
vendor: 1 bytes, line 64
64
65<script>var Shopify = Shopify || {};
66Shopify.shop = "beyond-yoga-store.myshopify.com";
67Shopify.locale = "en";
68Shopify.currency = {"active":"USD","rate":"1.0"};
69Shopify.country = "US";
70Shopify.theme = {"name":"SEPT WEEK 5: DARK IVY + NEW ARRIVALS","id":143157493859,"schema_name":"SEED","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
71Shopify.theme.handle = "null";
72Shopify.theme.style = {"id":null,"handle":null};
73Shopify.cdnHost = "beyondyoga.com/cdn";
74Shopify.routes = Shopify.routes || {};
75Shopify.routes.root = "/";
76Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
77Shopify.SignInWithShop = Shopify.SignInWithShop || {};
78Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
79Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 79
79
80<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 80
80
81<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 81
81
82<script>
83  window.ShopifyPay = window.ShopifyPay || {};
84  window.ShopifyPay.apiHost = "shop.app\/pay";
85  window.ShopifyPay.redirectState = null;
86</script>
vendor: 1 bytes, line 86
86
87<script>
88  window.Shopify = window.Shopify || {};
89  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
90  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
91  window.Shopify.SignInWithShop.eligible = true;
92</script>
vendor: 1 bytes, line 92
92
93<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 93
93
94<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 94
94
95<script type="module">
96  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
97
98  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
99
100</script>
vendor: 1 bytes, line 100
100
101<script>
102  window.Shopify = window.Shopify || {};
103  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
104  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"]};
105</script>
vendor: 1 bytes, line 105
105
106<script>(function() {
107  var isLoaded = false;
108  function asyncLoad() {
109    if (isLoaded) return;
110    isLoaded = true;
111    var urls = ["https:\/\/hello.zonos.com\/shop-duty-tax\/hello.js?1698331799108\u0026shop=beyond-yoga-store.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0265\/6141\/3219\/t\/1004\/assets\/affirmShopify.js?v=1687280434\u0026shop=beyond-yoga-store.myshopify.com","https:\/\/apps.synctrack.io\/region-restrictions\/blockify-embed.min.js?shop=beyond-yoga-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/f671d4c124ca7401a3d2464a92c2cf21062a86fe8a22d2f95cacb74c114f5f26\/s3-us-west-2.amazonaws.com\/jsstore\/a\/OO9HQE4Q\/reids.js?shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/b1c2f479ef458114fed86824c48f3df56f6bef3fe8a1c5c6c866d1b5121401a7\/app.retention.com\/shopify\/shopify_app_add_to_cart_script.js?shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=beyond-yoga-store.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=56353\u0026v=shopifyApp_5.2.3\u0026ts=1762376662058\u0026shop=beyond-yoga-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/c9e718cacba823873cbbe7614d59d81d231fa5d091f9573a3794d927567e5aa7\/cdn.usemonocle.com\/store-embed\/index.js?loading_source=script_tag\/\u0026shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/backinstock.useamp.com\/widget\/24152_1783059586.js?category=bis\u0026v=6\u0026shop=beyond-yoga-store.myshopify.com"];
112    for (var i = 0; i < urls.length; i++) {
113      var s = document.createElement('script');
114      s.type = 'text/javascript';
115      s.async = true;
116      s.src = urls[i];
117      var x = document.getElementsByTagName('script')[0];
118      x.parentNode.insertBefore(s, x);
119    }
120  };
121  if(window.attachEvent) {
122    window.attachEvent('onload', asyncLoad);
123  } else {
124    window.addEventListener('load', asyncLoad, false);
125  }
126})();</script>
vendor: 1 bytes, line 126
126
127<script id="__st">var __st={"a":26561413219,"offset":-25200,"reqid":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964","pageurl":"beyondyoga.com\/","u":"44faa07013d8","p":"home"};</script>
vendor: 1 bytes, line 127
127
128<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 128
128
129<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 129
129
130<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//beyondyoga.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 130
130
131<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 = "//beyondyoga.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>
131<script crossorigin="anonymous" defer="defer" src="//beyondyoga.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 131
131
132<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 132
132
133<script>
134  window.Shopify = window.Shopify || {};
135  window.Shopify.MCP = window.Shopify.MCP || {};
136  window.Shopify.MCP.enabled = true;
137  window.Shopify.MCP.shop = "beyond-yoga-store.myshopify.com";
138  window.Shopify.MCP.mcpEndpoint = "https:\/\/beyondyoga.com\/api\/mcp";
139  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"]}}];
140</script>
vendor: 1 bytes, line 140
140
141<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("\/\/beyondyoga.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
142</script>
vendor: 1 bytes, line 142
142
143<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://beyondyoga.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
144</script>
vendor: 1 bytes, line 144
144
145<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
146  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);
147</script>
vendor: 1 bytes, line 147
147
148<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})}}));
149</script>
149
150<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://beyondyoga.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
151<style id="shopify-accelerated-checkout-cart">
152        #shopify-buyer-consent {
153  margin-top: 1em;
154  display: inline-block;
155  width: 100%;
156}
157
158#shopify-buyer-consent.hidden {
159  display: none;
160}
161
162#shopify-subscription-policy-button {
163  background: none;
164  border: none;
165  padding: 0;
166  text-decoration: underline;
167  font-size: inherit;
168  cursor: pointer;
169}
170
171#shopify-subscription-policy-button::before {
172  box-shadow: none;
173}
174
175      </style>
176<script id="sections-script" data-sections="section__firework-embed" defer="defer" src="//beyondyoga.com/cdn/shop/t/2162/compiled_assets/scripts.js?v=178895872683966581481789405440"></script>
vendor: 1 bytes, line 176
176
177<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
177
178  
179      <!-- click tracking -->
180<script>
181    // function that gets the path of the clicked element. Borrowed from Simo Ahava. https://www.simoahava.com/analytics/create-css-path-variable-for-click-element/
182   function gtm_get_click_element_path(element) {
183    var el = element;
184    if (el instanceof Node) {
185      // Build the list of elements along the path
186      var elList = [];
187      do {
188        if (el instanceof Element) {
189          var classString = el.classList ? [].slice.call(el.classList).join('.') : '';
190          var elementName = (el.tagName ? el.tagName.toLowerCase() : '') + 
191              (classString ? '.' + classString : '') + 
192              (el.id ? '#' + el.id : '');
193          if (elementName) elList.unshift(elementName);
194        }
195        el = el.parentNode
196      } while (el != null);
197      // Get the stringified element object name
198      var objString = element.toString().match(/\[object (\w+)\]/);
199      var elementType = objString ? objString[1] : element.toString();
200      var cssString = elList.join(' > ');
201      // Return the CSS path as a string, prefixed with the element object name
202      return cssString ? elementType + ': ' + cssString : elementType;
203    }
204   }
205    
206   window.addEventListener("click", function(event){
207
208     // track clicks on any element and push it to Shopify customer events
209     Shopify.analytics.publish("custom_click",{
210         click_element : gtm_get_click_element_path(event.target) || '',
211         click_id : event.target.id || '',
212         click_classes : event.target.className || '',
213         click_text : event.target.innerText || '',
214         click_target : event.target.target || '',
215         click_url : event.target.href || ''
216     });
217
218     // track link clicks and push it to Shopify customer events
219     var closestLink = event.target.closest('a')
220     if (closestLink){
221       Shopify.analytics.publish("custom_link_click",{
222         click_element : gtm_get_click_element_path(closestLink.target) || '',
223         click_id : closestLink.id || '',
224         click_classes : closestLink.className || '',
225         click_text : closestLink.innerText || '',
226         click_target : closestLink.target || '',
227         click_url : closestLink.href || ''
228       })
229     }
230  });
231</script>
231
232<!-- end of click tracking -->
233  
234      
235      <meta name="google-site-verification" content="CBOVV6ARWi-aERs3Slg_7gM-MJpv2at5kP5EhLMP5YQ" />
236      <meta name="google-site-verification" content="4R4Jwn8rRVMOO5yZOISeKZUW63ybvMyfuxa5RZ3rdKY" />
237  
238      
238<script>
239        window.currency = {
240          symbol: "$",
241          name: "United States Dollar",
242          code: "USD"
243        };
244        
245        window.doubleSale = {
246          tag: "",
247          tag2: "",
248          percentage: 1.0,
249          percentage2: 0.7
250        };
251        
252        
253        window.productCardPromo = {
254          tag: "",
255          tag2: "tag::15MENSTEES",
256          tag3: "",
257          text: "",
258          text2: "Buy 3 Men's Tees, Get 15% Off",
259          text3: "",
260          color: "#000000",
261          color2: "#000000",
262          color3: "#EA2F12"
263        };
264        
265      </script>
265
266  
267      
267<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
267
268
269      
269<script>
270        (function () {
271          function isInShopNow() {
272            if (window.location.search.indexOf('loop_') > -1) return true;
273            try {
274              var data = JSON.parse(localStorage.getItem('loop-onstore-data') || '{}');
275              return !!(data.active && data.params);
276            } catch (e) {
277              return false;
278            }
279          }
280
281          function applyLoopFlow() {
282            if (isInShopNow()) {
283              document.documentElement.classList.add('loop-flow');
284            }
285          }
286
287          function tagGiftCardLinks() {
288            document.querySelectorAll('a[href*="gift-card"]').forEach(function (link) {
289              link.classList.add('gift-card-link');
290            });
291          }
292
293          applyLoopFlow();
294          document.addEventListener('Loop:Activated', applyLoopFlow);
295
296          document.addEventListener('DOMContentLoaded', function () {
297            applyLoopFlow();
298            tagGiftCardLinks();
299          });
300        })();
301      </script>
301
302    <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
303<script type="text/javascript">
304  (function (c, l, a, r, i, t, y) {
305    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
306    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
307    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
308
309    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
310      if (error) {
311        console.error("Error loading Shopify features:", error);
312        return;
313      }
314
315      c[a]('consentv2', {
316        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
317        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
318        source: 101,
319      });
320    });
321
322    l.addEventListener("visitorConsentCollected", function (e) {
323      c[a]('consentv2', {
324        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
325        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
326        source: 101,
327      });
328    });
329  })(window, document, "clarity", "script", "uk04j4v9ak");
330</script>
330
331
332
333
334<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
335
336
337
338
339
340
341
342
343
344
345
346
347  
347<script async src="https://static.klaviyo.com/onsite/js/QD4YAs/klaviyo.js?company_id=QD4YAs"></script>
347
348  
348<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
348
349
350  
351
352
353
354
355  
355<script>
356    window.klaviyoReviewsProductDesignMode = false
357  </script>
357
358
359
360
361
362
363
364
365
366
367<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
368<script>
369  window.Rebuy = window.Rebuy || {};
370  window.Rebuy.customer = window.Rebuy.customer || {};
371  
372  window.Rebuy.market = window.Rebuy.market || {};
373  
374  window.Rebuy.market.country = "US";
375  
376  
377  window.Rebuy.market.locale = "en";
378  
379</script>
379
380
381
382
383
384
385<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
386
387
388  
388<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/zKLdAz8WUNxYGgbSZxk9iD1hAbispWw64AeiGthy?languageCode=en" async></script>
388
389
390
391
392  
393<!-- END app block -->
393<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/wishlistcollections.js" type="text/javascript" defer="defer"></script>
393
394<link href="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/wishlistcollections.css" rel="stylesheet" type="text/css" media="all">
395<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
396<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: 26561413219,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 396
396
397<script>
398  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
399</script>
vendor: 1 bytes, line 399
399
400<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}
400).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: 26561413219,storefrontBaseUrl: "https://beyondyoga.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://beyondyoga.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1749745763","configuration":"{\"pixelCode\":\"CKND0EBC77U0J6DU1A4G\"}","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"}
400,{"id":"1627816035","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9bce1c0cdfc09538057898e4ff134fa2","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":"1622179939","configuration":"{\"storeId\":\"019cb056-a3d3-7be2-9725-b785a9f27523\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a47fb7b0cfc3589652b732e721247cd4","type":"APP","apiClientId":41358721025,"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":"1527873635","configuration":"{\"accountID\":\"BLOCKIFY_TRACKING-123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b35abd85befe01ff41cd41df4ff83ae0","type":"APP","apiClientId":2309454,"privacyPurposes":["ANALYTICS","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":"1287454819","configuration":"{\"projectId\":\"uk04j4v9ak\"}","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"]},"dataSharingState":"unrestricted"},{"id":"1132200035","configuration":"{\"advertiserId\":\"56353\",\"shopDomain\":\"beyond-yoga-store.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.3\",\"originalNetwork\":\"sas\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1089077347","configuration":"{\"accountID\":\"V2Epdd\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1021542499","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\",\\\"DC-10121472\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/hrpjCKeHso4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/gvCPCKO0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/FsmgCKC0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/ZHJiCKSHso4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/pv7pCJ20vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/NCC_CKa0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/KFnECJq0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"}],\\\"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"]}
400,{"id":"978288739","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3enterprise-01.swymrelay.com\",\"swymTier\":\"v3enterprise-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"869662819","configuration":"{\"tagID\":\"2613386401968\"}","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":"779321443","configuration":"{\"yotpoStoreId\":\"zKLdAz8WUNxYGgbSZxk9iD1hAbispWw64AeiGthy\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"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":"670007395","configuration":"{\"pixelId\":\"a2b248ef-ead7-42f5-b220-a97a89812ee8\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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":"655261795","configuration":"{\"siteId\":\"t02200\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"312bab8f0eaa1e8546f7d95e88065afa","type":"APP","apiClientId":12202,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"314736739","configuration":"{\"active\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bb5c430150f6ec7b1b6d450e96a8deec","type":"APP","apiClientId":98816163841,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"122486883","configuration":"{\"pixel_id\":\"465715780740968\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"46006371","configuration":"{\"accountID\":\"76947994-1b27-496b-bb30-e5a57235b0a6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a28b838aed79eff02fcca912bdccb6f5","type":"APP","apiClientId":2376822,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"35225699","configuration":"{\"accountID\":\"1848772\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c67c427e35bed2216d156eaeeacde779","type":"APP","apiClientId":4870017,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"9175139","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"13","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"GA4 \u0026 GTM"}
400,{"id":"14090339","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Seed - VWO_jn"},{"id":"24281187","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention.com Script"},{"id":"26378339","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Pebblepost Customer Event"},{"id":"38928483","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ShareASale"},{"id":"102367331","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bold Metrics - Purchases"},{"id":"103088227","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"DataSteam.io Pixel"},{"id":"103120995","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Advertising"},{"id":"103153763","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"DOT Digital"},{"id":"103186531","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"VWO Tracking"},{"id":"103219299","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Trade Desk Custom Pixel"},{"id":"107937891","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bing - New"},{"id":"108626019","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TTD Pixel"},{"id":"139657315","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Rakuten Affillate 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":"Beyond Yoga","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"beyond-yoga-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/beyondyoga.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8094058807395","handle":"that-tracks-pant-29-black-00aax-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44429259014243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129111261283","handle":"unity-zip-jacket-cabernet-007gh-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543203934307","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8054801072227","handle":"luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44323327508579","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8112603627619","handle":"spacedye-forever-tank-darkest-night-cloud-white-007ku-0080","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44488667136099","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127044976739","handle":"roam-quilted-reversible-jacket-bone-riverbed-00abg-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536331305059","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126104076387","handle":"spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529168253027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129114472547","handle":"unity-zip-jacket-mineral-blue-007gh-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543205212259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127043371107","handle":"roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536314003555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8082390646883","handle":"luxelayer-fitted-cardigan-heather-gray-00ab9-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46224901079139","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126096506979","handle":"spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529151246435","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"8127043960931","handle":"roam-quilted-lightweight-jacket-sea-salt-00ab7-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536321638499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8109501186147","handle":"rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44479959498851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8101017452643","handle":"cocoa-plum-leopard-softmark-high-waisted-midi-legging-007g5-0014","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44454096437347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126108401763","handle":"spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529182605411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127053987939","handle":"roam-quilted-reversible-jacket-dark-chocolate-00abg-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536342577251","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8082432983139","handle":"luxelayer-fitted-cardigan-lavender-cream-00ab9-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44398758723683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8053727592547","handle":"luxefleece-2-0-oversized-crewneck-ultra-blue-00aag-0008","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44318513004643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111734554723","handle":"spacedye-forever-tank-silver-mist-cloud-white-007ku-0079","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44486894813283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129118994531","handle":"unity-1-4-zip-hoodie-dark-ivy-007gj-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543236407395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123359363171","handle":"spacedye-slim-racerback-cropped-tank-cabernet-heather-007k4-0084","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520413364323","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7726200258659","handle":"spacedye-foldover-bootcut-pant-silver-mist-007hg-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43135076597859","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129117880419","handle":"unity-zip-jacket-riverbed-007gh-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543215632483","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129121157219","handle":"unity-1-4-zip-hoodie-mineral-blue-007gj-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543236604003","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046428192867","handle":"glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292088168547","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099745169507","handle":"forever-favorite-button-down-cloud-drift-stripe-00abm-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44450688270435","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8101014372451","handle":"polarflex-fleece-jacket-ultra-blue-00abv-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44454083035235","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123383611491","handle":"spacedye-forever-tank-dark-ivy-heather-007ku-0040","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520652341347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129121452131","handle":"unity-1-4-zip-hoodie-riverbed-007gj-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543241650275","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099251814499","handle":"daydream-meadow-softmark-on-the-up-cropped-tank-cocoa-plum-leopard-007gb-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44447397380195","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8077852606563","handle":"peak-barrel-pant-black-00aay-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44456092434531","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123396161635","handle":"featherweight-rebalance-tank-dark-ivy-heather-007ab-0047","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520710602851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126236295267","handle":"luxefleece-2-0-double-zip-jacket-cabernet-00abf-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529531813987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8053765898339","handle":"luxefleece-2-0-off-the-shoulder-sweatshirt-heather-gray-00abw-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44318603083875","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099246047331","handle":"spacedye-slim-racerback-cropped-tank-lavender-cream-heather-007k4-0086","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44447387877475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093113286755","handle":"that-tracks-pant-black-00aaw-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426355343459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046423212131","handle":"glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292066050147","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046429044835","handle":"glowzone-medium-impact-bra-legacy-pine-0093c-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292091871331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046425047139","handle":"glowzone-medium-impact-cropped-tank-cocoa-plum-00ab3-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292072505443","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123353759843","handle":"spacedye-slim-racerback-bra-dark-ivy-heather-007n2-0044","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520386986083","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126100013155","handle":"spacedye-walk-and-talk-high-waisted-capri-legging-20-5-caber
400net-heather-00au9-0018","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529157734499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126237114467","handle":"rest-day-waffle-wide-leg-pant-dark-ivy-00abh-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529535484003","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093119905891","handle":"that-tracks-pant-31-cabernet-00aaw-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426427039843","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8077880787043","handle":"peak-barrel-dark-chocolate-00aay-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44456092401763","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127042355299","handle":"roam-quilted-lightweight-jacket-cabernet-00ab7-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536307187811","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126236983395","handle":"rest-day-waffle-hooded-jacket-dark-ivy-00abj-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529534828643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8100532158563","handle":"spacedye-high-definition-jacket-ultra-blue-heather-00ac4-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44452692983907","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8102943686755","handle":"polish-ponte-pant-black-00aas-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44457888186467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8054813655139","handle":"spacedye-stirrup-high-waisted-midi-legging-darkest-night-00abz-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44323385376867","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8109495255139","handle":"rest-day-waffle-wrap-pullover-cabernet-00abk-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44479931023459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123396489315","handle":"featherweight-on-the-down-low-tee-dark-ivy-heather-007aw-0048","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520713027683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7835000930403","handle":"boucle-fleece-mens-zip-jacket-lush-olive-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519293227107","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892854997091","handle":"warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757625049187","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819960844387","handle":"element-mens-chino-30-trouser-nocturnal-navy-mc1276ds","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455600525411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819656429667","handle":"spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455009128547","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834999881827","handle":"boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519289786467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7835002601571","handle":"plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519298109539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7835001716835","handle":"boucle-fleece-mens-zip-jacket-sand-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519295291491","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834282164323","handle":"day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43517900750947","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093060464739","handle":"rest-day-mens-waffle-crewneck-black-00ab0-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426250125411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093109092451","handle":"chino-mens-sport-jacket-nocturnal-navy-00ac7-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426348953699","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129136951395","handle":"always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543292571747","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823703015523","handle":"insulated-seasons-shirt-jacket-black-ash-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472216293475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823704031331","handle":"insulated-seasons-shirt-jacket-sand-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472222191715","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892557955171","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-nocturnal-navy-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756171919459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7888225173603","handle":"pacer-fleece-backed-mens-pant-black-fg1297d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43742283071587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823703769187","handle":"insulated-seasons-shirt-jacket-nocturnal-navy-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472220061795","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111212920931","handle":"always-beyond-mens-crew-pullover-dusty-forest-007bf-0008","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483988029539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093068951651","handle":"rest-day-mens-waffle-crewneck-charcoal-heather-00ab0-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426264379491","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892558577763","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-forest-moss-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756172902499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7875457974371","handle":"boucle-fleece-mens-zip-jacket-shadow-gray-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43672717623395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7905481850979","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-dusty-blue-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43796120895587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7891994902627","handle":"pacer-fleece-backed-mens-pant-noctur
400nal-navy-fg1297d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43754128441443","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892853456995","handle":"warm-wick-merino-wool-short-sleeve-crew-black-ash-la7978d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757620133987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819662721123","handle":"spacedye-terrain-mens-quarter-zip-pullover-nocturnal-navy-sd7971d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455015813219","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7876455071843","handle":"dynamic-mens-straight-leg-pant-nocturnal-navy-de1298d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43677456629859","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892554481763","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-black-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756163825763","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834997620835","handle":"day-to-night-mens-wool-shirt-jacket-oakstone-heather-br2300d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519285133411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7124322844771","handle":"always-beyond-crew-tee-2-nocturnal-navy-lwsd7892d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41076145324131","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7824040493155","handle":"long-run-7-mens-lined-short-nocturnal-navy-nn5174d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43475399868515","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7825348395107","handle":"short-run-5-mens-short-nocturnal-navy-nn5177d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43483965980771","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8059587625059","handle":"always-beyond-mens-crew-tee-2-0-beyond-olive-heather-007b4-0049","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44341382905955","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819958747235","handle":"element-mens-chino-7-short-nocturnal-navy-mc5179d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455583551587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093069738083","handle":"rest-day-mens-waffle-crewneck-oatmeal-heather-00ab0-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426268213347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7952878731363","handle":"all-in-active-mens-tee-blue-mist-mq7969d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953082597475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093077471331","handle":"chino-mens-sport-jacket-dusty-forest-00ac7-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426284826723","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997419913315","handle":"beach-washed-terry-mens-hoodie-washed-after-dark-navy-007c4-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121662062691","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129134329955","handle":"always-beyond-mens-muscle-tank-2-0-dark-ivy-heather-007ad-0010","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543286083683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8061840490595","handle":"day-to-night-wool-mens-shirt-jacket-dusty-forest-0074r-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44348000829539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819967201379","handle":"element-mens-chino-32-trouser-black-ash-mc1276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455615238243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7956555333731","handle":"all-in-active-mens-polo-nocturnal-navy-mq70033d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43969445920867","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7944671363171","handle":"mens-all-terrain-pant-dusk-basil-ww1295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43911851343971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7951086190691","handle":"element-mens-chino-short-7-bark-mc5179d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43944857436259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7940383015011","handle":"luxefleece-full-zip-mens-hoodie-light-heather-gray-nf2317d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43896206360675","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997376594019","handle":"spacedye-unlimited-mens-short-harbor-blue-heather-007lr-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121574637667","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8037736972387","handle":"always-beyond-mens-muscle-tank-2-0-cloud-drift-heather-007ad-0009","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44273360437347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7997381902435","handle":"beach-washed-terry-mens-short-washed-vintage-white-007c3-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121607405667","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8050152144995","handle":"always-beyond-mens-long-sleeve-crew-2-0-cloud-drift-heather-007b5-0021","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305507024995","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892851818595","handle":"luxefleece-half-zip-mens-pullover-light-heather-gray-nf70001d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757614792803","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8004702503011","handle":"warplite-range-lined-short-slate-green-0074q-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44147648856163","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997337534563","handle":"all-in-active-mens-polo-umber-pink-007br-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121371672675","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892171751523","handle":"spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43754758242403","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111059304547","handle":"beyond-yoga-dad-hat-riverbed-00c0s-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483477176419","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111059468387","handle":"beyond-yoga-dad-hat-sea-salt-washed-dark-ivy-00c0s-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483479404643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7825349509219","handle":"explorer-jacket-nocturnal-navy-fl2301","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43483974533219","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8050138546275","handle":"youre-a-force-dress-cocoa-plum-007pn-0007","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305473962083","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7988746092643","handle":"spacedye-prep-halter-dress-pastel-periwinkle-heather-007mq-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44093031841891","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7986746064995","handle":"youre-a-force-dress-slate-green-007pn-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082966986851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8004200071267","handle":"midweight-spacedye-forever-dress-darkest-night-0092a-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44144851026019","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7986745704547","handle":"youre-a-force-dress-nocturnal-navy-007pn-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082964922467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7953047027811","handle":"ace-active-dress-nocturnal-navy-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953954881635","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7986744754275","handle":"youre-a-force-dress-black-007pn-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082960138339","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7748642603107","handle":"spacedye-starting-line-dress-nocturnal-navy-sd6283","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43222957949027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7951079964771","handle":"score-active-ace-pleated-dress-blush-blooms-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43944816509027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6951813906531","handle":"spacedye-refocus-dress-darkest-night-sd6211","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43271022739555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7953047486563","handle":"ace-active-dress-white-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953961304163","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6951814365283","handle":"spacedye-refocus-dress-nocturnal-navy-sd6211","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43387430305891","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://beyondyoga.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"143157493859","themePublished":"true","eventMetadataId":"d71a14e0-bb18-4aa3-857c-14616f4d91e8","pageType":"home","shopId":"26561413219","storefrontBaseUrl":"https:\/\/beyondyoga.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
400<script>
401  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
402  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
403  window.ShopifyAnalytics.meta.currency = 'USD';
404  var meta = {"page":{"pageType":"home","requestId":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964"}};
405  for (var attr in meta) {
406    window.ShopifyAnalytics.meta[attr] = meta[attr];
407  }
408</script>
vendor: 1 bytes, line 408
408
409<script class="analytics">
410  (function () {
411    var customDocumentWrite = function(content) {
412      var jquery = null;
413
414      if (window.jQuery) {
415        jquery = window.jQuery;
416      } else if (window.Checkout && window.Checkout.$) {
417        jquery = window.Checkout.$;
418      }
419
420      if (jquery) {
421        jquery('body').append(content);
422      }
423    };
424
425    var hasLoggedConversion = function(token) {
426      if (token) {
427        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
428      }
429      return false;
430    }
431
432    var setCookieIfConversion = function(token) {
433      if (token) {
434        var twoMonthsFromNow = new Date(Date.now());
435        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
436
437        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
438      }
439    }
440
441    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
442    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
443    if (trekkie.integrations) {
444      return;
445    }
446    trekkie.methods = [
447      'identify',
448      'page',
449      'ready',
450      'track',
451      'trackForm',
452      'trackLink'
453    ];
454    trekkie.factory = function(method) {
455      return function() {
456        var args = Array.prototype.slice.call(arguments);
457        args.unshift(method);
458        trekkie.push(args);
459        if (method == 'track' || method == 'page') {
460          var pageUrl;
461          try {
462            pageUrl = window.location.href;
463          } catch (e) {}
464          var pageReferrer;
465          try {
466            pageReferrer = document.referrer;
467          } catch (e) {}
468          try {
469            if (window.__TREKKIE_SHIM_QUEUE == null) {
470              window.__TREKKIE_SHIM_QUEUE = [];
471            }
472            window.__TREKKIE_SHIM_QUEUE.push({
473              from: 'trekkie-stub',
474              method: method,
475              args: args.slice(1),
476              pageContext: {
477                url: pageUrl,
478                referrer: pageReferrer
479              }
480            });
481          } catch (e) {
482            // no-op
483          }
484        }
485        return trekkie;
486      };
487    };
488    for (var i = 0; i < trekkie.methods.length; i++) {
489      var key = trekkie.methods[i];
490      trekkie[key] = trekkie.factory(key);
491    }
492    trekkie.load = function(config) {
493      trekkie.config = config || {};
494      trekkie.config.initialDocumentCookie = document.cookie;
495      var first = document.getElementsByTagName('script')[0];
496var script = document.createElement('script');
497script.type = 'text/javascript';
498script.onerror = function(e) {
499  var scriptFallback = document.createElement('script');
500  scriptFallback.type = 'text/javascript';
501  scriptFallback.onerror = function(error) {
502          var Monorail = {
503      produce: function produce(monorailDomain, schemaId, payload) {
504        var currentMs = new Date().getTime();
505        var event = {
506          schema_id: schemaId,
507          payload: payload,
508          metadata: {
509            event_created_at_ms: currentMs,
510            event_sent_at_ms: currentMs
511          }
512        };
513        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
514      },
515      sendRequest: function sendRequest(endpointUrl, payload) {
516        // Try the sendBeacon API
517        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
518          var blobData = new window.Blob([payload], {
519            type: 'text/plain'
520          });
521
522          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
523            return true;
524          } // sendBeacon was not successful
525
526        } // XHR beacon
527
528        var xhr = new XMLHttpRequest();
529
530        try {
531          xhr.open('POST', endpointUrl);
532          xhr.setRequestHeader('Content-Type', 'text/plain');
533          xhr.send(payload);
534        } catch (e) {
535          console.log(e);
536        }
537
538        return false;
539      },
540      isIos12: function isIos12() {
541        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
542      }
543    };
544    Monorail.produce('monorail-edge.shopifysvc.com',
545      'trekkie_storefront_load_errors/1.1',
546      {shop_id: 26561413219,
547      theme_id: 143157493859,
548      app_name: "storefront",
549      context_url: window.location.href,
550      source_url: "//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
551
552  };
553  scriptFallback.async = true;
554  scriptFallback.src = '//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
555  first.parentNode.insertBefore(scriptFallback, first);
556};
557script.async = true;
558script.src = '//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
559first.parentNode.insertBefore(script, first);
560
561    };
562    trekkie.load(
563      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26561413219,"isMerchantRequest":null,"themeId":143157493859,"themeCityHash":"14722388131972850155","contentLanguage":"en","currency":"USD","eventMetadataId":"d71a14e0-bb18-4aa3-857c-14616f4d91e8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
564    );
565
566    var loaded = false;
567    trekkie.ready(function() {
568      if (loaded) return;
569      loaded = true;
570
571      window.ShopifyAnalytics.lib = window.trekkie;
572
573      var originalDocumentWrite = document.write;
574      document.write = customDocumentWrite;
575      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
576      document.write = originalDocumentWrite;
577
578      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
579      var token = match? match[1]: undefined;
580      if (!hasLoggedConversion(token)) {
581        setCookieIfConversion(token);
582        
583      }
584    });
585
586    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964","shopifyEmitted":true});
587
588    var eventsListenerScript = document.createElement('script');
589    eventsListenerScript.async = true;
590    eventsListenerScript.src = "//beyondyoga.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
591    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
592})();</script>
592
593  
593<script>
594  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
595    window.ga = function ga() {
596      (window.ga.q = window.ga.q || []).push(arguments);
597      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
598        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
599      }
600      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
601    };
602    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
603      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
604    }
605  }
606</script>
vendor: 1 bytes, line 606
606
607<script
608  defer
609  src="https://beyondyoga.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
610  data-application="storefront-renderer"
611  data-shop-id="26561413219"
612  data-render-region="gcp-us-central1"
613  data-page-type="index"
614  data-theme-instance-id="143157493859"
615  data-theme-name="SEED"
616  data-theme-version="1.0.0"
617  data-monorail-region="shop_domain"
618  data-resource-timing-sampling-rate="10"
619  data-shs="true"
620  data-shs-beacon="true"
621  data-shs-export-with-fetch="true"
622  data-shs-logs-sample-rate="1"
623  data-shs-beacon-endpoint="https://beyondyoga.com/api/collect"
624></script>
624
625<meta name="shopify-y" content="1794383e-c3f5-4930-885c-e08095c8738a" data-expiration="1822479564000"><meta name="shopify-s" content="4c046d7b-77bb-4d1b-b157-6bb101eee279" data-expiration="1790923764000"><meta name="new-cookie-storage-activated" content="t">
626</head><body  class="template-index">
627      
628      <div id="consent_blackbar"></div>
vendor: 88 bytes, lines 628-631
628
629      
630      
631      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
631GTM-P2C87C
vendor: 96 bytes, lines 631-633
631" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
632      
633      
633<a class="skip-to-content-link button sr-only" href="#MainContent">
634        Skip to content
635      </a>
636  
637      <!-- BEGIN sections: header-group -->
638<div id="shopify-section-sections--19357271097443__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section-announcement-bar">
639  <announcement-bar class="announcement-bar block"  style="--ann-bg: #fef39b; --ann-bg-hover: #fef39b; --ann-text-color: #000000; margin-bottom: -1px;">
640    
641<s-carousel data-options='{
642          "slidesPerView": 1,
643          "autoHeight": false,
644          "loop": true,
645          "autoplay": true,
646          "freeMode": true
647        }' class="announcement-bar__carousel grid relative">
648        <div id="CarouselAnnouncementBar" class="swiper w-full max-w-full" js-carousel>
649          <div class="swiper-wrapper">
650            
651              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
652                
653                
654                  <a href="/pages/sms-sign-up-by" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Sign Up For SMS to Receive 20% Off Your First Order!">
655                
656                    <div>
657                      <span class="announcement-bar__text f0 mr-4 tabletl:mr-6">
658                        Sign Up For SMS to Receive 20% Off Your First Order!
659                      </span>
660                      
661                        <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap">
662                          Join Here
663                        </span>
664                      
665                    </div>
666                
667                  </a>
668                
669              </div>
670            
671              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
672                
673                
674                  <a href="/collections/new-arrivals" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Just Added: New Arrivals Are Selling Fast.">
675                
676                    <div>
677                      <span class="announcement-bar__text f0 mr-4 tabletl:mr-6">
678                        Just Added: New Arrivals Are Selling Fast.
679                      </span>
680                      
681                        <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap">
682                          Shop Now
683                        </span>
684                      
685                    </div>
686                
687                  </a>
688                
689              </div>
690            
691              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
692                
693                
694                  <a href="/pages/shipping-delivery" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Always Free Shipping + Returns In The U.S.">
695                
696                    <div>
697                      <span class="announcement-bar__text f0 ">
698                        Always Free Shipping + Returns In The U.S.
699                      </span>
700                      
701                    </div>
702                
703                  </a>
704                
705              </div>
706            
707          </div> 
708        </div>
709        <button data-playing="true" class="announcement-bar__autoplay-btn block p-8 absolute z-[1] top-1/2 -translate-y-1/2 right-16 tabletl:right-56" js-autoplay-btn aria-label="Pause announcement" aria-pressed="true">
710          <span class="flex justify-center items-center w-16 h-16 rounded-full border border-black">
711            <span class="play w-8 leading-[0] pl-2"><svg class="icon icon--play" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
712<path d="M0.21875 0.0091917V20L17.7795 9.99999L0.21875 0V0.0091917Z" fill="currentColor"/>
713</svg>
714</span>
715            <span class="pause w-6 leading-[0]"><svg class="icon icon--pause" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
716<path d="M4.2623 0H0.347656V20H4.2623V0Z" fill="currentColor"/>
717<path d="M15.649 0H11.7344V20H15.649V0Z" fill="currentColor"/>
718</svg>
719</span>
720          </span>
721        </button>
722      </s-carousel>
723    
724  </announcement-bar>
725
726
727<style>
728  :root {
729    --ann-bar-height: 44px;
730  }
731</style>
732
733
734</div><div id="shopify-section-sections--19357271097443__header" class="shopify-section shopify-section-group-header-group shopify-section-header sticky top-0 left-0"><s-header class="site-header block absolute top-0 left-0 right-0 p-6 tabletl:p-16" data-current-template="index" data-header-solid="false">
735  
736    <div class="site-header__progressive-blur-wrapper absolute inset-0 z-[-1]">
737      <div class="site-header__progressive-blur absolute inset-0"></div>
738      <div class="site-header__progressive-blur absolute inset-0"></div>
739      <div class="site-header__progressive-blur absolute inset-0"></div>
740      <div class="site-header__progressive-blur absolute inset-0"></div>
741      <div class="site-header__progressive-blur absolute inset-0"></div>
742      <div class="site-header__progressive-blur absolute inset-0"></div>
743    </div>
744  
745  
746  
747  
748
749  <div class="site-header__wrapper tabletl:text-white tabletl:bg-transparent text-white bg-transparent rounded-[6px] tabletl:rounded-[16px] overflow-hidden transition duration-300" js-corner-rounding data-radius="6" data-radius-desktop="16">
750    <div class="site-header__menu flex gap-16 justify-between items-center tabletl:items-stretch p-8 tabletl:pl-48 tabletl:pr-36 tabletl:py-0 relative z-[1]">
751      <div class="wrapper flex items-center gap-8">
752        <button class="site-header__mobile-nav link w-16 h-32 flex justify-center items-center tabletl:hidden" js-open-mobile-nav aria-label="Open navigation menu" aria-expanded="false">
753          <span class="w-12 leading-[0]" aria-hidden="true"><svg class="icon icon--hamburger" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
754<path d="M12 0.666672H0V2.19048H12V0.666672Z" fill="currentColor"/>
755<path d="M12 5.2381H0V6.76191H12V5.2381Z" fill="currentColor"/>
756<path d="M12 9.80952H0V11.3333H12V9.80952Z" fill="currentColor"/>
757</svg>
758</span>
759        </button>
760        <button class="site-header__search link w-16 h-32 flex justify-center items-center tabletl:hidden" js-open-predictive-search aria-label="Open search" aria-expanded="false">
761          <span class="w-[15px] leading-[0]" aria-hidden="true"><svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
762<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/>
763</svg>
764</span>
765        </button>
766      </div>
767        <a href="/" class="site-header__logo w-[180px] tabletl:w-[234px] tabletl:min-w-[234px] tabletl:h-[24px] tabletl:self-center" aria-label="Go to Homepage">
768          <svg class="icon icon--logo" viewBox="0 0 234 24" fill="none" xmlns="http://www.w3.org/2000/svg">
769<path d="M15.9243 10.2776C16.9203 9.1324 17.5073 7.63837 17.5073 6.01684C17.5073 2.95902 15.0197 0.468945 11.9594 0.468945H0V23.2114H13.0782C16.8169 23.2114 19.8602 20.168 19.8602 16.4293C19.8602 13.7059 18.2459 11.353 15.9243 10.2752V10.2776ZM2.88701 3.35838H11.9594C13.427 3.35838 14.6203 4.55165 14.6203 6.01923C14.6203 7.71054 13.4679 9.15165 11.8199 9.52696L5.04744 11.0643C4.25594 11.2447 3.52936 11.5599 2.88701 11.9857V3.35838ZM13.0782 20.3268H2.88701V17.3844C2.88701 15.6931 4.03942 14.252 5.68741 13.8767L11.589 12.5367H13.0782C15.2266 12.5367 16.9732 14.2833 16.9732 16.4317C16.9732 18.5801 15.2266 20.3268 13.0782 20.3268Z" fill="currentColor"/>
770<path d="M25.9253 0.472139H23.1779V23.217H39.7302V20.33H26.0649V13.2568H36.0854V10.3698H26.0649V3.33269H39.7302V0.445674H25.9253V0.472139Z" fill="currentColor"/>
771<path d="M74.1252 0C67.6508 0 62.3845 5.37705 62.3845 11.9859C62.3845 18.5947 67.6508 23.9718 74.1252 23.9718C80.5992 23.9718 85.8656 18.5947 85.8656 11.9859C85.8656 5.37705 80.5992 0 74.1252 0ZM74.1252 21.0848C69.2438 21.0848 65.2715 17.0021 65.2715 11.9859C65.2715 6.96972 69.2438 2.88701 74.1252 2.88701C79.0066 2.88701 82.9786 6.96972 82.9786 11.9859C82.9786 17.0021 79.0066 21.0848 74.1252 21.0848Z" fill="currentColor"/>
772<path d="M173.658 0C167.184 0 161.918 5.37705 161.918 11.9859C161.9
77218 18.5947 167.184 23.9718 173.658 23.9718C180.133 23.9718 185.399 18.5947 185.399 11.9859C185.399 5.37705 180.133 0 173.658 0ZM173.658 21.0848C168.777 21.0848 164.805 17.0021 164.805 11.9859C164.805 6.96972 168.777 2.88701 173.658 2.88701C178.54 2.88701 182.512 6.96972 182.512 11.9859C182.512 17.0021 178.54 21.0848 173.658 21.0848Z" fill="currentColor"/>
773<path d="M120.711 0.481638H112.211V23.2481H120.711C126.988 23.2481 132.093 18.1429 132.093 11.8661C132.093 5.58923 126.988 0.481638 120.711 0.481638ZM120.711 20.3611H115.098V3.36865H120.711C125.395 3.36865 129.206 7.17949 129.206 11.8637C129.206 16.5479 125.395 20.3587 120.711 20.3587V20.3611Z" fill="currentColor"/>
774<path d="M59.65 0.45061L52.7355 10.6057L45.8213 0.45061H42.3278L51.292 13.6154V23.2195H54.179V13.6154L63.1432 0.45061H59.65Z" fill="currentColor"/>
775<path d="M158.944 0.45061L152.029 10.6057L145.115 0.45061H141.624L150.586 13.6154V23.2195H153.473V13.6154L162.437 0.45061H158.944Z" fill="currentColor"/>
776<path d="M105.045 18.7275L92.7777 0.481638H89.4409V23.2481H92.3279V4.98537L104.605 23.2481H107.932V0.481638H105.045V18.7275Z" fill="currentColor"/>
777<path d="M210.162 11.8096V11.8024H199.614V14.6894H208.044C206.964 18.404 203.692 21.113 199.833 21.113C195.096 21.113 191.242 17.0303 191.242 12.0141C191.242 6.99793 195.096 2.91522 199.833 2.91522C203.545 2.91522 206.714 5.42212 207.912 8.92259H210.922C209.611 3.80778 205.138 0.0282072 199.833 0.0282072C193.503 0.0282072 188.355 5.40525 188.355 12.0141C188.355 18.623 193.503 24 199.833 24C206.163 24 211.312 18.623 211.312 12.0141C211.312 11.9443 211.307 11.877 211.307 11.8096H210.162Z" fill="currentColor"/>
778<path d="M224.389 0.416762H220.261L211.405 23.2193H214.501L217.812 14.693H226.834L230.144 23.2193H233.24L224.389 0.416762ZM218.935 11.8036L222.325 2.71699L225.715 11.8036H218.935Z" fill="currentColor"/>
779</svg>
780
781        </a>
782      
783        <ul class="site-header__nav hidden tabletl:flex widescreen:ml-48">
784          
785          
786            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
787              <a href="/collections/new-arrivals" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
788                New
789                
790              </a>
791              
792                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
793                  <div class="mega-menu grid grid-cols-4 gap-24">
794  
795  
796  
797  
798    
799      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
800        
801          <a href="/collections/new-arrivals" class="mega-memu__link f2 " >
802            Shop All New Arrivals
803          </a>
804        
805          <a href="/pages/glowzone" class="mega-memu__link f2 " >
806            Meet glowzone™
807          </a>
808        
809          <a href="/collections/spacedye-soft-shop" class="mega-memu__link f2 " >
810            Spacedye™ Soft Shop
811          </a>
812        
813          <a href="/collections/new-hue" class="mega-memu__link f2 " >
814            New Hues
815          </a>
816        
817          <a href="/collections/fall-edit" class="mega-memu__link f2 " >
818            Fall Edit
819          </a>
820        
821          <a href="/collections/the-travel-collection" class="mega-memu__link f2 " >
822            Travel Collection
823          </a>
824        
825          <a href="/collections/trending-pants" class="mega-memu__link f2 " >
826            Bootcut + Wide Leg Pants
827          </a>
828        
829          <a href="/collections/the-new-neutrals" class="mega-memu__link f2 " >
830            New Neutrals
831          </a>
832        
833          <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " >
834            LuxeFleece 2.0™ Shop
835          </a>
836        
837      </div>
838    
839  
840    
841      
842      
843      
844      
845      
846      
847      <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-3 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16">
848        
849          
850          <a href="/collections/shop-all-womens" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Women's">
851            
852            
853            
854            
855
856
857
858
859  <picture class="lazypicture block w-full h-full">
860    
861    <img
862      src="//beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=300"
863      srcset="//beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1024 1024
863w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1920 1920w"
864      sizes="25vw"
865      width="600"
866      height="900"
867      loading="lazy"
868      decoding="async"
869      
870      alt=""
871      class="w-full h-full object-cover"
872      
873    >
874  </picture>
875
876
877            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
878              Shop Women's
879            </div>
880          </a>
881        
882          
883          <a href="/collections/mens-collection" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Men's">
884            
885            
886            
887            
888
889
890
891
892  <picture class="lazypicture block w-full h-full">
893    
894    <img
895      src="//beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=300"
896      srcset="//beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1920 1920w"
897      sizes="25vw"
898      width="600"
899      height="900"
900      loading="lazy"
901      decoding="async"
902      
903      alt=""
904      class="w-full h-full object-cover"
905      
906    >
907  </picture>
908
909
910            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
911              Shop Men's
912            </div>
913          </a>
914        
915      </div>
916      
917    
918  
919</div>
920                </div>
921              
922            </li>
923          
924            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
925              <a href="/collections/shop-all-womens" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
926                Women
927                
928              </a>
929              
930                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
931                  <div class="mega-menu grid grid-cols-4 gap-24">
932  
933  
934  
935  
936    
937      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
938        
939          <a href="/collections/shop-all-womens" class="mega-memu__link f2 " >
940            Shop All
941          </a>
942        
943          <a href="/collections/new-arrivals" class="mega-memu__link f2 " >
944            New Arrivals
945          </a>
946        
947          <a href="/collections/bestsellers" class="mega-memu__link f2 " >
948            Bestsellers
949          </a>
950        
951          <a href="https://beyondyoga.com/collections/new-hue" class="mega-memu__link f2 " >
952            New Hues
953          </a>
954        
955          <a href="/collections/now-trending" class="mega-memu__link f2 " >
956            Now Trending
957          </a>
958        
959          <a href="/collections/matching-sets" class="mega-memu__link f2 " >
960            Matching Sets
961          </a>
962        
963          <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " >
964            LuxeFleece 2.0™ Shop
965          </a>
966        
967          <a href="/pages/fabric-guide" class="mega-memu__link f2 " >
968            Fabric Guide
969          </a>
970        
971          <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mega-memu__link f2 " >
972            Gift Card
973          </a>
974        
975          <a href="/collections/sale-view-all" class="mega-memu__link f2 " style="color: #FF4040;">
976            Sale
977          </a>
978        
979      </div>
980    
981  
982    
983      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
984        
985          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
986          
987          
988            <li>
989              <a href="/collections/tops-shop-all" class="mega-memu__link f0 " >
990                <b>All Tops</b>
991              </a>
992            </li>
993          
994          
995          
996          
997            <li>
998              <a href="/collections/bras" class="mega-memu__link f0 " >
999                Bras
1000              </a>
1001            </li>
1002          
1003          
1004          
1005          
1006            <li>
1007              <a href="/collections/crop-tanks" class="mega-memu__link f0 " >
1008                Crop Tanks
1009              </a>
1010            </li>
1011          
1012          
1013          
1014          
1015            <li>
1016              <a href="/collections/tanks" class="mega-memu__link f0 " >
1017                Tanks
1018              </a>
1019            </li>
1020          
1021          
1022          
1023          
1024            <li>
1025              <a href="/collections/short-sleeve-tops" class="mega-memu__link f0 " >
1026                Short Sleeve Tops
1027              </a>
1028            </li>
1029          
1030          
1031          
1032          
1033            <li>
1034              <a href="/collections/long-sleeve-tees-pullovers" class="mega-memu__link f0 " >
1035                Long Sleeve Tops
1036              </a>
1037            </li>
1038          
1039          
1040          
1041          
1042            <li>
1043              <a href="/collections/sweaters" class="mega-memu__link f0 " >
1044                Sweaters
1045              </a>
1046            </li>
1047          
1048          
1049          
1050          
1051            <li>
1052              <a href="/collections/sweatshirts" class="mega-memu__link f0 " >
1053                Sweatshirts
1054              </a>
1055            </li>
1056          
1057          
1058          
1059          
1060            <li>
1061              <a href="/collections/layers" class="mega-memu__link f0 " >
1062                Layers
1063              </a>
1064            </li>
1065          
1066          
1067          
1068          
1069          </ul>
1070          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1071          
1072          
1073          
1074            <li>
1075              <a href="/collections/bottoms-shop-all" class="mega-memu__link f0 " >
1076                <b>All Bottoms</b>
1077              </a>
1078            </li>
1079          
1080          
1081          
1082          
1083            <li>
1084              <a href="/collections/leggings" class="mega-memu__link f0 " >
1085                Leggings
1086              </a>
1087            </li>
1088          
1089          
1090          
1091          
1092            <li>
1093              <a href="/collections/leggings-pants-with-pockets" class="mega-memu__link f0 " >
1094                Leggings with Pockets
1095              </a>
1096            </li>
1097          
1098          
1099          
1100          
1101            <li>
1102              <a href="/collections/pedal-pushers-capris" class="mega-memu__link f0 " >
1103                Capris + Pedal Pushers
1104              </a>
1105            </li>
1106          
1107          
1108          
1109          
1110            <li>
1111              <a href="/collections/shorts" class="mega-memu__link f0 " >
1112                Shorts
1113              </a>
1114            </li>
1115          
1116          
1117          
1118          
1119            <li>
1120              <a href="/collections/skirts" class="mega-memu__link f0 " >
1121                Skirts
1122              </a>
1123            </li>
1124          
1125          
1126          
1127          
1128            <li>
1129              <a href="/collections/pants" class="mega-memu__link f0 " >
1130                Pants
1131              </a>
1132            </li>
1133          
1134          
1135          
1136          
1137            <li>
1138              <a href="/collections/trending-pants" class="mega-memu__link f0 " >
1139                Bootcut + Wide Leg Pants
1140              </a>
1141            </li>
1142          
1143          
1144          
1145          
1146            <li>
1147              <a href="/collections/joggers-sweatpants" class="mega-memu__link f0 " >
1148                Joggers + Sweatpants
1149              </a>
1150            </li>
1151          
1152          
1153          
1154          
1155          </ul>
1156          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1157          
1158          
1159          
1160            <li>
1161              <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mega-memu__link f0 " >
1162                <b>All Dresses + Jumpsuits</b>
1163              </a>
1164            </li>
1165          
1166          
1167          
1168          
1169            <li>
1170              <a href="/collections/dresses" class="mega-memu__link f0 " >
1171                Dresses
1172              </a>
1173            </li>
1174          
1175          
1176          
1177          
1178            <li>
1179              <a href="/collections/active-dresses" class="mega-memu__link f0 " >
1180                Active Dresses
1181              </a>
1182            </li>
1183          
1184          
1185          
1186          
1187            <li>
1188              <a href="/collections/jumpsuits" class="mega-memu__link f0 " >
1189                Jumpsuits
1190              </a>
1191            </li>
1192          
1193          
1194          
1195          
1196          </ul>
1197          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1198          
1199          
1200          
1201            <li>
1202              <a href="/collections/outerwear" class="mega-memu__link f0 " >
1203                <b>All Outerwear + Jackets</b>
1204              </a>
1205            </li>
1206          
1207          
1208          
1209          
1210            <li>
1211              <a href="/collections/outerwear" class="mega-memu__link f0 " >
1212                Jackets
1213              </a>
1214            </li>
1215          
1216          
1217          
1218          
1219            <li>
1220              <a href="/collections/sweatshirts" class="mega-memu__link f0 " >
1221                Sweatshirts + Hoodies
1222              </a>
1223            </li>
1224          
1225          
1226          
1227          
1228          </ul>
1229          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1230          
1231          
1232          
1233            <li>
1234              <a href="/" class="mega-memu__link f0 font-700" >
1235                <b>More</b>
1236              </a>
1237            </li>
1238          
1239          
1240          
1241          
1242            <li>
1243              <a href="/collections/extended-sizes-1x-4x" class="mega-memu__link f0 " >
1244                Extended/Plus Sizes
1245              </a>
1246            </li>
1247          
1248          
1249          
1250          
1251            <li>
1252              <a href="/collections/toddler-leggings" class="mega-memu__link f0 " >
1253                Toddler Leggings
1254              </a>
1255            </li>
1256          
1257          
1258          
1259          
1260            <li>
1261              <a href="/collections/accessories" class="mega-memu__link f0 " >
1262                Accessories
1263              </a>
1264            </li>
1265          
1266          
1267          
1268          
1269          </ul>
1270          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1271          
1272          
1273          
1274            <li>
1275              <a href="/" class="mega-memu__link f0 font-700" >
1276                <b>Shop By Activity</b>
1277              </a>
1278            </li>
1279          
1280          
1281          
1282          
1283            <li>
1284              <a href="/collections/glowzone" class="mega-memu__link f0 " >
1285                HIIT + Train
1286              </a>
1287            </li>
1288          
1289          
1290          
1291          
1292            <li>
1293              <a href="/collections/pilates-yoga-collection" class="mega-memu__link f0 " >
1294                Pilates + Yoga
1295              </a>
1296            </li>
1297          
1298          
1299          
1300          
1301            <li>
1302              <a href="/collections/running-collection" class="mega-memu__link f0 " >
1303                Running
1304              </a>
1305            </li>
1306          
1307          
1308          
1309          
1310            <li>
1311              <a href="/collections/tennis-pickleball-collection" class="mega-memu__link f0 " >
1312                Tennis + Pickleball
1313              </a>
1314            </li>
1315          
1316          
1317          
1318          
1319            <li>
1320              <a href="/collections/golf-collection" class="mega-memu__link f0 " >
1321                Golf
1322              </a>
1323            </li>
1324          
1325          
1326          
1327          
1328            <li>
1329              <a href="/collections/lounge-shop" class="mega-memu__link f0 " >
1330                Lounge
1331              </a>
1332            </li>
1333          
1334          </ul>
1335          
1336          
1337          
1338        
1339      </div>
1340    
1341  
1342    
1343      
1344      
1345      
1346    
1347  
1348</div>
1349                </div>
1350              
1351            </li>
1352          
1353            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
1354              <a href="/pages/mens" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1355                Men
1356                
1357                  <sub class="site-header-nav__subscript">
1358                    NEW
1359                  </sub>
1360                
1361              </a>
1362              
1363                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
1364                  <div class="mega-menu grid grid-cols-4 gap-24">
1365  
1366  
1367  
1368  
1369    
1370      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1371        
1372          <a href="/pages/mens" class="mega-memu__link f2 " >
1373            Explore
1374          </a>
1375        
1376          <a href="/collections/mens-collection" class="mega-memu__link f2 " >
1377            Shop All
1378          </a>
1379        
1380          <a href="/collections/mens-new-arrivals" class="mega-memu__link f2 " >
1381            New Arrivals
1382          </a>
1383        
1384          <a href="/collections/mens-bestsellers" class="mega-memu__link f2 " >
1385            Bestsellers
1386          </a>
1387        
1388          <a href="/collections/mens-in-the-gym" class="mega-memu__link f2 " >
1389            Active Edit
1390          </a>
1391        
1392          <a href="/collections/mens-hues" class="mega-memu__link f2 " >
1393            Hues Collection
1394          </a>
1395        
1396          <a href="/collections/mens-the-fairway-collection" class="mega-memu__link f2 " >
1397            Fairway Collection
1398          </a>
1399        
1400          <a href="/collections/mens-luxefleece-shop" class="mega-memu__link f2 " >
1401            LuxeFleece Shop
1402          </a>
1403        
1404          <a href="/pages/mens-fabric-guide" class="mega-memu__link f2 " >
1405            Fabric Guide
1406          </a>
1407        
1408          <a href="/collections/sale-mens" class="mega-memu__link f2 " style="color: #FF4040;">
1409            Sale
1410          </a>
1411        
1412      </div>
1413    
1414  
1415    
1416      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
1417        
1418          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1419          
1420          
1421            <li>
1422              <a href="/collections/mens-tops" class="mega-memu__link f0 " >
1423                <b>All Tops</b>
1424              </a>
1425            </li>
1426          
1427          
1428          
1429          
1430            <li>
1431              <a href="/collections/mens-tanks-tees" class="mega-memu__link f0 " >
1432                Tanks + Tees
1433              </a>
1434            </li>
1435          
1436          
1437          
1438          
1439            <li>
1440              <a href="/collections/mens-long-sleeve" class="mega-memu__link f0 " >
1441                Long Sleeves
1442              </a>
1443            </li>
1444          
1445          
1446          
1447          
1448            <li>
1449              <a href="/collections/mens-hoodies-sweatshirts" class="mega-memu__link f0 " >
1450                Hoodies + Sweatshirts
1451              </a>
1452            </li>
1453          
1454          
1455          
1456          
1457            <li>
1458              <a href="/collections/mens-jackets" class="mega-memu__link f0 " >
1459                Jackets + Vests
1460              </a>
1461            </li>
1462          
1463          
1464          
1465          
1466          </ul>
1467          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1468          
1469          
1470          
1471            <li>
1472              <a href="/collections/mens-bottoms" class="mega-memu__link f0 " >
1473                <b>All Bottoms</b>
1474              </a>
1475            </li>
1476          
1477          
1478          
1479          
1480            <li>
1481              <a href="/collections/mens-shorts" class="mega-memu__link f0 " >
1482                Shorts
1483              </a>
1484            </li>
1485          
1486          
1487          
1488          
1489            <li>
1490              <a href="/collections/mens-pants" class="mega-memu__link f0 " >
1491                Pants
1492              </a>
1493            </li>
1494          
1495          
1496          
1497          
1498            <li>
1499              <a href="/collections/mens-joggers" class="mega-memu__link f0 " >
1500                Joggers + Sweatpants
1501              </a>
1502            </li>
1503          
1504          </ul>
1505          
1506          
1507          
1508        
1509      </div>
1510    
1511  
1512    
1513      
1514      
1515      
1516      
1517      
1518      
1519      <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-4 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16">
1520        
1521          
1522          <a href="/collections/mens-new-arrivals" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="New Arrivals">
1523            
1524            
1525            
1526            
1527
1528
1529
1530
1531  <picture class="lazypicture block w-full h-full">
1532    
1533    <img
1534      src="//beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=300"
1535      srcset="//beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=300 300w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=600 600w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=750 750w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1920 1920w"
1536      sizes="25vw"
1537      width="600"
1538      height="900"
1539      loading="lazy"
1540      decoding="async"
1541      
1542      alt=""
1543      class="w-full h-full object-cover"
1544      
1545    >
1546  </picture>
1547
1548
1549            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1550              New Arrivals
1551            </div>
1552          </a>
1553        
1554      </div>
1555      
1556    
1557  
1558</div>
1559                </div>
1560              
1561            </li>
1562          
1563            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
1564              <a href="/collections/maternity-all" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1565                Maternity
1566                
1567              </a>
1568              
1569                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
1570                  <div class="mega-menu grid grid-cols-4 gap-24">
1571  
1572  
1573  
1574  
1575    
1576      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1577        
1578          <a href="/collections/maternity-all" class="mega-memu__link f2 " >
1579            Shop All
1580          </a>
1581        
1582          <a href="/collections/maternity-new-arrivals" class="mega-memu__link f2 " >
1583            New Arrivals
1584          </a>
1585        
1586          <a href="/collections/bestsellers-maternity" class="mega-memu__link f2 " >
1587            Bestsellers
1588          </a>
1589        
1590          <a href="/collections/maternity-postnatal-4th-trimester" class="mega-memu__link f2 " >
1591            Beyond Birth Collection
1592          </a>
1593        
1594          <a href="/collections/match-your-mini" class="mega-memu__link f2 " >
1595            Match Your Mini
1596          </a>
1597        
1598          <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " style="color: #FF4040;">
1599            Sale
1600          </a>
1601        
1602      </div>
1603    
1604  
1605    
1606      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
1607        
1608          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1609          
1610          
1611            <li>
1612              <a href="/collections/maternity-tops" class="mega-memu__link f0 " >
1613                Tops
1614              </a>
1615            </li>
1616          
1617          
1618          
1619          
1620            <li>
1621              <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " >
1622                Bottoms
1623              </a>
1624            </li>
1625          
1626          
1627          
1628          
1629            <li>
1630              <a href="/collections/maternity-dresses" class="mega-memu__link f0 " >
1631                Dresses + Jumpsuits
1632              </a>
1633            </li>
1634          
1635          
1636          
1637          
1638          </ul>
1639          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1640          
1641          
1642          
1643            <li>
1644              <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " >
1645                Leggings + Biker Shorts
1646              </a>
1647            </li>
1648          
1649          
1650          
1651          
1652            <li>
1653              <a href="/collections/maternity-tops" class="mega-memu__link f0 " >
1654                Tanks
1655              </a>
1656            </li>
1657          
1658          
1659          
1660          
1661            <li>
1662              <a href="/collections/maternity-dresses" class="mega-memu__link f0 " >
1663                Dresses, Skirts, + Jumpsuits
1664              </a>
1665            </li>
1666          
1667          
1668          
1669          
1670            <li>
1671              <a href="/collections/toddler-leggings" class="mega-memu__link f0 " >
1672                Toddler Leggings
1673              </a>
1674            </li>
1675          
1676          </ul>
1677          
1678          
1679          
1680        
1681      </div>
1682    
1683  
1684    
1685      
1686      
1687      
1688      
1689      
1690      
1691      <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-4 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16">
1692        
1693          
1694            <div class="absolute top-0 left-0 w-full h-full">
1695              
1696
1697
1698
1699
1700<shop-the-look class="flex w-full h-full">
1701  <div class="shop-the-look__block flex absolute top-0 w-full h-full z-[2] pointer-events-none justify-start items-end tabletl:justify-start tabletl:items-end">
1702    <div class="shop-the-look__sneak-peek__wrapper relative flex flex-col gap-8 pointer-events-auto"
1703      style="--margin-top-mobile: 0px;
1704              --margin-right-mobile: 0px;
1705              --margin-bottom-mobile: 50px;
1706              --margin-left-mobile: 0px;
1707              --margin-top-desktop: 0px;
1708              --margin-right-desktop: 0px;
1709              --margin-bottom-desktop: 50px;
1710              --margin-left-desktop: 0px;">
1711      <div id="ShopTheLookSneakPeek-sections--19357271097443__header-shop-the-look" class="shop-the-look__sneak-peek absolute bottom-full mb-8 left-0 right-auto tabletl:left-0 tabletl:right-auto tabletl:translate-x-0 z-10 hidden flex-col gap-8 w-max max-w-[calc(100vw-32px)]" js-shop-the-look-sneak-peek>
1712        <button class="shop-the-look__sneak-peek__close link flex items-center justify-center w-24 h-24 light-mode backdrop-blur-sm border rounded-[6px] text-12 transition-opacity hover:opacity-100 focus:opacity-100 mr-auto tabletl:mr-auto tabletl:ml-0"
1713                js-close-sneak-peek
1714                data-sneak-peek-id="ShopTheLookSneakPeek-sections--19357271097443__header-shop-the-look"
1715                aria-label="Close sneak peek">
1716          <span class="shop-the-look__sneak-peek__close-icon flex items-center justify-center w-[6px] h-[6px]">
1717            <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1718<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/>
1719</svg>
1720
1721          </span>
1722        </button>
1723        
1724        <div class="shop-the-look__sneak-peek__products flex flex-col gap-8">
1725          
1726            <button class="shop-the-look__sneak-peek__product flex flex-row items-center w-[225px] h-[90px] gap-8 p-8 light-mode backdrop-blur-sm border rounded-[8px] overflow-hidden transition-opacity hover:opacity-100 focus:opacity-100" js-quickshop-trigger data-product-link="/products/spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243">
1727              <div class="shop-the-look__sneak-peek__product-image min-w-[50px] h-full rounded-[4px] overflow-hidden">
1728                
1729
1730
1731
1732
1733  <picture class="lazypicture block w-full w-full h-full">
1734    
1735    <img
1736      src="//beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=300"
1737      srcset="//beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=300 300w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=600 600w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=750 750w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1024 1024
1737w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1920 1920w"
1738      sizes="100vw"
1739      width="1884"
1740      height="2440"
1741      loading="lazy"
1742      decoding="async"
1743      
1744      alt="woman wearing a red slim racerback cropped tank top and high-waisted midi length leggings against a plain background. "
1745      class="w-full w-full h-full object-cover"
1746      
1747    >
1748  </picture>
1749
1750
1751              </div>
1752              <div class="shop-the-look-sneak-peek__product-title w-full px-8">
1753                <h3 class="text-left text-12">Spacedye™ Caught In The Midi High Waisted Legging</h3>
1754              </div>
1755            </button>
1756          
1757        </div>
1758      </div>
1759
1760      <button class="shop-the-look__button link flex items-center justify-center gap-8 mr-auto tabletl:mr-auto tabletl:ml-0 p-10 tabletl:p-12 w-full h-40 tabletl:h-48 light-mode backdrop-blur-sm border rounded-[6px] text-12 tabletl:text-14 tracking-[0.25em] uppercase transition-opacity z-[1] pointer-events-auto"
1761        data-action="js-open-shop-the-look-sections--19357271097443__header"
1762        
1763        data-drawer-url="/products/spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243?view=shop-the-look-drawer"
1764        data-mode="light-mode"
1765        
1766        aria-label="Shop this look">
1767        <span class="shop-the-look-button__icon flex items-center justify-center w-10 h-10"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1768<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/>
1769</svg>
1770</span>
1771        
1772          <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase block tabletl:hidden">Shop</span>
1773        
1774        
1775          <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase hidden tabletl:block">Shop</span>
1776        
1777      </button>
1778    </div>
1779  </div>
1780
1781</shop-the-look>
1782
1783
1784            </div>
1785          
1786          <a href="/collections/maternity-all" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Maternity">
1787            
1788            
1789            
1790            
1791
1792
1793
1794
1795  <picture class="lazypicture block w-full h-full">
1796    
1797    <img
1798      src="//beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=300"
1799      srcset="//beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1920 1920w"
1800      sizes="25vw"
1801      width="600"
1802      height="900"
1803      loading="lazy"
1804      decoding="async"
1805      
1806      alt=""
1807      class="w-full h-full object-cover"
1808      
1809    >
1810  </picture>
1811
1812
1813            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1814              Shop Maternity
1815            </div>
1816          </a>
1817        
1818      </div>
1819      
1820    
1821  
1822</div>
1823                </div>
1824              
1825            </li>
1826          
1827            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
1828              <a href="/collections/toddler-leggings" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1829                Toddler
1830                
1831              </a>
1832              
1833                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
1834                  <div class="mega-menu grid grid-cols-4 gap-24">
1835  
1836  
1837  
1838  
1839    
1840      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1841        
1842          <a href="/collections/toddler-leggings" class="mega-memu__link f2 " >
1843            Shop All
1844          </a>
1845        
1846          <a href="/collections/match-your-mini" class="mega-memu__link f2 " >
1847            Match Your Mini
1848          </a>
1849        
1850      </div>
1851    
1852  
1853</div>
1854                </div>
1855              
1856            </li>
1857          
1858            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
1859              <a href="/blogs/the-beyond-journal" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1860                Explore
1861                
1862              </a>
1863              
1864                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
1865                  <div class="mega-menu grid grid-cols-4 gap-24">
1866  
1867  
1868  
1869  
1870    
1871      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1872        
1873          <a href="/pages/about-us" class="mega-memu__link f2 " >
1874            About Us
1875          </a>
1876        
1877          <a href="/pages/stores" class="mega-memu__link f2 " >
1878            Find a Store
1879          </a>
1880        
1881      </div>
1882    
1883  
1884    
1885      <div class="mega-memu__link-group col-start-2 col-end-3 flex flex-col gap-8">
1886        
1887          
1888            
1889              <a href="/pages/product-guide" class="mega-memu__link f0 " >
1890                Product Guide
1891              </a>
1892            
1893          
1894            
1895              <a href="/pages/move-beyond-collective" class="mega-memu__link f0 " >
1896                Move Beyond Collective
1897              </a>
1898            
1899          
1900            
1901              <a href="/blogs/the-beyond-journal" class="mega-memu__link f0 " >
1902                Blog
1903              </a>
1904            
1905          
1906            
1907              <a href="/products/beyond-yoga-digital-gift-card" class="mega-memu__link f0 " >
1908                Gift Card
1909              </a>
1910            
1911          
1912        
1913      </div>
1914    
1915  
1916    
1917      
1918      
1919      
1920      
1921      
1922      
1923      <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-3 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16">
1924        
1925          
1926          <a href="/pages/stores" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Visit us in Store">
1927            
1928            
1929            
1930            
1931
1932
1933
1934
1935  <picture class="lazypicture block w-full h-full">
1936    
1937    <img
1938      src="//beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=300"
1939      srcset="//beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1024 1024
1939w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1920 1920w"
1940      sizes="25vw"
1941      width="600"
1942      height="900"
1943      loading="lazy"
1944      decoding="async"
1945      
1946      alt=""
1947      class="w-full h-full object-cover"
1948      
1949    >
1950  </picture>
1951
1952
1953            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1954              Visit us in Store
1955            </div>
1956          </a>
1957        
1958          
1959          <a href="/collections/bestsellers" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Bestsellers">
1960            
1961            
1962            
1963            
1964
1965
1966
1967
1968  <picture class="lazypicture block w-full h-full">
1969    
1970    <img
1971      src="//beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=300"
1972      srcset="//beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1920 1920w"
1973      sizes="25vw"
1974      width="600"
1975      height="900"
1976      loading="lazy"
1977      decoding="async"
1978      
1979      alt=""
1980      class="w-full h-full object-cover"
1981      
1982    >
1983  </picture>
1984
1985
1986            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1987              Shop Bestsellers
1988            </div>
1989          </a>
1990        
1991      </div>
1992      
1993    
1994  
1995</div>
1996                </div>
1997              
1998            </li>
1999          
2000            <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center"  js-header-mega-menu-trigger >
2001              <a href="/collections/sale-view-all" class="site-header-nav__link flex py-8 whitespace-nowrap" style="color: #FF4040;" js-header-mega-menu-trigger-link>
2002                Sale
2003                
2004              </a>
2005              
2006                <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu>
2007                  <div class="mega-menu grid grid-cols-4 gap-24">
2008  
2009  
2010  
2011  
2012    
2013      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
2014        
2015          <a href="/collections/sale-view-all" class="mega-memu__link f2 " >
2016            Shop All Sale
2017          </a>
2018        
2019          <a href="/collections/sale-mens" class="mega-memu__link f2 " >
2020            Shop Men's Sale
2021          </a>
2022        
2023          <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " >
2024            Shop Maternity Sale
2025          </a>
2026        
2027          <a href="/collections/new-sale" class="mega-memu__link f2 " >
2028            Matching Sets
2029          </a>
2030        
2031          <a href="/collections/sale-under-50" class="mega-memu__link f2 " >
2032            Sale Under $50
2033          </a>
2034        
2035          <a href="/collections/final-sale" class="mega-memu__link f2 " style="color: #FF4040;">
2036            Last Chance - Final Sale
2037          </a>
2038        
2039      </div>
2040    
2041  
2042    
2043      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
2044        
2045          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
2046          
2047          
2048            <li>
2049              <a href="/collections/sale-bottoms" class="mega-memu__link f0 " >
2050                Bottoms
2051              </a>
2052            </li>
2053          
2054          
2055          
2056          
2057            <li>
2058              <a href="/collections/sale-leggings" class="mega-memu__link f0 " >
2059                Leggings
2060              </a>
2061            </li>
2062          
2063          
2064          
2065          
2066            <li>
2067              <a href="/collections/sale-pants" class="mega-memu__link f0 " >
2068                Pants
2069              </a>
2070            </li>
2071          
2072          
2073          
2074          
2075            <li>
2076              <a href="/collections/sale-tops-bras-all" class="mega-memu__link f0 " >
2077                Tops + Bras
2078              </a>
2079            </li>
2080          
2081          
2082          
2083          
2084            <li>
2085              <a href="/collections/sale-shorts-skirts" class="mega-memu__link f0 " >
2086                Shorts + Skirts
2087              </a>
2088            </li>
2089          
2090          
2091          
2092          
2093            <li>
2094              <a href="/collections/sale-dresses" class="mega-memu__link f0 " >
2095                Dresses
2096              </a>
2097            </li>
2098          
2099          
2100          
2101          
2102            <li>
2103              <a href="/collections/sale-sweatshirts-hoodies" class="mega-memu__link f0 " >
2104                Sweatshirts & Hoodies
2105              </a>
2106            </li>
2107          
2108          
2109          
2110          
2111            <li>
2112              <a href="/collections/sale-jumpsuits" class="mega-memu__link f0 " >
2113                Jumpsuits
2114              </a>
2115            </li>
2116          
2117          
2118          
2119          
2120            <li>
2121              <a href="/collections/sale-outerwear" class="mega-memu__link f0 " >
2122                Outerwear + Jackets
2123              </a>
2124            </li>
2125          
2126          
2127          
2128          
2129            <li>
2130              <a href="/collections/sale-extended-sizes" class="mega-memu__link f0 " >
2131                Extended/Plus Sizes
2132              </a>
2133            </li>
2134          
2135          
2136          
2137          
2138            <li>
2139              <a href="/collections/sale-toddler-leggings" class="mega-memu__link f0 " >
2140                Toddler Leggings
2141              </a>
2142            </li>
2143          
2144          </ul>
2145          
2146          
2147          
2148        
2149      </div>
2150    
2151  
2152</div>
2153                </div>
2154              
2155            </li>
2156          
2157        </ul>
2158      
2159      <div class="site-header__icon-links flex justify-end items-center gap-8 tabletl:py-16 tabletl:flex-1">
2160        <button class="sit-header__search link w-32 h-32 justify-center items-center hidden tabletl:flex" js-open-predictive-search aria-label="Open search" aria-expanded="false">
2161          <span class="w-[15px] leading-[0]"><svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2162<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/>
2163</svg>
2164</span>
2165        </button>
2166        <a href="/account" class="sit-header__account w-16 h-32 justify-center items-center flex tabletl:w-32" aria-label="Login">
2167          <span class="w-16 leading-[0]" aria-hidden="true"><svg class="icon icon--person icon--full-color" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2168<path d="M12.6791 5.71199C12.6791 8.23672 10.583 10.2834 7.99728 10.2834C5.41156 10.2834 3.31543 8.23672 3.31543 5.71199C3.31543 3.18726 5.41156 1.14056 7.99728 1.14056C10.583 1.14056 12.6791 3.18726 12.6791 5.71199Z" stroke="currentColor" stroke-width="1.52381"/>
2169<path d="M1.14282 14.8554C1.55542 13.1878 2.9927 10.2834 7.99947 10.2834C13.0103 10.2834 14.4458 13.1926 14.8571 14.8594" stroke="currentColor" stroke-width="1.52381"/>
2170</svg>
2171</span>
2172        </a>
2173        
2174          <a class="swym-wishlist site-header__wishlist w-16 h-32 flex items-center justify-center relative tabletl:w-32" href="#swym-wishlist" aria-label="Wishlist">
2175              <span class="w-[16px] leading-[0]" aria-hidden="true">
2176                <i aria-hidden="true" focusable="false" role="presentation" class="icon icon-swym-wishlist"></i>
2177              </span>
2178          </a>
2179        
2180        <a class="sit-header__cart link w-16 h-32 flex items-center justify-center relative tabletl:w-32" href="/cart" aria-label="Shopping cart">
2181          <span class="w-[16px] leading-[0]" aria-hidden="true"><svg class="icon icon--bag icon--full-color" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2182<path d="M4.95215 5.95238C4.95215 5.95238 4.95215 1.38095 7.99977 1.38095C11.0474 1.38095 11.0474 5.95238 11.0474 5.95238" stroke="currentColor" stroke-width="1.52381"/>
2183<path d="M2.66645 5.19048H13.3331V15.8571H2.66645V5.19048Z" stroke="currentColor" stroke-width="1.52381"/>
2184</svg>
2185</span>
2186          <span id="cart-count" class="text-[9px] leading-[1] absolute left-1/2 -translate-x-1/2 top-[42%]" aria-hidden="true"></span>
2187        </a>
2188      </div>
2189    </div>
2190    <div class="site-header__mega-menu-placeholder bg-white relative z-[-1] hidden" js-header-mega-menu-placeholder></div>
2191  </div>
2192</s-header>
2193
2194<style> 
2195  :root{
2196    --header-height: 96px;
2197  }
2198</style>
2199
2200<s-drawer id="MobileNavDrawer" class="mobile-nav-drawer h-full" position='mobile-nav' open="[js-open-mobile-nav]" close="[js-close-mobile-nav]">
2201  <div class="mobile-nav h-full flex flex-col">
2202    <div class="mobile-nav__header p-18 h-[84px] flex justify-between items-center gap-12 border-b border-papyrus-light relative">
2203      <button class="mobile-nav__close link link--underline f0-mono leading-[1] order-2" aria-label="Close" js-close-mobile-nav>CLOSE</button>
2204      <div class="mobile-nav__search flex-1 order-0" data-active="true" js-mobile-nav-search>
2205        <form action="/search" method="get" role="search" class="mobile-nav-search__form w-full flex items-center">
2206          <label for="MobileNavSearch" aria-label="Search" class="mobile-nav-search__label w-16 p-[1px] leading-[0]">
2207            <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2208<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/>
2209</svg>
2210
2211          </label>
2212          <input
2213            id="MobileNavSearch"
2214            class="mobile-nav-search__input flex-1 border-0 bg-transparent p-12 text-16"
2215            type="search"
2216            name="query"
2217            value=""autocomplete="off"
2218            placeholder="Search"
2219          >
2220        </form>
2221      </div>
2222      <button class="mobile-nav__back-btn link flex items-center order-1" data-active="false" aria-label="Back" js-moble-nav-back-btn>
2223        <span class="w-[19px] h-[19px] flex justify-center items-center">
2224          <span class="w-[6px] leading-[0]"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2225<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
2226</svg>
2227</span>
2228        </span>
2229        <span class="f0 leading-[1]">Back</span>
2230      </button>
2231    </div>
2232    <div class="mobile-nav__body flex-1 max-h-full overflow-auto">
2233      
2234      
2235      <div class="mobile-nav__main-menu h-full flex flex-col justify-between" data-active="true" js-mobile-nav-main-menu>
2236        <div class="mobile-nav__main-stack flex flex-col">
2237          <div class="mobile-nav__submenu-triggers flex flex-col gap-16 p-18">
2238            
2239              
2240                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-1-new" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2241                  <span class="f2 flex" >
2242                    New
2243                    
2244                  </span>
2245                  <span class="w-32 h-32 flex justify-center items-center">
2246                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2247<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2248</svg>
2249</span>
2250                  </span>
2251                </button>
2252              
2253            
2254              
2255                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-2-women" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2256                  <span class="f2 flex" >
2257                    Women
2258                    
2259                  </span>
2260                  <span class="w-32 h-32 flex justify-center items-center">
2261                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2262<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2263</svg>
2264</span>
2265                  </span>
2266                </button>
2267              
2268            
2269              
2270                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-3-men-subscript-new" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2271                  <span class="f2 flex" >
2272                    Men
2273                    
2274                      <sub class="site-header-nav__subscript">
2275                        NEW
2276                      </sub>
2277                    
2278                  </span>
2279                  <span class="w-32 h-32 flex justify-center items-center">
2280                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2281<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2282</svg>
2283</span>
2284                  </span>
2285                </button>
2286              
2287            
2288              
2289                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-4-maternity" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2290                  <span class="f2 flex" >
2291                    Maternity
2292                    
2293                  </span>
2294                  <span class="w-32 h-32 flex justify-center items-center">
2295                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2296<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2297</svg>
2298</span>
2299                  </span>
2300                </button>
2301              
2302            
2303              
2304                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-5-toddler" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2305                  <span class="f2 flex" >
2306                    Toddler
2307                    
2308                  </span>
2309                  <span class="w-32 h-32 flex justify-center items-center">
2310                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2311<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2312</svg>
2313</span>
2314                  </span>
2315                </button>
2316              
2317            
2318              
2319                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-6-explore" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2320                  <span class="f2 flex" >
2321                    Explore
2322                    
2323                  </span>
2324                  <span class="w-32 h-32 flex justify-center items-center">
2325                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2326<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2327</svg>
2328</span>
2329                  </span>
2330                </button>
2331              
2332            
2333              
2334                <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-7-sale-callout" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2335                  <span class="f2 flex" style="color: #FF4040;">
2336                    Sale
2337                    
2338                  </span>
2339                  <span class="w-32 h-32 flex justify-center items-center">
2340                    <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2341<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2342</svg>
2343</span>
2344                  </span>
2345                </button>
2346              
2347            
2348          </div>
2349          
2350            <nav class="mobile-nav-promo py-18" aria-label="Featured categories" >
2351              <div class="mobile-nav-promo__track flex gap-2 overflow-x-auto scroll-smooth scroll-pl-18 scroll-pr-18" tabindex="0">
2352                
2353                  
2354                    
2355                    
2356                      
2357
2358
2359  <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black"
2360    href="/pages/glowzone"
2361    
2362    aria-label="Meet glowzone™">
2363    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2364      
2365
2366
2367
2368
2369  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2370    
2371    <img
2372      src="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300"
2373      srcset="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1920 1920w"
2374      sizes="(max-width: 1023px) 42vw, 200px"
2375      width="1884"
2376      height="2440"
2377      loading="lazy"
2378      decoding="async"
2379      
2380      alt="A woman in a matching green athletic set performs a handstand on a grassy lawn under a clear blue sky."
2381      class="w-full object-cover rounded-none"
2382      
2383        aria-hidden="true"
2384      
2385    >
2386  </picture>
2387
2388
2389    </span>
2390    
2391      <span class="mobile-nav-promo__label f0" aria-hidden="true">Meet glowzone™</span>
2392    
2393  </a>
2394
2395
2396                    
2397                  
2398                
2399                  
2400                    
2401                    
2402                      
2403
2404
2405  <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black"
2406    href="/collections/shop-all-womens"
2407    
2408    aria-label="Shop Women&#39;s">
2409    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2410      
2411
2412
2413
2414
2415  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2416    
2417    <img
2418      src="//beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=300"
2419      srcset="//beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=300 300w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=600 600w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=750 750w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1920 1920w"
2420      sizes="(max-width: 1023px) 42vw, 200px"
2421      width="848"
2422      height="1272"
2423      loading="lazy"
2424      decoding="async"
2425      
2426      alt=""
2427      class="w-full object-cover rounded-none"
2428      
2429        aria-hidden="true"
2430      
2431    >
2432  </picture>
2433
2434
2435    </span>
2436    
2437      <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Women's</span>
2438    
2439  </a>
2440
2441
2442                    
2443                  
2444                
2445                  
2446                    
2447                    
2448                      
2449
2450
2451  <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black"
2452    href="/collections/mens-collection"
2453    
2454    aria-label="Shop Men&#39;s">
2455    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2456      
2457
2458
2459
2460
2461  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2462    
2463    <img
2464      src="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300"
2465      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1920 1920w"
2466      sizes="(max-width: 1023px) 42vw, 200px"
2467      width="1884"
2468      height="2440"
2469      loading="lazy"
2470      decoding="async"
2471      
2472      alt=""
2473      class="w-full object-cover rounded-none"
2474      
2475        aria-hidden="true"
2476      
2477    >
2478  </picture>
2479
2480
2481    </span>
2482    
2483      <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Men's</span>
2484    
2485  </a>
2486
2487
2488                    
2489                  
2490                
2491              </div>
2492            </nav>
2493          
2494        </div>
2495        
2496          
2497          <div class="mobile-nav__secondary-links flex flex-col gap-12 p-18">
2498            <a href="/account" class="mobile-nav__secondary-link f0">
2499              Login
2500            </a>
2501            
2502              <a href="/pages/tracking" class="mobile-nav__secondary-link f0">
2503                Order Tracking
2504              </a>
2505            
2506              <a href="/pages/retail-stores" class="mobile-nav__secondary-link f0">
2507                Store Locator
2508              </a>
2509            
2510              <a href="/pages/returns" class="mobile-nav__secondary-link f0">
2511                Returns
2512              </a>
2513            
2514          </div>
2515        
2516      </div>
2517      
2518        
2519          
2520          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-1-new" data-active="false" js-mobile-nav-submenu>
2521            <div class="mobile-nav__submenu-title px-18 f0 text-grey">New</div>
2522            
2523              
2524                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2525                  
2526                    
2527                      <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 ">
2528                        Shop All New Arrivals
2529                      </a>
2530                    
2531                  
2532                    
2533                      <a href="/pages/glowzone" class="mobile-nav__link f2 f2 ">
2534                        Meet glowzone™
2535                      </a>
2536                    
2537                  
2538                    
2539                      <a href="/collections/spacedye-soft-shop" class="mobile-nav__link f2 f2 ">
2540                        Spacedye™ Soft Shop
2541                      </a>
2542                    
2543                  
2544                    
2545                      <a href="/collections/new-hue" class="mobile-nav__link f2 f2 ">
2546                        New Hues
2547                      </a>
2548                    
2549                  
2550                    
2551                      <a href="/collections/fall-edit" class="mobile-nav__link f2 f2 ">
2552                        Fall Edit
2553                      </a>
2554                    
2555                  
2556                    
2557                      <a href="/collections/the-travel-collection" class="mobile-nav__link f2 f2 ">
2558                        Travel Collection
2559                      </a>
2560                    
2561                  
2562                    
2563                      <a href="/collections/trending-pants" class="mobile-nav__link f2 f2 ">
2564                        Bootcut + Wide Leg Pants
2565                      </a>
2566                    
2567                  
2568                    
2569                      <a href="/collections/the-new-neutrals" class="mobile-nav__link f2 f2 ">
2570                        New Neutrals
2571                      </a>
2572                    
2573                  
2574                    
2575                      <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 ">
2576                        LuxeFleece 2.0™ Shop
2577                      </a>
2578                    
2579                  
2580                </div>
2581              
2582            
2583              
2584            
2585            
2586          </div>
2587        
2588      
2589        
2590          
2591          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-2-women" data-active="false" js-mobile-nav-submenu>
2592            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Women</div>
2593            
2594              
2595                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2596                  
2597                    
2598                      <a href="/collections/shop-all-womens" class="mobile-nav__link f2 f2 ">
2599                        Shop All
2600                      </a>
2601                    
2602                  
2603                    
2604                      <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 ">
2605                        New Arrivals
2606                      </a>
2607                    
2608                  
2609                    
2610                      <a href="/collections/bestsellers" class="mobile-nav__link f2 f2 ">
2611                        Bestsellers
2612                      </a>
2613                    
2614                  
2615                    
2616                      <a href="https://beyondyoga.com/collections/new-hue" class="mobile-nav__link f2 f2 ">
2617                        New Hues
2618                      </a>
2619                    
2620                  
2621                    
2622                      <a href="/collections/now-trending" class="mobile-nav__link f2 f2 ">
2623                        Now Trending
2624                      </a>
2625                    
2626                  
2627                    
2628                      <a href="/collections/matching-sets" class="mobile-nav__link f2 f2 ">
2629                        Matching Sets
2630                      </a>
2631                    
2632                  
2633                    
2634                      <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 ">
2635                        LuxeFleece 2.0™ Shop
2636                      </a>
2637                    
2638                  
2639                    
2640                      <a href="/pages/fabric-guide" class="mobile-nav__link f2 f2 ">
2641                        Fabric Guide
2642                      </a>
2643                    
2644                  
2645                    
2646                      <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f2 ">
2647                        Gift Card
2648                      </a>
2649                    
2650                  
2651                    
2652                      <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 text-red">
2653                        Sale
2654                      </a>
2655                    
2656                  
2657                </div>
2658              
2659            
2660              
2661                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2662                  
2663                    
2664                      <a href="/collections/tops-shop-all" class="mobile-nav__link f2 f0 ">
2665                        <b>All Tops</b>
2666                      </a>
2667                    
2668                  
2669                    
2670                      <a href="/collections/bras" class="mobile-nav__link f2 f0 ">
2671                        Bras
2672                      </a>
2673                    
2674                  
2675                    
2676                      <a href="/collections/crop-tanks" class="mobile-nav__link f2 f0 ">
2677                        Crop Tanks
2678                      </a>
2679                    
2680                  
2681                    
2682                      <a href="/collections/tanks" class="mobile-nav__link f2 f0 ">
2683                        Tanks
2684                      </a>
2685                    
2686                  
2687                    
2688                      <a href="/collections/short-sleeve-tops" class="mobile-nav__link f2 f0 ">
2689                        Short Sleeve Tops
2690                      </a>
2691                    
2692                  
2693                    
2694                      <a href="/collections/long-sleeve-tees-pullovers" class="mobile-nav__link f2 f0 ">
2695                        Long Sleeve Tops
2696                      </a>
2697                    
2698                  
2699                    
2700                      <a href="/collections/sweaters" class="mobile-nav__link f2 f0 ">
2701                        Sweaters
2702                      </a>
2703                    
2704                  
2705                    
2706                      <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 ">
2707                        Sweatshirts
2708                      </a>
2709                    
2710                  
2711                    
2712                      <a href="/collections/layers" class="mobile-nav__link f2 f0 ">
2713                        Layers
2714                      </a>
2715                    
2716                  
2717                    
2718                  
2719                    
2720                      <a href="/collections/bottoms-shop-all" class="mobile-nav__link f2 f0 ">
2721                        <b>All Bottoms</b>
2722                      </a>
2723                    
2724                  
2725                    
2726                      <a href="/collections/leggings" class="mobile-nav__link f2 f0 ">
2727                        Leggings
2728                      </a>
2729                    
2730                  
2731                    
2732                      <a href="/collections/leggings-pants-with-pockets" class="mobile-nav__link f2 f0 ">
2733                        Leggings with Pockets
2734                      </a>
2735                    
2736                  
2737                    
2738                      <a href="/collections/pedal-pushers-capris" class="mobile-nav__link f2 f0 ">
2739                        Capris + Pedal Pushers
2740                      </a>
2741                    
2742                  
2743                    
2744                      <a href="/collections/shorts" class="mobile-nav__link f2 f0 ">
2745                        Shorts
2746                      </a>
2747                    
2748                  
2749                    
2750                      <a href="/collections/skirts" class="mobile-nav__link f2 f0 ">
2751                        Skirts
2752                      </a>
2753                    
2754                  
2755                    
2756                      <a href="/collections/pants" class="mobile-nav__link f2 f0 ">
2757                        Pants
2758                      </a>
2759                    
2760                  
2761                    
2762                      <a href="/collections/trending-pants" class="mobile-nav__link f2 f0 ">
2763                        Bootcut + Wide Leg Pants
2764                      </a>
2765                    
2766                  
2767                    
2768                      <a href="/collections/joggers-sweatpants" class="mobile-nav__link f2 f0 ">
2769                        Joggers + Sweatpants
2770                      </a>
2771                    
2772                  
2773                    
2774                  
2775                    
2776                      <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mobile-nav__link f2 f0 ">
2777                        <b>All Dresses + Jumpsuits</b>
2778                      </a>
2779                    
2780                  
2781                    
2782                      <a href="/collections/dresses" class="mobile-nav__link f2 f0 ">
2783                        Dresses
2784                      </a>
2785                    
2786                  
2787                    
2788                      <a href="/collections/active-dresses" class="mobile-nav__link f2 f0 ">
2789                        Active Dresses
2790                      </a>
2791                    
2792                  
2793                    
2794                      <a href="/collections/jumpsuits" class="mobile-nav__link f2 f0 ">
2795                        Jumpsuits
2796                      </a>
2797                    
2798                  
2799                    
2800                  
2801                    
2802                      <a href="/collections/outerwear" class="mobile-nav__link f2 f0 ">
2803                        <b>All Outerwear + Jackets</b>
2804                      </a>
2805                    
2806                  
2807                    
2808                      <a href="/collections/outerwear" class="mobile-nav__link f2 f0 ">
2809                        Jackets
2810                      </a>
2811                    
2812                  
2813                    
2814                      <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 ">
2815                        Sweatshirts + Hoodies
2816                      </a>
2817                    
2818                  
2819                    
2820                  
2821                    
2822                      <a href="/" class="mobile-nav__link f2 f0 ">
2823                        <b>More</b>
2824                      </a>
2825                    
2826                  
2827                    
2828                      <a href="/collections/extended-sizes-1x-4x" class="mobile-nav__link f2 f0 ">
2829                        Extended/Plus Sizes
2830                      </a>
2831                    
2832                  
2833                    
2834                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 ">
2835                        Toddler Leggings
2836                      </a>
2837                    
2838                  
2839                    
2840                      <a href="/collections/accessories" class="mobile-nav__link f2 f0 ">
2841                        Accessories
2842                      </a>
2843                    
2844                  
2845                    
2846                  
2847                    
2848                      <a href="/" class="mobile-nav__link f2 f0 ">
2849                        <b>Shop By Activity</b>
2850                      </a>
2851                    
2852                  
2853                    
2854                      <a href="/collections/glowzone" class="mobile-nav__link f2 f0 ">
2855                        HIIT + Train
2856                      </a>
2857                    
2858                  
2859                    
2860                      <a href="/collections/pilates-yoga-collection" class="mobile-nav__link f2 f0 ">
2861                        Pilates + Yoga
2862                      </a>
2863                    
2864                  
2865                    
2866                      <a href="/collections/running-collection" class="mobile-nav__link f2 f0 ">
2867                        Running
2868                      </a>
2869                    
2870                  
2871                    
2872                      <a href="/collections/tennis-pickleball-collection" class="mobile-nav__link f2 f0 ">
2873                        Tennis + Pickleball
2874                      </a>
2875                    
2876                  
2877                    
2878                      <a href="/collections/golf-collection" class="mobile-nav__link f2 f0 ">
2879                        Golf
2880                      </a>
2881                    
2882                  
2883                    
2884                      <a href="/collections/lounge-shop" class="mobile-nav__link f2 f0 ">
2885                        Lounge
2886                      </a>
2887                    
2888                  
2889                </div>
2890              
2891            
2892              
2893            
2894            
2895          </div>
2896        
2897      
2898        
2899          
2900          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-3-men-subscript-new" data-active="false" js-mobile-nav-submenu>
2901            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Men</div>
2902            
2903              
2904                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2905                  
2906                    
2907                      <a href="/pages/mens" class="mobile-nav__link f2 f2 ">
2908                        Explore
2909                      </a>
2910                    
2911                  
2912                    
2913                      <a href="/collections/mens-collection" class="mobile-nav__link f2 f2 ">
2914                        Shop All
2915                      </a>
2916                    
2917                  
2918                    
2919                      <a href="/collections/mens-new-arrivals" class="mobile-nav__link f2 f2 ">
2920                        New Arrivals
2921                      </a>
2922                    
2923                  
2924                    
2925                      <a href="/collections/mens-bestsellers" class="mobile-nav__link f2 f2 ">
2926                        Bestsellers
2927                      </a>
2928                    
2929                  
2930                    
2931                      <a href="/collections/mens-in-the-gym" class="mobile-nav__link f2 f2 ">
2932                        Active Edit
2933                      </a>
2934                    
2935                  
2936                    
2937                      <a href="/collections/mens-hues" class="mobile-nav__link f2 f2 ">
2938                        Hues Collection
2939                      </a>
2940                    
2941                  
2942                    
2943                      <a href="/collections/mens-the-fairway-collection" class="mobile-nav__link f2 f2 ">
2944                        Fairway Collection
2945                      </a>
2946                    
2947                  
2948                    
2949                      <a href="/collections/mens-luxefleece-shop" class="mobile-nav__link f2 f2 ">
2950                        LuxeFleece Shop
2951                      </a>
2952                    
2953                  
2954                    
2955                      <a href="/pages/mens-fabric-guide" class="mobile-nav__link f2 f2 ">
2956                        Fabric Guide
2957                      </a>
2958                    
2959                  
2960                    
2961                      <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 text-red">
2962                        Sale
2963                      </a>
2964                    
2965                  
2966                </div>
2967              
2968            
2969              
2970                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2971                  
2972                    
2973                      <a href="/collections/mens-tops" class="mobile-nav__link f2 f0 ">
2974                        <b>All Tops</b>
2975                      </a>
2976                    
2977                  
2978                    
2979                      <a href="/collections/mens-tanks-tees" class="mobile-nav__link f2 f0 ">
2980                        Tanks + Tees
2981                      </a>
2982                    
2983                  
2984                    
2985                      <a href="/collections/mens-long-sleeve" class="mobile-nav__link f2 f0 ">
2986                        Long Sleeves
2987                      </a>
2988                    
2989                  
2990                    
2991                      <a href="/collections/mens-hoodies-sweatshirts" class="mobile-nav__link f2 f0 ">
2992                        Hoodies + Sweatshirts
2993                      </a>
2994                    
2995                  
2996                    
2997                      <a href="/collections/mens-jackets" class="mobile-nav__link f2 f0 ">
2998                        Jackets + Vests
2999                      </a>
3000                    
3001                  
3002                    
3003                  
3004                    
3005                      <a href="/collections/mens-bottoms" class="mobile-nav__link f2 f0 ">
3006                        <b>All Bottoms</b>
3007                      </a>
3008                    
3009                  
3010                    
3011                      <a href="/collections/mens-shorts" class="mobile-nav__link f2 f0 ">
3012                        Shorts
3013                      </a>
3014                    
3015                  
3016                    
3017                      <a href="/collections/mens-pants" class="mobile-nav__link f2 f0 ">
3018                        Pants
3019                      </a>
3020                    
3021                  
3022                    
3023                      <a href="/collections/mens-joggers" class="mobile-nav__link f2 f0 ">
3024                        Joggers + Sweatpants
3025                      </a>
3026                    
3027                  
3028                </div>
3029              
3030            
3031              
3032            
3033            
3034          </div>
3035        
3036      
3037        
3038          
3039          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-4-maternity" data-active="false" js-mobile-nav-submenu>
3040            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Maternity</div>
3041            
3042              
3043                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3044                  
3045                    
3046                      <a href="/collections/maternity-all" class="mobile-nav__link f2 f2 ">
3047                        Shop All
3048                      </a>
3049                    
3050                  
3051                    
3052                      <a href="/collections/maternity-new-arrivals" class="mobile-nav__link f2 f2 ">
3053                        New Arrivals
3054                      </a>
3055                    
3056                  
3057                    
3058                      <a href="/collections/bestsellers-maternity" class="mobile-nav__link f2 f2 ">
3059                        Bestsellers
3060                      </a>
3061                    
3062                  
3063                    
3064                      <a href="/collections/maternity-postnatal-4th-trimester" class="mobile-nav__link f2 f2 ">
3065                        Beyond Birth Collection
3066                      </a>
3067                    
3068                  
3069                    
3070                      <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 ">
3071                        Match Your Mini
3072                      </a>
3073                    
3074                  
3075                    
3076                      <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 text-red">
3077                        Sale
3078                      </a>
3079                    
3080                  
3081                </div>
3082              
3083            
3084              
3085                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3086                  
3087                    
3088                      <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 ">
3089                        Tops
3090                      </a>
3091                    
3092                  
3093                    
3094                      <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 ">
3095                        Bottoms
3096                      </a>
3097                    
3098                  
3099                    
3100                      <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 ">
3101                        Dresses + Jumpsuits
3102                      </a>
3103                    
3104                  
3105                    
3106                  
3107                    
3108                      <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 ">
3109                        Leggings + Biker Shorts
3110                      </a>
3111                    
3112                  
3113                    
3114                      <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 ">
3115                        Tanks
3116                      </a>
3117                    
3118                  
3119                    
3120                      <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 ">
3121                        Dresses, Skirts, + Jumpsuits
3122                      </a>
3123                    
3124                  
3125                    
3126                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 ">
3127                        Toddler Leggings
3128                      </a>
3129                    
3130                  
3131                </div>
3132              
3133            
3134              
3135            
3136            
3137          </div>
3138        
3139      
3140        
3141          
3142          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-5-toddler" data-active="false" js-mobile-nav-submenu>
3143            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Toddler</div>
3144            
3145              
3146                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3147                  
3148                    
3149                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f2 ">
3150                        Shop All
3151                      </a>
3152                    
3153                  
3154                    
3155                      <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 ">
3156                        Match Your Mini
3157                      </a>
3158                    
3159                  
3160                </div>
3161              
3162            
3163            
3164          </div>
3165        
3166      
3167        
3168          
3169          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-6-explore" data-active="false" js-mobile-nav-submenu>
3170            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Explore</div>
3171            
3172              
3173                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3174                  
3175                    
3176                      <a href="/pages/about-us" class="mobile-nav__link f2 f2 ">
3177                        About Us
3178                      </a>
3179                    
3180                  
3181                    
3182                      <a href="/pages/stores" class="mobile-nav__link f2 f2 ">
3183                        Find a Store
3184                      </a>
3185                    
3186                  
3187                </div>
3188              
3189            
3190              
3191                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3192                  
3193                    
3194                      <a href="/pages/product-guide" class="mobile-nav__link f2 f0 ">
3195                        Product Guide
3196                      </a>
3197                    
3198                  
3199                    
3200                      <a href="/pages/move-beyond-collective" class="mobile-nav__link f2 f0 ">
3201                        Move Beyond Collective
3202                      </a>
3203                    
3204                  
3205                    
3206                      <a href="/blogs/the-beyond-journal" class="mobile-nav__link f2 f0 ">
3207                        Blog
3208                      </a>
3209                    
3210                  
3211                    
3212                      <a href="/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f0 ">
3213                        Gift Card
3214                      </a>
3215                    
3216                  
3217                </div>
3218              
3219            
3220              
3221            
3222            
3223          </div>
3224        
3225      
3226        
3227          
3228          <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-7-sale-callout" data-active="false" js-mobile-nav-submenu>
3229            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Sale</div>
3230            
3231              
3232                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3233                  
3234                    
3235                      <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 ">
3236                        Shop All Sale
3237                      </a>
3238                    
3239                  
3240                    
3241                      <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 ">
3242                        Shop Men's Sale
3243                      </a>
3244                    
3245                  
3246                    
3247                      <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 ">
3248                        Shop Maternity Sale
3249                      </a>
3250                    
3251                  
3252                    
3253                      <a href="/collections/new-sale" class="mobile-nav__link f2 f2 ">
3254                        Matching Sets
3255                      </a>
3256                    
3257                  
3258                    
3259                      <a href="/collections/sale-under-50" class="mobile-nav__link f2 f2 ">
3260                        Sale Under $50
3261                      </a>
3262                    
3263                  
3264                    
3265                      <a href="/collections/final-sale" class="mobile-nav__link f2 f2 text-red">
3266                        Last Chance - Final Sale
3267                      </a>
3268                    
3269                  
3270                </div>
3271              
3272            
3273              
3274                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3275                  
3276                    
3277                      <a href="/collections/sale-bottoms" class="mobile-nav__link f2 f0 ">
3278                        Bottoms
3279                      </a>
3280                    
3281                  
3282                    
3283                      <a href="/collections/sale-leggings" class="mobile-nav__link f2 f0 ">
3284                        Leggings
3285                      </a>
3286                    
3287                  
3288                    
3289                      <a href="/collections/sale-pants" class="mobile-nav__link f2 f0 ">
3290                        Pants
3291                      </a>
3292                    
3293                  
3294                    
3295                      <a href="/collections/sale-tops-bras-all" class="mobile-nav__link f2 f0 ">
3296                        Tops + Bras
3297                      </a>
3298                    
3299                  
3300                    
3301                      <a href="/collections/sale-shorts-skirts" class="mobile-nav__link f2 f0 ">
3302                        Shorts + Skirts
3303                      </a>
3304                    
3305                  
3306                    
3307                      <a href="/collections/sale-dresses" class="mobile-nav__link f2 f0 ">
3308                        Dresses
3309                      </a>
3310                    
3311                  
3312                    
3313                      <a href="/collections/sale-sweatshirts-hoodies" class="mobile-nav__link f2 f0 ">
3314                        Sweatshirts & Hoodies
3315                      </a>
3316                    
3317                  
3318                    
3319                      <a href="/collections/sale-jumpsuits" class="mobile-nav__link f2 f0 ">
3320                        Jumpsuits
3321                      </a>
3322                    
3323                  
3324                    
3325                      <a href="/collections/sale-outerwear" class="mobile-nav__link f2 f0 ">
3326                        Outerwear + Jackets
3327                      </a>
3328                    
3329                  
3330                    
3331                      <a href="/collections/sale-extended-sizes" class="mobile-nav__link f2 f0 ">
3332                        Extended/Plus Sizes
3333                      </a>
3334                    
3335                  
3336                    
3337                      <a href="/collections/sale-toddler-leggings" class="mobile-nav__link f2 f0 ">
3338                        Toddler Leggings
3339                      </a>
3340                    
3341                  
3342                </div>
3343              
3344            
3345            
3346          </div>
3347        
3348      
3349    </div>
3350  </div>
3351</s-drawer>
3352
3353</div>
3354<!-- END sections: header-group -->
3355  
3356      <s-drawer id="CartDrawer" class="bg-transparent p-6 tabletl:p-16" position='bottom' open="[js-open-cart]" close="[js-close-cart]" role="dialog" aria-labelledby="CartDrawer-Title" aria-modal="true" no-expand-close>
3357  <div class="cart-drawer__wrapper h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] overflow-hidden relative" js-corner-rounding data-radius="12" data-radius-desktop="16">
3358    <div class="cart-drawer__header flex items-center justify-between px-24 py-18 tabletl:pt-24 tabletl:pb-16 tabletl:px-48">
3359      <h2 id="CartDrawer-Title" class="f2 font-400">My Bag</h2>
3360      <button class="f0-mono link link--underline" aria-label="Close" js-close-cart>Close</button>
3361    </div>
3362    <cart-drawer class="flex-1 block overflow-hidden">
3363  <div id="cart" class="cart-drawer h-full" js-cart-drawer-contents>
3364    <cart-drawer-items class="h-full flex flex-col">
3365      <div class="flex-1 max-h-full overflow-y-auto">
3366        
3367        
3368          <p class="px-28 py-12 tabletl:px-48" js-empty-cart>
3369            Your bag is empty, <a href="/collections/all" js-cart-continue-link>continue shopping</a>.
3370          </p>
3371        
3372        <form action="/cart" id="CartDrawer-Form" class="cart-drawer__form px-18 pt-6 tabletl:pt-0 tabletl:pl-48 tabletl:pr-32" method="post">
3373          <div id="CartDrawer-CartItems" class="drawer__contents"></div>
3374          <div id="CartDrawer-CartErrors" role="alert"></div>
3375        </form>
3376        <div class="cart-drawer__cross-sell pl-18 tabletl:pl-48 pt-16 pb-32">
3377          <div data-rebuy-id="59181"></div>  
3378        </div>
3379      </div>
3380      <div class="cart-drawer__footer bg-papyrus-light pt-16 px-24 pb-24 tabletl:px-48">
3381        <div class="cart-drawer__discount py-16">
3382          
3383
3384<s-accordion data-manual-collapse="false" js-accordion>
3385  <div class="accordion-item" js-accordion-item>
3386    <button class="accordion-header flex items-center justify-between w-full" aria-expanded="false" aria-controls="cartDiscount" type="button" aria-label="Open Discount" js-accordion-header>
3387      Discount
3388      <span class="w-32 h-32 p-[10px] leading-[0]"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3389<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/>
3390</svg>
3391<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
3392<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/>
3393</svg>
3394</span>
3395    </button>
3396    <div id="cartDiscount" class="accordion-content" aria-hidden="true" js-accordion-content>
3397      <div class="cart-discount">
3398        <div class="details-content mt-16">
3399          <div class="cart-discount__content flex gap-x-16">
3400              <label
3401                for="cart-discount"
3402                class="visually-hidden"
3403              >
3404                Discount Code
3405              </label>
3406              <input
3407                id="cart-discount"
3408                class="cart-discount__input flex-1 border border-black p-8 text-16"
3409                name="discount"
3410                placeholder="Discount Code"
3411                js-cart-discount-form-input
3412              >
3413              <button
3414                type="button"
3415                class="btn btn--atc h-auto"
3416                aria-label="Apply Discount"
3417                js-cart-discount-form-submit
3418              >
3419                Apply
3420              </button>
3421          </div>
3422          <div
3423            class="cart-discount__error hidden"
3424            role="alert"
3425            aria-live="polite"
3426            js-cart-discount-error
3427          >
3428            <small
3429              class="cart-discount__error-text cart-primary-typography hidden"
3430              js-cart-discount-error-discount-code
3431            >
3432             Discount code cannot be applied to your cart
3433            </small>
3434            <small
3435              class="cart-discount__error-text cart-primary-typography hidden"
3436              js-cart-discount-error-shipping
3437            >
3438              Shipping discounts are shown at checkout after adding an address
3439            </small>
3440          </div>
3441          <ul class="cart-discount__codes flex flex-col gap-y-8 pt-8">
3442            
3443          </ul>
3444        </div>
3445      </div>
3446    </div>
3447  </div>
3448</s-accordion>
3449        </div>
3450        <div class="cart-drawer__totals">
3451          <div class="totals flex items-center justify-between f0" role="status">
3452            <p class="totals__subtotal">Subtotal</p>
3453            <p class="totals__subtotal-value">$0.00 USD</p>
3454          </div>
3455
3456          <div class="my-12 tabletl:my-16"><p class="fn1 text-grey">Taxes and shipping calculated at checkout</p>
3457          </div>
3458        </div>
3459
3460        <div class="cart-drawer__ctas" >
3461          <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button btn btn--atc w-full py-16 justify-center" name="checkout" form="CartDrawer-Form" aria-label="Checkout">Checkout</button>
3462        </div>
3463        <p class="fn1-mono text-center mt-12 tabletl:mt-16">Free Shipping and Free returns</p>
3464      </div>
3465    </cart-drawer-items>
3466  </div>
3467</cart-drawer>
3468  </div>
3469</s-drawer>
3470      <s-drawer id="FilterDrawer" class="filter-drawer bg-transparent p-6 tabletl:p-16" position='bottom' position-tabletp='left' open="[js-open-filter-drawer]" close="[js-close-filter-drawer]" role="dialog" aria-labelledby="FilterDrawer-Title" aria-modal="true">
3471  <div class="filter-drawer__wrapper h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] relative" js-corner-rounding data-radius="12" data-radius-desktop="16">
3472    <div class="filter-drawer__header px-18 py-24 tabletl:px-56 tabletl:py-32 flex justify-between items-center">
3473      <h2 id="FilterDrawer-Title" class="filter-drawer__title f1">Active filters</h2>
3474      <button class="filter-drawer__close f0-mono link link--underline leading-[1]" aria-label="Close" js-close-filter-drawer>CLOSE</button>
3475    </div>
3476    <div class="filter-drawer__filter-sort flex-1 max-h-full overflow-auto">
3477      
3478        <active-filters class="active-filters flex justify-start items-center flex-wrap gap-6 tabletl:gap-8" role="list" aria-label="Active Filters" js-active-filters>
3479  
3480  
3481  
3482</active-filters>
3483        <filter-sort class="filter-sort block px-18 py-24 tabletl:px-56 tabletl:py-32" data-scope="global">
3484  <form class="filter-sort__form" js-filter-form>
3485    <p class="sr-only" role="status" aria-atomic="true" js-filter-status></p>
3486    <div class="filter-sort__filters-container">
3487      <s-accordion data-manual-collapse="true" class="grid gap-6 tabletl:gap-8" js-accordion><div class="filter-sort accordion-item" data-index="0" js-accordion-item js-filter js-sort><button type="button" 
3488            class="filter-sort__label accordion-header link w-full flex justify-between items-center py-8 relative" 
3489            aria-expanded="false" 
3490            aria-controls="sort-master-filter" 
3491            aria-label="Sort By"
3492            js-accordion-header>
3493            <span class="f0-mono">SORT BY</span>
3494            <span class="w-32 h-32 p-[10px] leading-[0]"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3495<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/>
3496</svg>
3497<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
3498<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/>
3499</svg>
3500</span>
3501          </button>
3502          <div id="sort-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="true" js-accordion-content>
3503            <ul class="filter-sort__values filter-sort__values--other py-16" role="list"></ul>
3504          </div>
3505        </div></s-accordion>
3506    </div><!-- .filter-sort__filters-container -->
3507
3508    <div class="filter-sort__footer absolute bottom-0 left-0 right-0 hidden">
3509      <button class="active-filters__remove hidden" aria-label="Clear All" js-clear-all>
3510        Clear All
3511      </button>
3512      <button class="filter-sort__show-results btn btn--papyrus block w-full rounded-none" aria-label="Show Results" js-close-filter-drawer>SHOW RESULTS</button>
3513    </div>
3514
3515    
3516</form>
3517  <loading-spinner class="filter__loading-spinner fixed" style="--width: 40px; --height: 40px;"></loading-spinner>
3518</filter-sort>
3519      
3520    </div>
3521  </div>
3522</s-drawer>
3523      <s-drawer id="PredictiveSearchDrawer" class="predictive-search-drawer" position='bottom' open="[js-open-predictive-search]" close="[js-close-predictive-search]">
3524  <predictive-search class="predictive-search-drawer__wrapper h-full flex flex-col">
3525    <div class="predictive-search__header px-24 py-18 tabletl:px-48 tabletl:py-8 border-b border-papyrus-light tabletl:border-0 flex items-center gap-24">
3526      <form action="/search" method="get" role="search" id="PredictiveSearchForm" class="predictive-search__form flex-1 relative" js-predictive-search-form>
3527        <button type="submit" class="block w-16 absolute left-0 top-1/2 -translate-y-1/2 leading-[0]" aria-label="Search">
3528          <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3529<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/>
3530</svg>
3531
3532        </button>  
3533        <label for="PredictiveSearch" class="visually-hidden">Search</label>
3534        <input
3535          id="PredictiveSearch"
3536          class="predictive-search__input block w-full border-t-0 border-r-0 border-l-0 border-b-transparent f0 placeholder:f0 placeholder:text-grey px-28 py-14 tabletl:px-32 tabletl:py-20 bg-transparent rounded-none focus:text-16"
3537          type="search"
3538          name="query"
3539          value=""autocomplete="off"
3540          placeholder="Search"
3541          js-predictive-search-input
3542        >
3543        <button type="button" class="block w-16 p-[3px] absolute right-0 top-1/2 -translate-y-1/2 leading-[0]" aria-label="Clear" js-predictive-search-clear>
3544          <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3545<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/>
3546</svg>
3547
3548        </button>
3549      </form>
3550      <button type="button" class="predictive-search__close f0 link" aria-label="Close" js-close-predictive-search>Close</button>
3551    </div>
3552    <div class="predictive-search__results f0 flex-1 max-h-full overflow-y-auto p-24 tabletl:px-48 tabletl:flex tabletl:gap-32" aria-label="Predictive search results">
3553      <div class="predictive-search__terms-container mb-44 tabletl:mb-0 tabletl:w-[27%]" js-predictive-search-terms-container aria-label="Predictive search terms" role="status" aria-l
3553ive="polite">
3554        <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-terms-title></div>
3555        <ul class="predictive-search__terms grid gap-6 tabletl:gap-8" js-predictive-search-terms>
3556        </ul>
3557        <button type="submit" form="PredictiveSearchForm" class="predictive-search__show-all btn mt-64 hidden" aria-label="Show All Results" js-predictive-search-show-all>SHOW ALL RESULTS</button>
3558      </div>
3559      <div class="predictive-search__products-container tabletl:flex-1" js-predictive-search-products-container aria-label="Predictive search products">
3560        <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-products-title></div>
3561        <ul class="predictive-search__products grid grid-cols-3 tabletl:grid-cols-4 gap-x-6 gap-y-24 tabletl:gap-8" js-predictive-search-products>
3562        </ul>
3563      </div>
3564      <div class="predictive-search__no-results hidden" js-predictive-search-no-results></div>
3565    </div>
3566  </predictive-search>
3567</s-drawer>
3568      <s-drawer id="QuickshopSizeGuideDrawer" class="quickshop-size-guide-drawer bg-transparent p-6 tabletl:p-16" position='bottom' open="[js-open-quickshop-size-guide]" close="[js-close-quickshop-size-guide]">
3569  <div class="h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] overflow-hidden" js-corner-rounding data-radius="12" data-radius-desktop="16">
3570    <div class="quickshop-size-guide__header px-18 pt-32 pb-18 tabletl:px-56 flex justify-between items-center gap-24 border-b border-papyrus">
3571      <span class="quickshop-size-guide__title f1">Size Guide</span>
3572      <button class="quickshop-size-guide__close f0-mono text-grey link link--underline leading-[1]" aria-label="Close" js-close-quickshop-size-guide>CLOSE</button>
3573    </div>
3574    <div class="quickshop-size-guide__body fn1 flex-1 max-h-full overflow-auto p-18 tabletl:px-56 tabletl:py-32" js-quickshop-size-guide-wrapper>
3575    </div>
3576  </div>
3577</s-drawer>
3578      <s-drawer
3579  id="ShopTheLookDrawer"
3580  class="shop-the-look-drawer bg-transparent z-20"
3581  position="bottom"
3582  close="[js-close-shop-the-look]"
3583  body-open-class="js-shop-the-look-drawer-open"
3584>
3585  <div class="shop-the-look-drawer__wrapper h-full flex flex-col light-mode backdrop-blur-[13.9px] rounded-[12px] tabletl:rounded-[16px] overflow-hidden relative" js-shop-the-look-wrapper js-corner-rounding data-radius="12" data-radius-desktop="16">
3586    <div class="shop-the-look-drawer__header flex items-center justify-between px-24 py-18 tabletl:pt-24 tabletl:pb-16 tabletl:px-48">
3587      <h2 class="f2 font-NoiGrotesk font-600">Shop This Look</h2>
3588      <button class="f0-mono link w-16 h-16" js-close-shop-the-look aria-label="Close shop the look drawer"><svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3589<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/>
3590</svg>
3591</button>
3592    </div>
3593    <div class="shop-the-look-drawer__content flex-1 overflow-y-auto pb-24 pt-16 tabletl:pb-48 tabletl:pt-24 relative" js-shop-the-look-content>
3594      <div class="absolute inset-0 bg-white/80 hidden" js-shop-the-look-loader aria-hidden="true">
3595        <div class="flex items-center justify-center h-full w-full">
3596          <loading-spinner style="--size: 3rem; --bg-opacity: 100%; --background: #ffffff;"></loading-spinner>
3597        </div>
3598      </div>
3599    </div>
3600  </div>
3601</s-drawer>
3602
3603      <s-modal id="QuickshopModal" class="quickshop-modal overflow-hidden top-[calc(env(safe-area-inset-top)+6px)] bottom-[calc(env(safe-area-inset-bottom)+6px)] tabletl:top-[calc(env(safe-area-inset-top)+16px)] tabletl:bottom-[calc(env(safe-area-inset-bottom)+16px)] max-h-[unset] translate-x-[unset] translate-y-[unset] left-6 tabletl:left-16 w-[calc(100vw-12px)] tabletl:w-[calc(100vw-32px)] laptop:w-auto laptop:max-w-[calc(100vw-32px)] rounded-[12px] tabletl:rounded-[16px]" open="[open-quickshop-modal]" close="[close-quickshop-modal]" role="dialog" aria-modal="true" aria-label="Quick Shop" js-corner-rounding data-radius="12" data-radius-desktop="16">
3604  <button class="quickshop-modal__close z-[1] bg-opacity-50 bg-white px-14 py-4 text-10 rounded-[4px] absolute f0-mono link leading-[1] right-24 top-24 tabletl:right-32 tabletl:top-32 text-black tabletl:text-black" aria-label="Close" tabindex="0" close-quickshop-modal>CLOSE</button>
3605  <div class="quickshop-modal__wrapper h-full" tabindex="1" js-quickshop-wrapper></div>
3606</s-modal>
3607  
3608      <main id="MainContent" class="main drawer-background modal-background grid min-h-header" role="main">
3609        <div id="shopify-section-template--19357268639843__section_hero_nDETGM" class="shopify-section">
3610
3611
3612
3613<section class="section__hero  mt-0 mb-0 tabletl:mt-0 tabletl:mb-0 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0 relative" style="background-color: #ffffff;">
3614  <div class="section__hero-content grid  grid-cols-1 tabletl:grid-cols-1 px-0 gap-0 tabletl:px-0 tabletl:gap-0 pt-0 tabletl:pt-0">
3615    
3616      <s-hero>
3617      <s-carousel class="section__hero-carousel block w-full relative" data-options='{
3618      "slidesPerView": 1,
3619      "spaceBetween": 0,
3620      "grabCursor": true,
3621      "autoHeight": false,
3622      "effect": "fade",
3623      "fadeEffect": { "crossFade": true },
3624      "loop": true,
3625      "autoplay": {
3626        "delay": 3000,
3627        "disableOnInteraction": true
3628      }
3629    }'>
3630        <div id="HeroCarousel-template--19357268639843__section_hero_nDETGM" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel>
3631          <div class="swiper-wrapper">
3632            
3633              <div class="swiper-slide" js-carousel-slide >
3634                <div id="shopify-block-ATEFNMndYb0ZFS2V5N__media_banner_j7D3mt" class="shopify-block">
3635
3636
3637<div
3638  class="media-banner relative"
3639  style="
3640    
3641    
3642    --aspect-mobile: 0.6;
3643    --aspect-desktop: 1.6;
3644    --content-width-mobile: 100%;
3645    --content-width-desktop: 100%;
3646  "
3647>
3648  
3649  
3650  
3651    
3652    
3653      <link rel="preload" as="image" href="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1920" fetchpriority="high">
3654    
3655  
3656  <s-video data-auto-play="true">
3657    <div class="media-banner-container relative h-full">
3658      
3659      
3660        
3661          <div class="media-banner-media h-full tabletl:hidden">
3662            
3663
3664
3665
3666
3667  <picture class="lazypicture block w-full h-full">
3668    
3669    <img
3670      src="//beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=300"
3671      srcset="//beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1920 1920w"
3672      sizes="(min-width: 1024px) 100vw, 100vw"
3673      width="780"
3674      height="1300"
3675      loading="eager"
3676      decoding="async"
3677      
3678        fetchpriority="high"
3679      
3680      alt=""
3681      class="w-full h-full object-cover object-center"
3682      
3683    >
3684  </picture>
3685
3686
3687          </div>
3688        
3689        
3690          <div class="media-banner-media h-full hidden tabletl:block">
3691            
3692
3693
3694
3695
3696  <picture class="lazypicture block w-full h-full">
3697    
3698    <img
3699      src="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=300"
3700      srcset="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1920 1920w"
3701      sizes="(min-width: 1024px) 100vw, 100vw"
3702      width="2880"
3703      height="1800"
3704      loading="eager"
3705      decoding="async"
3706      
3707        fetchpriority="high"
3708      
3709      alt=""
3710      class="w-full h-full object-cover object-center"
3711      
3712    >
3713  </picture>
3714
3715
3716          </div>
3717        
3718      
3719    </div>
3720  </s-video>
3721  <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3721stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;">
3722    
3723      <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
3724    
3725    <div class="media-banner-content-inner relative">
3726      
3727
3728<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32">
3729  
3730    <div class="flex flex-col gap-6 tabletl:gap-8">
3731      
3732      
3733        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
3734          Meet Our New <br> Fall Hues.
3735        </p>
3736      
3737    </div>
3738  
3739
3740  
3741
3742  
3743    
3744    <div
3745      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
3746      
3747        style="--cta-padding-top-mobile: 0px;
3748               --cta-padding-right-mobile: 0px;
3749               --cta-padding-bottom-mobile: 0px;
3750               --cta-padding-left-mobile: 0px;
3751               --cta-padding-top-desktop: 0px;
3752               --cta-padding-right-desktop: 0px;
3753               --cta-padding-bottom-desktop: 0px;
3754               --cta-padding-left-desktop: 0px;"
3755      
3756    >
3757      <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
3758      
3759    </div>
3760  
3761</div>
3762
3763    </div>
3764  </div>
3765</div>
3766
3767
3768
3769
3770</div>
3771
3772              </div>
3773            
3774              <div class="swiper-slide" js-carousel-slide >
3775                <div id="shopify-block-ASUNVWi9NN2hRT2VJN__media_banner_AFbkmr" class="shopify-block">
3776
3777
3778<div
3779  class="media-banner relative"
3780  style="
3781    
3782    
3783    --aspect-mobile: 0.6;
3784    --aspect-desktop: 1.6;
3785    --content-width-mobile: 100%;
3786    --content-width-desktop: 100%;
3787  "
3788>
3789  
3790  
3791  
3792  <s-video data-auto-play="false" data-lazy-load="true">
3793    <div class="media-banner-container relative h-full">
3794      
3795      
3796        
3797          <div class="media-banner-media h-full tabletl:hidden">
3798            
3799
3800
3801
3802
3803  <picture class="lazypicture block w-full h-full">
3804    
3805    <img
3806      src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=300"
3807      srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1920 1920w"
3808      sizes="(min-width: 1024px) 100vw, 100vw"
3809      width="780"
3810      height="1300"
3811      loading="lazy"
3812      decoding="async"
3813      
3814      alt=""
3815      class="w-full h-full object-cover object-center"
3816      
3817    >
3818  </picture>
3819
3820
3821          </div>
3822        
3823        
3824          <div class="media-banner-media h-full hidden tabletl:block">
3825            
3826
3827
3828
3829
3830  <picture class="lazypicture block w-full h-full">
3831    
3832    <img
3833      src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=300"
3834      srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1920 1920w"
3835      sizes="(min-width: 1024px) 100vw, 100vw"
3836      width="2880"
3837      height="1800"
3838      loading="lazy"
3839      decoding="async"
3840      
3841      alt=""
3842      class="w-full h-full object-cover object-center"
3843      
3844    >
3845  </picture>
3846
3847
3848          </div>
3849        
3850      
3851    </div>
3852  </s-video>
3853  <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3853stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;">
3854    
3855      <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
3856    
3857    <div class="media-banner-content-inner relative">
3858      
3859
3860<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32">
3861  
3862    <div class="flex flex-col gap-6 tabletl:gap-8">
3863      
3864      
3865        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
3866          Meet Our New <br> Fall Hues.
3867        </p>
3868      
3869    </div>
3870  
3871
3872  
3873
3874  
3875    
3876    <div
3877      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
3878      
3879        style="--cta-padding-top-mobile: 0px;
3880               --cta-padding-right-mobile: 0px;
3881               --cta-padding-bottom-mobile: 0px;
3882               --cta-padding-left-mobile: 0px;
3883               --cta-padding-top-desktop: 0px;
3884               --cta-padding-right-desktop: 0px;
3885               --cta-padding-bottom-desktop: 0px;
3886               --cta-padding-left-desktop: 0px;"
3887      
3888    >
3889      <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
3890      
3891    </div>
3892  
3893</div>
3894
3895    </div>
3896  </div>
3897</div>
3898
3899
3900
3901
3902</div>
3903
3904              </div>
3905            
3906              <div class="swiper-slide" js-carousel-slide >
3907                <div id="shopify-block-AZHZCcXF1dTFrR0JJc__media_banner_fejVhJ" class="shopify-block">
3908
3909
3910<div
3911  class="media-banner relative"
3912  style="
3913    
3914    
3915    --aspect-mobile: 0.6;
3916    --aspect-desktop: 1.6;
3917    --content-width-mobile: 100%;
3918    --content-width-desktop: 100%;
3919  "
3920>
3921  
3922  
3923  
3924  <s-video data-auto-play="false" data-lazy-load="true">
3925    <div class="media-banner-container relative h-full">
3926      
3927      
3928        
3929          <div class="media-banner-media h-full tabletl:hidden">
3930            
3931
3932
3933
3934
3935  <picture class="lazypicture block w-full h-full">
3936    
3937    <img
3938      src="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=300"
3939      srcset="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=300 300w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=600 600w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=750 750w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1920 1920w"
3940      sizes="(min-width: 1024px) 100vw, 100vw"
3941      width="780"
3942      height="1300"
3943      loading="lazy"
3944      decoding="async"
3945      
3946      alt=""
3947      class="w-full h-full object-cover object-center"
3948      
3949    >
3950  </picture>
3951
3952
3953          </div>
3954        
3955        
3956          <div class="media-banner-media h-full hidden tabletl:block">
3957            
3958
3959
3960
3961
3962  <picture class="lazypicture block w-full h-full">
3963    
3964    <img
3965      src="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=300"
3966      srcset="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=300 300w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=600 600w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=750 750w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1920 1920w"
3967      sizes="(min-width: 1024px) 100vw, 100vw"
3968      width="2880"
3969      height="1800"
3970      loading="lazy"
3971      decoding="async"
3972      
3973      alt=""
3974      class="w-full h-full object-cover object-center"
3975      
3976    >
3977  </picture>
3978
3979
3980          </div>
3981        
3982      
3983    </div>
3984  </s-video>
3985  <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3985stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;">
3986    
3987      <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
3988    
3989    <div class="media-banner-content-inner relative">
3990      
3991
3992<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32">
3993  
3994    <div class="flex flex-col gap-6 tabletl:gap-8">
3995      
3996      
3997        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
3998          Meet Our New <br> Fall Hues.
3999        </p>
4000      
4001    </div>
4002  
4003
4004  
4005
4006  
4007    
4008    <div
4009      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
4010      
4011        style="--cta-padding-top-mobile: 0px;
4012               --cta-padding-right-mobile: 0px;
4013               --cta-padding-bottom-mobile: 0px;
4014               --cta-padding-left-mobile: 0px;
4015               --cta-padding-top-desktop: 0px;
4016               --cta-padding-right-desktop: 0px;
4017               --cta-padding-bottom-desktop: 0px;
4018               --cta-padding-left-desktop: 0px;"
4019      
4020    >
4021      <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
4022      
4023    </div>
4024  
4025</div>
4026
4027    </div>
4028  </div>
4029</div>
4030
4031
4032
4033
4034</div>
4035
4036              </div>
4037            
4038              <div class="swiper-slide" js-carousel-slide >
4039                <div id="shopify-block-AeU5qMjFLMWFVbG9qY__media_banner_gdXYJX" class="shopify-block">
4040
4041
4042<div
4043  class="media-banner relative"
4044  style="
4045    
4046    
4047    --aspect-mobile: 0.6;
4048    --aspect-desktop: 1.6;
4049    --content-width-mobile: 100%;
4050    --content-width-desktop: 100%;
4051  "
4052>
4053  
4054  
4055  
4056  <s-video data-auto-play="false" data-lazy-load="true">
4057    <div class="media-banner-container relative h-full">
4058      
4059      
4060        
4061          <div class="media-banner-media h-full tabletl:hidden">
4062            
4063
4064
4065
4066
4067  <picture class="lazypicture block w-full h-full">
4068    
4069    <img
4070      src="//beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=300"
4071      srcset="//beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1920 1920w"
4072      sizes="(min-width: 1024px) 100vw, 100vw"
4073      width="780"
4074      height="1300"
4075      loading="lazy"
4076      decoding="async"
4077      
4078      alt=""
4079      class="w-full h-full object-cover object-center"
4080      
4081    >
4082  </picture>
4083
4084
4085          </div>
4086        
4087        
4088          <div class="media-banner-media h-full hidden tabletl:block">
4089            
4090
4091
4092
4093
4094  <picture class="lazypicture block w-full h-full">
4095    
4096    <img
4097      src="//beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=300"
4098      srcset="//beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=300 300w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=600 600w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=750 750w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1920 1920w"
4099      sizes="(min-width: 1024px) 100vw, 100vw"
4100      width="2880"
4101      height="1800"
4102      loading="lazy"
4103      decoding="async"
4104      
4105      alt=""
4106      class="w-full h-full object-cover object-center"
4107      
4108    >
4109  </picture>
4110
4111
4112          </div>
4113        
4114      
4115    </div>
4116  </s-video>
4117  <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
4117stify-center tabletl:items-start tabletl:text-left" style="color: #FFFFFF;">
4118    
4119      <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
4120    
4121    <div class="media-banner-content-inner relative">
4122      
4123
4124<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32">
4125  
4126    <div class="flex flex-col gap-6 tabletl:gap-8">
4127      
4128      
4129        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
4130          Meet Our New <br> Fall Hues.
4131        </p>
4132      
4133    </div>
4134  
4135
4136  
4137
4138  
4139    
4140    <div
4141      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
4142      
4143        style="--cta-padding-top-mobile: 0px;
4144               --cta-padding-right-mobile: 0px;
4145               --cta-padding-bottom-mobile: 0px;
4146               --cta-padding-left-mobile: 0px;
4147               --cta-padding-top-desktop: 0px;
4148               --cta-padding-right-desktop: 0px;
4149               --cta-padding-bottom-desktop: 0px;
4150               --cta-padding-left-desktop: 0px;"
4151      
4152    >
4153      <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
4154      
4155    </div>
4156  
4157</div>
4158
4159    </div>
4160  </div>
4161</div>
4162
4163
4164
4165
4166</div>
4167
4168              </div>
4169            
4170          </div>
4171          
4172        </div>
4173      </s-carousel>
4174      </s-hero>
4175    
4176  </div>
4177</section>
4178
4179</div><div id="shopify-section-template--19357268639843__section_product_carousel_tabbed_fL9VLL" class="shopify-section">
4180
4181
4182<section class="section__product-carousel-tabbed flex flex-col gap-24 tabletl:gap-32  mt-24 mb-0 tabletl:mt-24 tabletl:mb-0 pt-0 pb-0 tabletl:pt-0 tabletl:pb-0">
4183  <s-tabs class="section__product-carousel-tabbed-tabs">
4184    
4185      <div class="section__product-carousel-tabbed-header flex gap-18 tabletl:gap-24 flex-col tabletl:items-start px-24 tabletl:px-64">
4186        <p class="section__product-carousel-tabbed-title f3">New Arrivals</p>
4187      </div>
4188      <div class="section__product-carousel-tabbed-tabs-container flex justify-between items-center pr-24 gap-24 whitespace-nowrap max-w-[100vw]">
4189        <div class="section__product-carousel-tabbed-tabs-triggers tab__triggers flex flex-row gap-24 text-grey text-16 items-start px-24 tabletl:px-64 py-20 overflow-x-auto" role="tablist" aria-orientation="horizontal" js-tablist>
4190          
4191          
4192          
4193          
4194          
4195            
4196            
4197              
4198              
4199              <button 
4200                id="tab-collection_67EAGk-tab" 
4201                class="tab__trigger" 
4202                aria-controls="tab-collection_67EAGk-content-panel" 
4203                role="tab" 
4204                aria-selected="true"
4205                data-cta-url="/collections/new-arrivals"
4206                data-cta-text="VIEW ALL"
4207                data-cta-style="btn"
4208                js-tab
4209              >
4210                Women's
4211              </button>
4212              
4213            
4214          
4215            
4216            
4217              
4218              
4219              <button 
4220                id="tab-collection_6j7qr6-tab" 
4221                class="tab__trigger" 
4222                aria-controls="tab-collection_6j7qr6-content-panel" 
4223                role="tab" 
4224                aria-selected="false"
4225                data-cta-url="/collections/mens-new-arrivals"
4226                data-cta-text="VIEW ALL"
4227                data-cta-style="btn"
4228                js-tab
4229              >
4230                Men's
4231              </button>
4232              
4233            
4234          
4235        </div>
4236
4237        
4238          <a 
4239            href="/collections/new-arrivals" 
4240            class="section__product-carousel-tabbed-cta btn btn mb-0 tabletl:mb-10"
4241            js-tabbed-carousel-cta
4242          >
4243            VIEW ALL
4244          </a>
4245        
4246      </div>
4247    
4248    
4249    
4250    
4251      
4252      
4253        
4254        
4255        
4256<div 
4257          id="tab-collection_67EAGk-content-panel" 
4258          class="tab__panel" 
4259          role="tabpanel" 
4260          aria-labelledby="tab-collection_67EAGk-tab" 
4261          aria-hidden="false"
4262          js-tab-panel
4263        >
4264          <s-carousel class="block relative" data-options='{
4265            "slidesPerView": "auto",
4266            "spaceBetween": 6,
4267            "slidesOffsetBefore": 24,
4268            "slidesOffsetAfter": 24,
4269            "freeMode": true,
4270            "autoHeight": false,
4271            "loop": false,
4272            "navigation": {
4273              "enabled": true,
4274              "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]",
4275              "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]"
4276            },
4277            "breakpoints": {
4278              "1024": {
4279                "slidesPerView": "auto",
4280                "spaceBetween": 8,
4281                "slidesOffsetBefore": 64,
4282                "slidesOffsetAfter": 64
4283              }
4284            }
4285          }'>
4286            <div id="Carousel-collection_67EAGk" class="swiper grid grid-cols-1" js-carousel>
4287              <div class="swiper-wrapper">
4288                
4289                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4290                    <div class="collection-carousel__content h-full">
4291                      
4292
4293<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="That Tracks Pant 29&quot;" data-product-handle="that-tracks-pant-29-black-00aax-0000" data-swatch-carousel-disabled">
4294  <div class="product-card__image-container relative">
4295    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4296      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4297      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8094058807395 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8094058807395" data-variant-id="44429259014243" data-product-url="https://beyondyoga.com/products/that-tracks-pant-29-black-00aax-0000">
4298      </button>
4299      <!-- Swym Wishlist Plus EPI Button-->
4300      
4301    </div>
4302    
4303      <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__image-link" js-produdct-card-link aria-label="That Tracks Pant 29"">
4304        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4305          
4306
4307
4308
4309
4310  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4311    
4312    <img
4313      src="//beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=300"
4314      srcset="//beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=300 300w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=600 600w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=750 750w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1024 1024w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1280 1280w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1440 1440w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1920 1920w"
4315      sizes="(min-width: 1024px) 25vw, 50vw"
4316      width="1884"
4317      height="2440"
4318      loading="lazy"
4319      decoding="async"
4320      
4321      alt="That Tracks Pant 29""
4322      class="w-full w-full h-full object-cover object-center"
4323      
4324    >
4325  </picture>
4326
4327
4328        </div>
4329        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4330          
4331
4332
4333
4334
4335  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4336    
4337    <img
4338      src="//beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=300"
4339      srcset="//beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1920 1920w"
4340      sizes="(min-width: 1024px) 25vw, 50vw"
4341      width="1884"
4342      height="2440"
4343      loading="lazy"
4344      decoding="async"
4345      
4346      alt="That Tracks Pant 29""
4347      class="w-full w-full h-full object-cover object-center"
4348      
4349    >
4350  </picture>
4351
4352
4353        </div>
4354      </a>
4355    
4356    
4357    
4358      
4359          
4360          
4361
4362          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
4363            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4364            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4365              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
4366              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="that-tracks-pant-29-black-00aax-0000" js-product-card-options>
4367                
4368                  
4369                
4370                  
4371                    
4372                      
4373                      <li class="product-swatch__label-container">
4374                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4374ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="that-tracks-pant-29-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4375                          XXS
4376                        </button>
4377                      </li>
4378                    
4379                      
4380                      <li class="product-swatch__label-container">
4381                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="that-tracks-pant-29-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4382                          XS
4383                        </button>
4384                      </li>
4385                    
4386                      
4387                      <li class="product-swatch__label-container">
4388                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="that-tracks-pant-29-S" data-color="" role="button" data-value="S" aria-label="Add size:S of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4389                          S
4390                        </button>
4391                      </li>
4392                    
4393                      
4394                      <li class="product-swatch__label-container">
4395                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="that-tracks-pant-29-M" data-color="" role="button" data-value="M" aria-label="Add size:M of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4396                          M
4397                        </button>
4398                      </li>
4399                    
4400                      
4401                      <li class="product-swatch__label-container">
4402                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="that-tracks-pant-29-L" data-color="" role="button" data-value="L" aria-label="Add size:L of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4403                          L
4404                        </button>
4405                      </li>
4406                    
4407                      
4408                      <li class="product-swatch__label-container">
4409                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="that-tracks-pant-29-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of That Tracks Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
4410                          XL
4411                        </button>
4412                      </li>
4413                    
4414                  
4415                
4416              </ul>
4417            </div>
4418          </div>
4419
4420          <select class="product-card__select hidden" js-product-card-select>
4421            
4422              <option value="44429259014243"
4423                      data-title="Black / XXS"
4424                      selected
4425                      >
4426                Black / XXS
4427              </option>
4428            
4429              <option value="44429259047011"
4430                      data-title="Black / XS"
4431                      
4432                      disabled="disabled">
4433                Black / XS
4434              </option>
4435            
4436              <option value="44429259079779"
4437                      data-title="Black / S"
4438                      
4439                      disabled="disabled">
4440                Black / S
4441              </option>
4442            
4443              <option value="44429259112547"
4444                      data-title="Black / M"
4445                      
4446                      >
4447                Black / M
4448              </option>
4449            
4450              <option value="44429259145315"
4451                      data-title="Black / L"
4452                      
4453                      >
4454                Black / L
4455              </option>
4456            
4457              <option value="44429259178083"
4458                      data-title="Black / XL"
4459                      
4460                      >
4461                Black / XL
4462              </option>
4463            
4464          </select>
4465        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for That Tracks Pant 29"" js-quickshop-trigger>
4466          QUICK VIEW
4467        </button>
4468      
4469    
4470  </div>
4471  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
4472    data-handle="that-tracks-pant-29-black-00aax-0000" 
4473    data-collection="" 
4474    data-core="swatch-collection-core-non-sale"
4475    data-seasonal="swatch-collection-non-sale" 
4476    data-group="YGroup_TE1347S"
4477    js-product-card-swatch-container>
4478      <fieldset>
4479        <legend id="product-card-swatch-legend-that-tracks-pant-29-black-00aax-0000" class="visually-hidden">That Tracks Pant 29" - Color Options</legend>
4480        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-that-tracks-pant-29-black-00aax-0000" js-swatch-carousel>
4481          <!-- SWATCHES RENDER HERE -->
4482        </div>
4483      </fieldset>
4484      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4485        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4486          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4487<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4488</svg>
4489</span>
4490        </button>
4491        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
4492          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4493<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4494</svg>
4495</span>
4496        </button>
4497      </div>
4498      <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="That Tracks Pant 29" Colors" js-product-card-swatch-count js-produdct-card-link></a>
4499  </div>
4500  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
4501    
4502      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
4503        NEW ARRIVAL
4504      </p>
4505    
4506    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4507      <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
4508        <h3 class="f0">That Tracks Pant 29"</h3>
4509      </a>
4510      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4511        
4512        
4513          <span class="product-card__price product-card__price--current ">$148.00</span>
4514        
4515      </div>
4516      
4517    </div>
4518    
4519  </div>
4520</product-card>
4521                    </div>
4522                  </div>
4523                
4524                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4525                    <div class="collection-carousel__content h-full">
4526                      
4527
4528<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Unity Zip Jacket" data-product-handle="unity-zip-jacket-cabernet-007gh-0003" data-swatch-carousel-disabled">
4529  <div class="product-card__image-container relative">
4530    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4531      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4532      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129111261283 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129111261283" data-variant-id="44543203934307" data-product-url="https://beyondyoga.com/products/unity-zip-jacket-cabernet-007gh-0003">
4533      </button>
4534      <!-- Swym Wishlist Plus EPI Button-->
4535      
4536    </div>
4537    
4538      <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__image-link" js-produdct-card-link aria-label="Unity Zip Jacket">
4539        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4540          
4541
4542
4543
4544
4545  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4546    
4547    <img
4548      src="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=300"
4549      srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1024 1024
4549w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1920 1920w"
4550      sizes="(min-width: 1024px) 25vw, 50vw"
4551      width="1884"
4552      height="2440"
4553      loading="lazy"
4554      decoding="async"
4555      
4556      alt="Unity Zip Jacket"
4557      class="w-full w-full h-full object-cover object-center"
4558      
4559    >
4560  </picture>
4561
4562
4563        </div>
4564        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4565          
4566
4567
4568
4569
4570  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4571    
4572    <img
4573      src="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=300"
4574      srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1920 1920w"
4575      sizes="(min-width: 1024px) 25vw, 50vw"
4576      width="1884"
4577      height="2440"
4578      loading="lazy"
4579      decoding="async"
4580      
4581      alt="Unity Zip Jacket"
4582      class="w-full w-full h-full object-cover object-center"
4583      
4584    >
4585  </picture>
4586
4587
4588        </div>
4589      </a>
4590    
4591    
4592    
4593      
4594          
4595          
4596
4597          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
4598            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4599            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4600              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
4601              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="unity-zip-jacket-cabernet-007gh-0003" js-product-card-options>
4602                
4603                  
4604                
4605                  
4606                    
4607                      
4608                      <li class="product-swatch__label-container">
4609                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="unity-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4610                          XXS
4611                        </button>
4612                      </li>
4613                    
4614                      
4615                      <li class="product-swatch__label-container">
4616                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4616ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4617                          XS
4618                        </button>
4619                      </li>
4620                    
4621                      
4622                      <li class="product-swatch__label-container">
4623                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4624                          S
4625                        </button>
4626                      </li>
4627                    
4628                      
4629                      <li class="product-swatch__label-container">
4630                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4631                          M
4632                        </button>
4633                      </li>
4634                    
4635                      
4636                      <li class="product-swatch__label-container">
4637                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4638                          L
4639                        </button>
4640                      </li>
4641                    
4642                      
4643                      <li class="product-swatch__label-container">
4644                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4645                          XL
4646                        </button>
4647                      </li>
4648                    
4649                      
4650                      <li class="product-swatch__label-container">
4651                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4652                          XXL
4653                        </button>
4654                      </li>
4655                    
4656                  
4657                
4658              </ul>
4659            </div>
4660          </div>
4661
4662          <select class="product-card__select hidden" js-product-card-select>
4663            
4664              <option value="44543203934307"
4665                      data-title="Cabernet / XXS"
4666                      selected
4667                      disabled="disabled">
4668                Cabernet / XXS
4669              </option>
4670            
4671              <option value="44543200526435"
4672                      data-title="Cabernet / XS"
4673                      
4674                      >
4675                Cabernet / XS
4676              </option>
4677            
4678              <option value="44543200559203"
4679                      data-title="Cabernet / S"
4680                      
4681                      >
4682                Cabernet / S
4683              </option>
4684            
4685              <option value="44543200591971"
4686                      data-title="Cabernet / M"
4687                      
4688                      >
4689                Cabernet / M
4690              </option>
4691            
4692              <option value="44543200624739"
4693                      data-title="Cabernet / L"
4694                      
4695                      >
4696                Cabernet / L
4697              </option>
4698            
4699              <option value="44543200657507"
4700                      data-title="Cabernet / XL"
4701                      
4702                      >
4703                Cabernet / XL
4704              </option>
4705            
4706              <option value="44543203967075"
4707                      data-title="Cabernet / XXL"
4708                      
4709                      >
4710                Cabernet / XXL
4711              </option>
4712            
4713          </select>
4714        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Unity Zip Jacket" js-quickshop-trigger>
4715          QUICK VIEW
4716        </button>
4717      
4718    
4719  </div>
4720  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
4721    data-handle="unity-zip-jacket-cabernet-007gh-0003" 
4722    data-collection="" 
4723    data-core="swatch-collection-core-non-sale"
4724    data-seasonal="swatch-collection-non-sale" 
4725    data-group="YGroup_QC2303"
4726    js-product-card-swatch-container>
4727      <fieldset>
4728        <legend id="product-card-swatch-legend-unity-zip-jacket-cabernet-007gh-0003" class="visually-hidden">Unity Zip Jacket - Color Options</legend>
4729        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-zip-jacket-cabernet-007gh-0003" js-swatch-carousel>
4730          <!-- SWATCHES RENDER HERE -->
4731        </div>
4732      </fieldset>
4733      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4734        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4735          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4736<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4737</svg>
4738</span>
4739        </button>
4740        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
4741          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4742<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4743</svg>
4744</span>
4745        </button>
4746      </div>
4747      <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
4748  </div>
4749  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
4750    
4751    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4752      <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
4753        <h3 class="f0">Unity Zip Jacket</h3>
4754      </a>
4755      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4756        
4757        
4758          <span class="product-card__price product-card__price--current ">$178.00</span>
4759        
4760      </div>
4761      
4762    </div>
4763    
4764  </div>
4765</product-card>
4766                    </div>
4767                  </div>
4768                
4769                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4770                    <div class="collection-carousel__content h-full">
4771                      
4772
4773<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="LuxeFleece 2.0™ Hooded Full-Zip Jacket" data-product-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" data-swatch-carousel-disabled">
4774  <div class="product-card__image-container relative">
4775    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4776      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4777      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8054801072227 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8054801072227" data-variant-id="44323327508579" data-product-url="https://beyondyoga.com/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004">
4778      </button>
4779      <!-- Swym Wishlist Plus EPI Button-->
4780      
4781    </div>
4782    
4783      <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__image-link" js-produdct-card-link aria-label="LuxeFleece 2.0™ Hooded Full-Zip Jacket">
4784        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4785          
4786
4787
4788
4789
4790  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4791    
4792    <img
4793      src="//beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=300"
4794      srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024
4794w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w"
4795      sizes="(min-width: 1024px) 25vw, 50vw"
4796      width="1884"
4797      height="2440"
4798      loading="lazy"
4799      decoding="async"
4800      
4801      alt="LuxeFleece 2.0™ Hooded Full-Zip Jacket"
4802      class="w-full w-full h-full object-cover object-center"
4803      
4804    >
4805  </picture>
4806
4807
4808        </div>
4809        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4810          
4811
4812
4813
4814
4815  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4816    
4817    <img
4818      src="//beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=300"
4819      srcset="//beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w"
4820      sizes="(min-width: 1024px) 25vw, 50vw"
4821      width="1884"
4822      height="2440"
4823      loading="lazy"
4824      decoding="async"
4825      
4826      alt="LuxeFleece 2.0™ Hooded Full-Zip Jacket"
4827      class="w-full w-full h-full object-cover object-center"
4828      
4829    >
4830  </picture>
4831
4832
4833        </div>
4834      </a>
4835    
4836    
4837    
4838      
4839          
4840          
4841
4842          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
4843            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4844            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4845              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
4846              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" js-product-card-options>
4847                
4848                  
4849                
4850                  
4851                    
4852                      
4853                      <li class="product-swatch__label-container">
4854                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4855                          XXS
4856                        </button>
4857                      </li>
4858                    
4859                      
4860                      <li class="product-swatch__label-container">
4861                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4861ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4862                          XS
4863                        </button>
4864                      </li>
4865                    
4866                      
4867                      <li class="product-swatch__label-container">
4868                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4869                          S
4870                        </button>
4871                      </li>
4872                    
4873                      
4874                      <li class="product-swatch__label-container">
4875                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4876                          M
4877                        </button>
4878                      </li>
4879                    
4880                      
4881                      <li class="product-swatch__label-container">
4882                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4883                          L
4884                        </button>
4885                      </li>
4886                    
4887                      
4888                      <li class="product-swatch__label-container">
4889                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4890                          XL
4891                        </button>
4892                      </li>
4893                    
4894                      
4895                      <li class="product-swatch__label-container">
4896                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxefleece-2-0™-hooded-full-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of LuxeFleece 2.0™ Hooded Full-Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
4897                          XXL
4898                        </button>
4899                      </li>
4900                    
4901                  
4902                
4903              </ul>
4904            </div>
4905          </div>
4906
4907          <select class="product-card__select hidden" js-product-card-select>
4908            
4909              <option value="44323327508579"
4910                      data-title="Heather Gray / XXS"
4911                      selected
4912                      >
4913                Heather Gray / XXS
4914              </option>
4915            
4916              <option value="44323327541347"
4917                      data-title="Heather Gray / XS"
4918                      
4919                      >
4920                Heather Gray / XS
4921              </option>
4922            
4923              <option value="44323327574115"
4924                      data-title="Heather Gray / S"
4925                      
4926                      >
4927                Heather Gray / S
4928              </option>
4929            
4930              <option value="44323327606883"
4931                      data-title="Heather Gray / M"
4932                      
4933                      >
4934                Heather Gray / M
4935              </option>
4936            
4937              <option value="44323327639651"
4938                      data-title="Heather Gray / L"
4939                      
4940                      >
4941                Heather Gray / L
4942              </option>
4943            
4944              <option value="44323327672419"
4945                      data-title="Heather Gray / XL"
4946                      
4947                      >
4948                Heather Gray / XL
4949              </option>
4950            
4951              <option value="44323327705187"
4952                      data-title="Heather Gray / XXL"
4953                      
4954                      >
4955                Heather Gray / XXL
4956              </option>
4957            
4958          </select>
4959        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for LuxeFleece 2.0™ Hooded Full-Zip Jacket" js-quickshop-trigger>
4960          QUICK VIEW
4961        </button>
4962      
4963    
4964  </div>
4965  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
4966    data-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" 
4967    data-collection="" 
4968    data-core="swatch-collection-core-non-sale"
4969    data-seasonal="swatch-collection-non-sale" 
4970    data-group="YGroup_CC2348"
4971    js-product-card-swatch-container>
4972      <fieldset>
4973        <legend id="product-card-swatch-legend-luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="visually-hidden">LuxeFleece 2.0™ Hooded Full-Zip Jacket - Color Options</legend>
4974        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" js-swatch-carousel>
4975          <!-- SWATCHES RENDER HERE -->
4976        </div>
4977      </fieldset>
4978      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4979        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4980          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4981<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4982</svg>
4983</span>
4984        </button>
4985        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
4986          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4987<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4988</svg>
4989</span>
4990        </button>
4991      </div>
4992      <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="LuxeFleece 2.0™ Hooded Full-Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
4993  </div>
4994  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
4995    
4996      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
4997        NEW ARRIVAL
4998      </p>
4999    
5000    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5001      <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5002        <h3 class="f0">LuxeFleece 2.0™ Hooded Full-Zip Jacket</h3>
5003      </a>
5004      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5005        
5006        
5007          <span class="product-card__price product-card__price--current ">$138.00</span>
5008        
5009      </div>
5010      
5011    </div>
5012    
5013  </div>
5014</product-card>
5015                    </div>
5016                  </div>
5017                
5018                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5019                    <div class="collection-carousel__content h-full">
5020                      
5021
5022<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye™ Forever Tank" data-product-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" data-swatch-carousel-disabled">
5023  <div class="product-card__image-container relative">
5024    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5025      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5026      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8112603627619 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8112603627619" data-variant-id="44488667136099" data-product-url="https://beyondyoga.com/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080">
5027      </button>
5028      <!-- Swym Wishlist Plus EPI Button-->
5029      
5030    </div>
5031    
5032      <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye™ Forever Tank">
5033        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5034          
5035
5036
5037
5038
5039  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5040    
5041    <img
5042      src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=300"
5043      srcset="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1024 1024
5043w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1920 1920w"
5044      sizes="(min-width: 1024px) 25vw, 50vw"
5045      width="1884"
5046      height="2440"
5047      loading="lazy"
5048      decoding="async"
5049      
5050      alt="Spacedye™ Forever Tank"
5051      class="w-full w-full h-full object-cover object-center"
5052      
5053    >
5054  </picture>
5055
5056
5057        </div>
5058        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5059          
5060
5061
5062
5063
5064  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5065    
5066    <img
5067      src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=300"
5068      srcset="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1920 1920w"
5069      sizes="(min-width: 1024px) 25vw, 50vw"
5070      width="1884"
5071      height="2440"
5072      loading="lazy"
5073      decoding="async"
5074      
5075      alt="Spacedye™ Forever Tank"
5076      class="w-full w-full h-full object-cover object-center"
5077      
5078    >
5079  </picture>
5080
5081
5082        </div>
5083      </a>
5084    
5085    
5086    
5087      
5088          
5089          
5090
5091          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
5092            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5093            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5094              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
5095              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" js-product-card-options>
5096                
5097                  
5098                
5099                  
5100                    
5101                      
5102                      <li class="product-swatch__label-container">
5103                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5104                          XXS
5105                        </button>
5106                      </li>
5107                    
5108                      
5109                      <li class="product-swatch__label-container">
5110                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5110ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5111                          XS
5112                        </button>
5113                      </li>
5114                    
5115                      
5116                      <li class="product-swatch__label-container">
5117                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5118                          S
5119                        </button>
5120                      </li>
5121                    
5122                      
5123                      <li class="product-swatch__label-container">
5124                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5125                          M
5126                        </button>
5127                      </li>
5128                    
5129                      
5130                      <li class="product-swatch__label-container">
5131                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5132                          L
5133                        </button>
5134                      </li>
5135                    
5136                      
5137                      <li class="product-swatch__label-container">
5138                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5139                          XL
5140                        </button>
5141                      </li>
5142                    
5143                      
5144                      <li class="product-swatch__label-container">
5145                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-forever-tank-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye™ Forever Tank with color:  to cart" js-product-card-quick-add-swatch>
5146                          XXL
5147                        </button>
5148                      </li>
5149                    
5150                  
5151                
5152              </ul>
5153            </div>
5154          </div>
5155
5156          <select class="product-card__select hidden" js-product-card-select>
5157            
5158              <option value="44488667136099"
5159                      data-title="Darkest Night/Cloud White / XXS"
5160                      selected
5161                      >
5162                Darkest Night/Cloud White / XXS
5163              </option>
5164            
5165              <option value="44488667168867"
5166                      data-title="Darkest Night/Cloud White / XS"
5167                      
5168                      >
5169                Darkest Night/Cloud White / XS
5170              </option>
5171            
5172              <option value="44488667201635"
5173                      data-title="Darkest Night/Cloud White / S"
5174                      
5175                      >
5176                Darkest Night/Cloud White / S
5177              </option>
5178            
5179              <option value="44488667234403"
5180                      data-title="Darkest Night/Cloud White / M"
5181                      
5182                      >
5183                Darkest Night/Cloud White / M
5184              </option>
5185            
5186              <option value="44488667267171"
5187                      data-title="Darkest Night/Cloud White / L"
5188                      
5189                      >
5190                Darkest Night/Cloud White / L
5191              </option>
5192            
5193              <option value="44488667299939"
5194                      data-title="Darkest Night/Cloud White / XL"
5195                      
5196                      >
5197                Darkest Night/Cloud White / XL
5198              </option>
5199            
5200              <option value="44488667332707"
5201                      data-title="Darkest Night/Cloud White / XXL"
5202                      
5203                      >
5204                Darkest Night/Cloud White / XXL
5205              </option>
5206            
5207          </select>
5208        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye™ Forever Tank" js-quickshop-trigger>
5209          QUICK VIEW
5210        </button>
5211      
5212    
5213  </div>
5214  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
5215    data-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" 
5216    data-collection="" 
5217    data-core="swatch-collection-core-non-sale"
5218    data-seasonal="swatch-collection-non-sale" 
5219    data-group="YGroup_SD4746"
5220    js-product-card-swatch-container>
5221      <fieldset>
5222        <legend id="product-card-swatch-legend-spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="visually-hidden">Spacedye™ Forever Tank - Color Options</legend>
5223        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" js-swatch-carousel>
5224          <!-- SWATCHES RENDER HERE -->
5225        </div>
5226      </fieldset>
5227      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5228        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5229          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5230<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5231</svg>
5232</span>
5233        </button>
5234        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
5235          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5236<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5237</svg>
5238</span>
5239        </button>
5240      </div>
5241      <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye™ Forever Tank Colors" js-product-card-swatch-count js-produdct-card-link></a>
5242  </div>
5243  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
5244    
5245    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5246      <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5247        <h3 class="f0">Spacedye™ Forever Tank</h3>
5248      </a>
5249      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5250        
5251        
5252          <span class="product-card__price product-card__price--current ">$74.00</span>
5253        
5254      </div>
5255      
5256    </div>
5257    
5258  </div>
5259</product-card>
5260                    </div>
5261                  </div>
5262                
5263                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5264                    <div class="collection-carousel__content h-full">
5265                      
5266
5267<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Reversible Jacket" data-product-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" data-swatch-carousel-disabled">
5268  <div class="product-card__image-container relative">
5269    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5270      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5271      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8127044976739 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127044976739" data-variant-id="44536331305059" data-product-url="https://beyondyoga.com/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000">
5272      </button>
5273      <!-- Swym Wishlist Plus EPI Button-->
5274      
5275    </div>
5276    
5277      <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Reversible Jacket">
5278        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5279          
5280
5281
5282
5283
5284  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5285    
5286    <img
5287      src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=300"
5288      srcset="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1024 1024
5288w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1920 1920w"
5289      sizes="(min-width: 1024px) 25vw, 50vw"
5290      width="1884"
5291      height="2440"
5292      loading="lazy"
5293      decoding="async"
5294      
5295      alt="Roam Quilted Reversible Jacket"
5296      class="w-full w-full h-full object-cover object-center"
5297      
5298    >
5299  </picture>
5300
5301
5302        </div>
5303        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5304          
5305
5306
5307
5308
5309  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5310    
5311    <img
5312      src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=300"
5313      srcset="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1920 1920w"
5314      sizes="(min-width: 1024px) 25vw, 50vw"
5315      width="1884"
5316      height="2440"
5317      loading="lazy"
5318      decoding="async"
5319      
5320      alt="Roam Quilted Reversible Jacket"
5321      class="w-full w-full h-full object-cover object-center"
5322      
5323    >
5324  </picture>
5325
5326
5327        </div>
5328      </a>
5329    
5330    
5331    
5332      
5333          
5334          
5335
5336          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
5337            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5338            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5339              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
5340              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" js-product-card-options>
5341                
5342                  
5343                
5344                  
5345                    
5346                      
5347                      <li class="product-swatch__label-container">
5348                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5349                          XXS
5350                        </button>
5351                      </li>
5352                    
5353                      
5354                      <li class="product-swatch__label-container">
5355                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5355ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5356                          XS
5357                        </button>
5358                      </li>
5359                    
5360                      
5361                      <li class="product-swatch__label-container">
5362                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5363                          S
5364                        </button>
5365                      </li>
5366                    
5367                      
5368                      <li class="product-swatch__label-container">
5369                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5370                          M
5371                        </button>
5372                      </li>
5373                    
5374                      
5375                      <li class="product-swatch__label-container">
5376                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5377                          L
5378                        </button>
5379                      </li>
5380                    
5381                      
5382                      <li class="product-swatch__label-container">
5383                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-reversible-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Reversible Jacket with color:  to cart" js-product-card-quick-add-swatch>
5384                          XL
5385                        </button>
5386                      </li>
5387                    
5388                  
5389                
5390              </ul>
5391            </div>
5392          </div>
5393
5394          <select class="product-card__select hidden" js-product-card-select>
5395            
5396              <option value="44536331305059"
5397                      data-title="Bone/Riverbed / XXS"
5398                      selected
5399                      >
5400                Bone/Riverbed / XXS
5401              </option>
5402            
5403              <option value="44536331337827"
5404                      data-title="Bone/Riverbed / XS"
5405                      
5406                      >
5407                Bone/Riverbed / XS
5408              </option>
5409            
5410              <option value="44536331370595"
5411                      data-title="Bone/Riverbed / S"
5412                      
5413                      >
5414                Bone/Riverbed / S
5415              </option>
5416            
5417              <option value="44536331403363"
5418                      data-title="Bone/Riverbed / M"
5419                      
5420                      >
5421                Bone/Riverbed / M
5422              </option>
5423            
5424              <option value="44536331436131"
5425                      data-title="Bone/Riverbed / L"
5426                      
5427                      >
5428                Bone/Riverbed / L
5429              </option>
5430            
5431              <option value="44536331468899"
5432                      data-title="Bone/Riverbed / XL"
5433                      
5434                      >
5435                Bone/Riverbed / XL
5436              </option>
5437            
5438          </select>
5439        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Reversible Jacket" js-quickshop-trigger>
5440          QUICK VIEW
5441        </button>
5442      
5443    
5444  </div>
5445  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
5446    data-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" 
5447    data-collection="" 
5448    data-core="swatch-collection-core-non-sale"
5449    data-seasonal="swatch-collection-non-sale" 
5450    data-group="YGroup_LD2288"
5451    js-product-card-swatch-container>
5452      <fieldset>
5453        <legend id="product-card-swatch-legend-roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="visually-hidden">Roam Quilted Reversible Jacket - Color Options</legend>
5454        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" js-swatch-carousel>
5455          <!-- SWATCHES RENDER HERE -->
5456        </div>
5457      </fieldset>
5458      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5459        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5460          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5461<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5462</svg>
5463</span>
5464        </button>
5465        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
5466          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5467<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5468</svg>
5469</span>
5470        </button>
5471      </div>
5472      <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Reversible Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
5473  </div>
5474  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
5475    
5476    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5477      <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5478        <h3 class="f0">Roam Quilted Reversible Jacket</h3>
5479      </a>
5480      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5481        
5482        
5483          <span class="product-card__price product-card__price--current ">$248.00</span>
5484        
5485      </div>
5486      
5487    </div>
5488    
5489  </div>
5490</product-card>
5491                    </div>
5492                  </div>
5493                
5494                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5495                    <div class="collection-carousel__content h-full">
5496                      
5497
5498<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye™ Caught In The Midi High Waisted Legging" data-product-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" data-swatch-carousel-disabled">
5499  <div class="product-card__image-container relative">
5500    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5501      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5502      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8126104076387 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8126104076387" data-variant-id="44529168253027" data-product-url="https://beyondyoga.com/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085">
5503      </button>
5504      <!-- Swym Wishlist Plus EPI Button-->
5505      
5506    </div>
5507    
5508      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye™ Caught In The Midi High Waisted Legging">
5509        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5510          
5511
5512
5513
5514
5515  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5516    
5517    <img
5518      src="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=300"
5519      srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1024 1024
5519w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1920 1920w"
5520      sizes="(min-width: 1024px) 25vw, 50vw"
5521      width="1884"
5522      height="2440"
5523      loading="lazy"
5524      decoding="async"
5525      
5526      alt="Spacedye™ Caught In The Midi High Waisted Legging"
5527      class="w-full w-full h-full object-cover object-center"
5528      
5529    >
5530  </picture>
5531
5532
5533        </div>
5534        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5535          
5536
5537
5538
5539
5540  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5541    
5542    <img
5543      src="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=300"
5544      srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1920 1920w"
5545      sizes="(min-width: 1024px) 25vw, 50vw"
5546      width="1884"
5547      height="2440"
5548      loading="lazy"
5549      decoding="async"
5550      
5551      alt="Spacedye™ Caught In The Midi High Waisted Legging"
5552      class="w-full w-full h-full object-cover object-center"
5553      
5554    >
5555  </picture>
5556
5557
5558        </div>
5559      </a>
5560    
5561    
5562    
5563      
5564          
5565          
5566
5567          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
5568            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5569            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5570              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
5571              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" js-product-card-options>
5572                
5573                  
5574                
5575                  
5576                    
5577                      
5578                      <li class="product-swatch__label-container">
5579                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5580                          XXS
5581                        </button>
5582                      </li>
5583                    
5584                      
5585                      <li class="product-swatch__label-container">
5586                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5586ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5587                          XS
5588                        </button>
5589                      </li>
5590                    
5591                      
5592                      <li class="product-swatch__label-container">
5593                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5594                          S
5595                        </button>
5596                      </li>
5597                    
5598                      
5599                      <li class="product-swatch__label-container">
5600                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5601                          M
5602                        </button>
5603                      </li>
5604                    
5605                      
5606                      <li class="product-swatch__label-container">
5607                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5608                          L
5609                        </button>
5610                      </li>
5611                    
5612                      
5613                      <li class="product-swatch__label-container">
5614                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-caught-in-the-midi-high-waisted-legging-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5615                          XL
5616                        </button>
5617                      </li>
5618                    
5619                      
5620                      <li class="product-swatch__label-container">
5621                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="spacedye™-caught-in-the-midi-high-waisted-legging-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye™ Caught In The Midi High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
5622                          XXL
5623                        </button>
5624                      </li>
5625                    
5626                  
5627                
5628              </ul>
5629            </div>
5630          </div>
5631
5632          <select class="product-card__select hidden" js-product-card-select>
5633            
5634              <option value="44529168253027"
5635                      data-title="Cabernet Heather / XXS"
5636                      selected
5637                      >
5638                Cabernet Heather / XXS
5639              </option>
5640            
5641              <option value="44529168285795"
5642                      data-title="Cabernet Heather / XS"
5643                      
5644                      >
5645                Cabernet Heather / XS
5646              </option>
5647            
5648              <option value="44529168318563"
5649                      data-title="Cabernet Heather / S"
5650                      
5651                      >
5652                Cabernet Heather / S
5653              </option>
5654            
5655              <option value="44529168351331"
5656                      data-title="Cabernet Heather / M"
5657                      
5658                      >
5659                Cabernet Heather / M
5660              </option>
5661            
5662              <option value="44529168384099"
5663                      data-title="Cabernet Heather / L"
5664                      
5665                      >
5666                Cabernet Heather / L
5667              </option>
5668            
5669              <option value="44529168416867"
5670                      data-title="Cabernet Heather / XL"
5671                      
5672                      >
5673                Cabernet Heather / XL
5674              </option>
5675            
5676              <option value="44529168449635"
5677                      data-title="Cabernet Heather / XXL"
5678                      
5679                      disabled="disabled">
5680                Cabernet Heather / XXL
5681              </option>
5682            
5683          </select>
5684        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye™ Caught In The Midi High Waisted Legging" js-quickshop-trigger>
5685          QUICK VIEW
5686        </button>
5687      
5688    
5689  </div>
5690  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
5691    data-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" 
5692    data-collection="" 
5693    data-core="swatch-collection-core-non-sale"
5694    data-seasonal="swatch-collection-non-sale" 
5695    data-group="YGroup_SD3243"
5696    js-product-card-swatch-container>
5697      <fieldset>
5698        <legend id="product-card-swatch-legend-spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="visually-hidden">Spacedye™ Caught In The Midi High Waisted Legging - Color Options</legend>
5699        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" js-swatch-carousel>
5700          <!-- SWATCHES RENDER HERE -->
5701        </div>
5702      </fieldset>
5703      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5704        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5705          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5706<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5707</svg>
5708</span>
5709        </button>
5710        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
5711          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5712<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5713</svg>
5714</span>
5715        </button>
5716      </div>
5717      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye™ Caught In The Midi High Waisted Legging Colors" js-product-card-swatch-count js-produdct-card-link></a>
5718  </div>
5719  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
5720    
5721    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5722      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5723        <h3 class="f0">Spacedye™ Caught In The Midi High Waisted Legging</h3>
5724      </a>
5725      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5726        
5727        
5728          <span class="product-card__price product-card__price--current ">$99.00</span>
5729        
5730      </div>
5731      
5732    </div>
5733    
5734  </div>
5735</product-card>
5736                    </div>
5737                  </div>
5738                
5739                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5740                    <div class="collection-carousel__content h-full">
5741                      
5742
5743<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Unity Zip Jacket" data-product-handle="unity-zip-jacket-mineral-blue-007gh-0004" data-swatch-carousel-disabled">
5744  <div class="product-card__image-container relative">
5745    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5746      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5747      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129114472547 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129114472547" data-variant-id="44543205212259" data-product-url="https://beyondyoga.com/products/unity-zip-jacket-mineral-blue-007gh-0004">
5748      </button>
5749      <!-- Swym Wishlist Plus EPI Button-->
5750      
5751    </div>
5752    
5753      <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__image-link" js-produdct-card-link aria-label="Unity Zip Jacket">
5754        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5755          
5756
5757
5758
5759
5760  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5761    
5762    <img
5763      src="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=300"
5764      srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1024 1024
5764w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1920 1920w"
5765      sizes="(min-width: 1024px) 25vw, 50vw"
5766      width="1884"
5767      height="2440"
5768      loading="lazy"
5769      decoding="async"
5770      
5771      alt="Unity Zip Jacket"
5772      class="w-full w-full h-full object-cover object-center"
5773      
5774    >
5775  </picture>
5776
5777
5778        </div>
5779        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5780          
5781
5782
5783
5784
5785  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5786    
5787    <img
5788      src="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=300"
5789      srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1920 1920w"
5790      sizes="(min-width: 1024px) 25vw, 50vw"
5791      width="1884"
5792      height="2440"
5793      loading="lazy"
5794      decoding="async"
5795      
5796      alt="Unity Zip Jacket"
5797      class="w-full w-full h-full object-cover object-center"
5798      
5799    >
5800  </picture>
5801
5802
5803        </div>
5804      </a>
5805    
5806    
5807    
5808      
5809          
5810          
5811
5812          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
5813            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5814            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5815              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
5816              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="unity-zip-jacket-mineral-blue-007gh-0004" js-product-card-options>
5817                
5818                  
5819                
5820                  
5821                    
5822                      
5823                      <li class="product-swatch__label-container">
5824                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5825                          XXS
5826                        </button>
5827                      </li>
5828                    
5829                      
5830                      <li class="product-swatch__label-container">
5831                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5831ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5832                          XS
5833                        </button>
5834                      </li>
5835                    
5836                      
5837                      <li class="product-swatch__label-container">
5838                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5839                          S
5840                        </button>
5841                      </li>
5842                    
5843                      
5844                      <li class="product-swatch__label-container">
5845                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5846                          M
5847                        </button>
5848                      </li>
5849                    
5850                      
5851                      <li class="product-swatch__label-container">
5852                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5853                          L
5854                        </button>
5855                      </li>
5856                    
5857                      
5858                      <li class="product-swatch__label-container">
5859                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5860                          XL
5861                        </button>
5862                      </li>
5863                    
5864                      
5865                      <li class="product-swatch__label-container">
5866                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
5867                          XXL
5868                        </button>
5869                      </li>
5870                    
5871                  
5872                
5873              </ul>
5874            </div>
5875          </div>
5876
5877          <select class="product-card__select hidden" js-product-card-select>
5878            
5879              <option value="44543205212259"
5880                      data-title="Mineral Blue / XXS"
5881                      selected
5882                      >
5883                Mineral Blue / XXS
5884              </option>
5885            
5886              <option value="44543205245027"
5887                      data-title="Mineral Blue / XS"
5888                      
5889                      >
5890                Mineral Blue / XS
5891              </option>
5892            
5893              <option value="44543205277795"
5894                      data-title="Mineral Blue / S"
5895                      
5896                      >
5897                Mineral Blue / S
5898              </option>
5899            
5900              <option value="44543205310563"
5901                      data-title="Mineral Blue / M"
5902                      
5903                      >
5904                Mineral Blue / M
5905              </option>
5906            
5907              <option value="44543205343331"
5908                      data-title="Mineral Blue / L"
5909                      
5910                      >
5911                Mineral Blue / L
5912              </option>
5913            
5914              <option value="44543205376099"
5915                      data-title="Mineral Blue / XL"
5916                      
5917                      >
5918                Mineral Blue / XL
5919              </option>
5920            
5921              <option value="44543205408867"
5922                      data-title="Mineral Blue / XXL"
5923                      
5924                      >
5925                Mineral Blue / XXL
5926              </option>
5927            
5928          </select>
5929        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Unity Zip Jacket" js-quickshop-trigger>
5930          QUICK VIEW
5931        </button>
5932      
5933    
5934  </div>
5935  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
5936    data-handle="unity-zip-jacket-mineral-blue-007gh-0004" 
5937    data-collection="" 
5938    data-core="swatch-collection-core-non-sale"
5939    data-seasonal="swatch-collection-non-sale" 
5940    data-group="YGroup_QC2303"
5941    js-product-card-swatch-container>
5942      <fieldset>
5943        <legend id="product-card-swatch-legend-unity-zip-jacket-mineral-blue-007gh-0004" class="visually-hidden">Unity Zip Jacket - Color Options</legend>
5944        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-zip-jacket-mineral-blue-007gh-0004" js-swatch-carousel>
5945          <!-- SWATCHES RENDER HERE -->
5946        </div>
5947      </fieldset>
5948      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5949        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5950          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5951<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5952</svg>
5953</span>
5954        </button>
5955        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
5956          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5957<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5958</svg>
5959</span>
5960        </button>
5961      </div>
5962      <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
5963  </div>
5964  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
5965    
5966    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5967      <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5968        <h3 class="f0">Unity Zip Jacket</h3>
5969      </a>
5970      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5971        
5972        
5973          <span class="product-card__price product-card__price--current ">$178.00</span>
5974        
5975      </div>
5976      
5977    </div>
5978    
5979  </div>
5980</product-card>
5981                    </div>
5982                  </div>
5983                
5984                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5985                    <div class="collection-carousel__content h-full">
5986                      
5987
5988<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Lightweight Jacket" data-product-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" data-swatch-carousel-disabled">
5989  <div class="product-card__image-container relative">
5990    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5991      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5992      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wis
5992hlist-view-product product_8127043371107 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127043371107" data-variant-id="44536314003555" data-product-url="https://beyondyoga.com/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002">
5993      </button>
5994      <!-- Swym Wishlist Plus EPI Button-->
5995      
5996    </div>
5997    
5998      <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Lightweight Jacket">
5999        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6000          
6001
6002
6003
6004
6005  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6006    
6007    <img
6008      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=300"
6009      srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1920 1920w"
6010      sizes="(min-width: 1024px) 25vw, 50vw"
6011      width="1884"
6012      height="2440"
6013      loading="lazy"
6014      decoding="async"
6015      
6016      alt="Roam Quilted Lightweight Jacket"
6017      class="w-full w-full h-full object-cover object-center"
6018      
6019    >
6020  </picture>
6021
6022
6023        </div>
6024        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6025          
6026
6027
6028
6029
6030  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6031    
6032    <img
6033      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=300"
6034      srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1920 1920w"
6035      sizes="(min-width: 1024px) 25vw, 50vw"
6036      width="1884"
6037      height="2440"
6038      loading="lazy"
6039      decoding="async"
6040      
6041      alt="Roam Quilted Lightweight Jacket"
6042      class="w-full w-full h-full object-cover object-center"
6043      
6044    >
6045  </picture>
6046
6047
6048        </div>
6049      </a>
6050    
6051    
6052    
6053      
6054          
6055          
6056
6057          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
6058            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6059            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6060              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
6061              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" js-product-card-options>
6062                
6063                  
6064                
6065                  
6066                    
6067                      
6068                      <li class="product-swatch__label-container">
6069                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6069ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6070                          XXS
6071                        </button>
6072                      </li>
6073                    
6074                      
6075                      <li class="product-swatch__label-container">
6076                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6077                          XS
6078                        </button>
6079                      </li>
6080                    
6081                      
6082                      <li class="product-swatch__label-container">
6083                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6084                          S
6085                        </button>
6086                      </li>
6087                    
6088                      
6089                      <li class="product-swatch__label-container">
6090                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6091                          M
6092                        </button>
6093                      </li>
6094                    
6095                      
6096                      <li class="product-swatch__label-container">
6097                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6098                          L
6099                        </button>
6100                      </li>
6101                    
6102                      
6103                      <li class="product-swatch__label-container">
6104                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6105                          XL
6106                        </button>
6107                      </li>
6108                    
6109                  
6110                
6111              </ul>
6112            </div>
6113          </div>
6114
6115          <select class="product-card__select hidden" js-product-card-select>
6116            
6117              <option value="44536314003555"
6118                      data-title="Electric Fuchsia / XXS"
6119                      selected
6120                      >
6121                Electric Fuchsia / XXS
6122              </option>
6123            
6124              <option value="44536314036323"
6125                      data-title="Electric Fuchsia / XS"
6126                      
6127                      >
6128                Electric Fuchsia / XS
6129              </option>
6130            
6131              <option value="44536314069091"
6132                      data-title="Electric Fuchsia / S"
6133                      
6134                      >
6135                Electric Fuchsia / S
6136              </option>
6137            
6138              <option value="44536314101859"
6139                      data-title="Electric Fuchsia / M"
6140                      
6141                      >
6142                Electric Fuchsia / M
6143              </option>
6144            
6145              <option value="44536314134627"
6146                      data-title="Electric Fuchsia / L"
6147                      
6148                      >
6149                Electric Fuchsia / L
6150              </option>
6151            
6152              <option value="44536314167395"
6153                      data-title="Electric Fuchsia / XL"
6154                      
6155                      >
6156                Electric Fuchsia / XL
6157              </option>
6158            
6159          </select>
6160        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Lightweight Jacket" js-quickshop-trigger>
6161          QUICK VIEW
6162        </button>
6163      
6164    
6165  </div>
6166  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
6167    data-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" 
6168    data-collection="" 
6169    data-core="swatch-collection-core-non-sale"
6170    data-seasonal="swatch-collection-non-sale" 
6171    data-group="YGroup_LD2344"
6172    js-product-card-swatch-container>
6173      <fieldset>
6174        <legend id="product-card-swatch-legend-roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="visually-hidden">Roam Quilted Lightweight Jacket - Color Options</legend>
6175        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" js-swatch-carousel>
6176          <!-- SWATCHES RENDER HERE -->
6177        </div>
6178      </fieldset>
6179      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6180        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6181          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6182<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6183</svg>
6184</span>
6185        </button>
6186        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
6187          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6188<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6189</svg>
6190</span>
6191        </button>
6192      </div>
6193      <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Lightweight Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
6194  </div>
6195  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
6196    
6197    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6198      <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6199        <h3 class="f0">Roam Quilted Lightweight Jacket</h3>
6200      </a>
6201      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6202        
6203        
6204          <span class="product-card__price product-card__price--current ">$228.00</span>
6205        
6206      </div>
6207      
6208    </div>
6209    
6210  </div>
6211</product-card>
6212                    </div>
6213                  </div>
6214                
6215                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6216                    <div class="collection-carousel__content h-full">
6217                      
6218
6219<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="LuxeLayer Fitted Cardigan" data-product-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" data-swatch-carousel-disabled">
6220  <div class="product-card__image-container relative">
6221    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6222      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6223      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8082390646883 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8082390646883" data-variant-id="46224901079139" data-product-url="https://beyondyoga.com/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001">
6224      </button>
6225      <!-- Swym Wishlist Plus EPI Button-->
6226      
6227    </div>
6228    
6229      <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__image-link" js-produdct-card-link aria-label="LuxeLayer Fitted Cardigan">
6230        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6231          
6232
6233
6234
6235
6236  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6237    
6238    <img
6239      src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=300"
6240      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1024 1024
6240w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1920 1920w"
6241      sizes="(min-width: 1024px) 25vw, 50vw"
6242      width="1884"
6243      height="2440"
6244      loading="lazy"
6245      decoding="async"
6246      
6247      alt="LuxeLayer Fitted Cardigan"
6248      class="w-full w-full h-full object-cover object-center"
6249      
6250    >
6251  </picture>
6252
6253
6254        </div>
6255        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6256          
6257
6258
6259
6260
6261  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6262    
6263    <img
6264      src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=300"
6265      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1920 1920w"
6266      sizes="(min-width: 1024px) 25vw, 50vw"
6267      width="1884"
6268      height="2440"
6269      loading="lazy"
6270      decoding="async"
6271      
6272      alt="LuxeLayer Fitted Cardigan"
6273      class="w-full w-full h-full object-cover object-center"
6274      
6275    >
6276  </picture>
6277
6278
6279        </div>
6280      </a>
6281    
6282    
6283    
6284      
6285          
6286          
6287
6288          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
6289            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6290            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6291              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
6292              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" js-product-card-options>
6293                
6294                  
6295                
6296                  
6297                    
6298                      
6299                      <li class="product-swatch__label-container">
6300                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6301                          XXS
6302                        </button>
6303                      </li>
6304                    
6305                      
6306                      <li class="product-swatch__label-container">
6307                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6307ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6308                          XS
6309                        </button>
6310                      </li>
6311                    
6312                      
6313                      <li class="product-swatch__label-container">
6314                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-S" data-color="" role="button" data-value="S" aria-label="Add size:S of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6315                          S
6316                        </button>
6317                      </li>
6318                    
6319                      
6320                      <li class="product-swatch__label-container">
6321                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-M" data-color="" role="button" data-value="M" aria-label="Add size:M of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6322                          M
6323                        </button>
6324                      </li>
6325                    
6326                      
6327                      <li class="product-swatch__label-container">
6328                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-L" data-color="" role="button" data-value="L" aria-label="Add size:L of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6329                          L
6330                        </button>
6331                      </li>
6332                    
6333                      
6334                      <li class="product-swatch__label-container">
6335                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="luxelayer-fitted-cardigan-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6336                          XL
6337                        </button>
6338                      </li>
6339                    
6340                      
6341                      <li class="product-swatch__label-container">
6342                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="luxelayer-fitted-cardigan-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of LuxeLayer Fitted Cardigan with color:  to cart" js-product-card-quick-add-swatch>
6343                          XXL
6344                        </button>
6345                      </li>
6346                    
6347                  
6348                
6349              </ul>
6350            </div>
6351          </div>
6352
6353          <select class="product-card__select hidden" js-product-card-select>
6354            
6355              <option value="46224901079139"
6356                      data-title="Heather Gray / XXS"
6357                      selected
6358                      >
6359                Heather Gray / XXS
6360              </option>
6361            
6362              <option value="44398698004579"
6363                      data-title="Heather Gray / XS"
6364                      
6365                      >
6366                Heather Gray / XS
6367              </option>
6368            
6369              <option value="44398698037347"
6370                      data-title="Heather Gray / S"
6371                      
6372                      >
6373                Heather Gray / S
6374              </option>
6375            
6376              <option value="44398698070115"
6377                      data-title="Heather Gray / M"
6378                      
6379                      >
6380                Heather Gray / M
6381              </option>
6382            
6383              <option value="44398698102883"
6384                      data-title="Heather Gray / L"
6385                      
6386                      >
6387                Heather Gray / L
6388              </option>
6389            
6390              <option value="44398698135651"
6391                      data-title="Heather Gray / XL"
6392                      
6393                      >
6394                Heather Gray / XL
6395              </option>
6396            
6397              <option value="46224901111907"
6398                      data-title="Heather Gray / XXL"
6399                      
6400                      disabled="disabled">
6401                Heather Gray / XXL
6402              </option>
6403            
6404          </select>
6405        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for LuxeLayer Fitted Cardigan" js-quickshop-trigger>
6406          QUICK VIEW
6407        </button>
6408      
6409    
6410  </div>
6411  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
6412    data-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" 
6413    data-collection="" 
6414    data-core="swatch-collection-core-non-sale"
6415    data-seasonal="swatch-collection-non-sale" 
6416    data-group="YGroup_HM2377"
6417    js-product-card-swatch-container>
6418      <fieldset>
6419        <legend id="product-card-swatch-legend-luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="visually-hidden">LuxeLayer Fitted Cardigan - Color Options</legend>
6420        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-luxelayer-fitted-cardigan-heather-gray-00ab9-0001" js-swatch-carousel>
6421          <!-- SWATCHES RENDER HERE -->
6422        </div>
6423      </fieldset>
6424      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6425        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6426          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6427<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6428</svg>
6429</span>
6430        </button>
6431        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
6432          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6433<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6434</svg>
6435</span>
6436        </button>
6437      </div>
6438      <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="LuxeLayer Fitted Cardigan Colors" js-product-card-swatch-count js-produdct-card-link></a>
6439  </div>
6440  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
6441    
6442      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
6443        NEW ARRIVAL
6444      </p>
6445    
6446    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6447      <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6448        <h3 class="f0">LuxeLayer Fitted Cardigan</h3>
6449      </a>
6450      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6451        
6452        
6453          <span class="product-card__price product-card__price--current ">$98.00</span>
6454        
6455      </div>
6456      
6457    </div>
6458    
6459  </div>
6460</product-card>
6461                    </div>
6462                  </div>
6463                
6464                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6465                    <div class="collection-carousel__content h-full">
6466                      
6467
6468<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye™ Pedal Pusher High Waisted Legging" data-product-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" data-swatch-carousel-disabled">
6469  <div class="product-card__image-container relative">
6470    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6471      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6472      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8126096506979 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8126096506979" data-variant-id="44529151246435" data-product-url="https://beyondyoga.com/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044">
6473      </button>
6474      <!-- Swym Wishlist Plus EPI Button-->
6475      
6476    </div>
6477    
6478      <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye™ Pedal Pusher High Waisted Legging">
6479        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6480          
6481
6482
6483
6484
6485  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6486    
6487    <img
6488      src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=300"
6489      srcset="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1024 1024
6489w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1920 1920w"
6490      sizes="(min-width: 1024px) 25vw, 50vw"
6491      width="1884"
6492      height="2440"
6493      loading="lazy"
6494      decoding="async"
6495      
6496      alt="Spacedye™ Pedal Pusher High Waisted Legging"
6497      class="w-full w-full h-full object-cover object-center"
6498      
6499    >
6500  </picture>
6501
6502
6503        </div>
6504        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6505          
6506
6507
6508
6509
6510  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6511    
6512    <img
6513      src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=300"
6514      srcset="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1920 1920w"
6515      sizes="(min-width: 1024px) 25vw, 50vw"
6516      width="1884"
6517      height="2440"
6518      loading="lazy"
6519      decoding="async"
6520      
6521      alt="Spacedye™ Pedal Pusher High Waisted Legging"
6522      class="w-full w-full h-full object-cover object-center"
6523      
6524    >
6525  </picture>
6526
6527
6528        </div>
6529      </a>
6530    
6531    
6532    
6533      
6534          
6535          
6536
6537          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container>
6538            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6539            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6540              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
6541              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" js-product-card-options>
6542                
6543                  
6544                
6545                  
6546                    
6547                      
6548                      <li class="product-swatch__label-container">
6549                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6550                          XXS
6551                        </button>
6552                      </li>
6553                    
6554                      
6555                      <li class="product-swatch__label-container">
6556                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6556ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6557                          XS
6558                        </button>
6559                      </li>
6560                    
6561                      
6562                      <li class="product-swatch__label-container">
6563                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6564                          S
6565                        </button>
6566                      </li>
6567                    
6568                      
6569                      <li class="product-swatch__label-container">
6570                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6571                          M
6572                        </button>
6573                      </li>
6574                    
6575                      
6576                      <li class="product-swatch__label-container">
6577                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6578                          L
6579                        </button>
6580                      </li>
6581                    
6582                      
6583                      <li class="product-swatch__label-container">
6584                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6585                          XL
6586                        </button>
6587                      </li>
6588                    
6589                      
6590                      <li class="product-swatch__label-container">
6591                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-pedal-pusher-high-waisted-legging-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye™ Pedal Pusher High Waisted Legging with color:  to cart" js-product-card-quick-add-swatch>
6592                          XXL
6593                        </button>
6594                      </li>
6595                    
6596                  
6597                
6598              </ul>
6599            </div>
6600          </div>
6601
6602          <select class="product-card__select hidden" js-product-card-select>
6603            
6604              <option value="44529151246435"
6605                      data-title="Dark Ivy Heather / XXS"
6606                      selected
6607                      >
6608                Dark Ivy Heather / XXS
6609              </option>
6610            
6611              <option value="44529151279203"
6612                      data-title="Dark Ivy Heather / XS"
6613                      
6614                      >
6615                Dark Ivy Heather / XS
6616              </option>
6617            
6618              <option value="44529151311971"
6619                      data-title="Dark Ivy Heather / S"
6620                      
6621                      >
6622                Dark Ivy Heather / S
6623              </option>
6624            
6625              <option value="44529151344739"
6626                      data-title="Dark Ivy Heather / M"
6627                      
6628                      >
6629                Dark Ivy Heather / M
6630              </option>
6631            
6632              <option value="44529151377507"
6633                      data-title="Dark Ivy Heather / L"
6634                      
6635                      >
6636                Dark Ivy Heather / L
6637              </option>
6638            
6639              <option value="44529151410275"
6640                      data-title="Dark Ivy Heather / XL"
6641                      
6642                      >
6643                Dark Ivy Heather / XL
6644              </option>
6645            
6646              <option value="44529151443043"
6647                      data-title="Dark Ivy Heather / XXL"
6648                      
6649                      >
6650                Dark Ivy Heather / XXL
6651              </option>
6652            
6653          </select>
6654        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye™ Pedal Pusher High Waisted Legging" js-quickshop-trigger>
6655          QUICK VIEW
6656        </button>
6657      
6658    
6659  </div>
6660  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
6661    data-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" 
6662    data-collection="" 
6663    data-core="swatch-collection-core-non-sale"
6664    data-seasonal="swatch-collection-non-sale" 
6665    data-group="YGroup_SD3448"
6666    js-product-card-swatch-container>
6667      <fieldset>
6668        <legend id="product-card-swatch-legend-spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="visually-hidden">Spacedye™ Pedal Pusher High Waisted Legging - Color Options</legend>
6669        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" js-swatch-carousel>
6670          <!-- SWATCHES RENDER HERE -->
6671        </div>
6672      </fieldset>
6673      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6674        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6675          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6676<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6677</svg>
6678</span>
6679        </button>
6680        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
6681          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6682<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6683</svg>
6684</span>
6685        </button>
6686      </div>
6687      <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye™ Pedal Pusher High Waisted Legging Colors" js-product-card-swatch-count js-produdct-card-link></a>
6688  </div>
6689  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
6690    
6691    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6692      <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6693        <h3 class="f0">Spacedye™ Pedal Pusher High Waisted Legging</h3>
6694      </a>
6695      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6696        
6697        
6698          <span class="product-card__price product-card__price--current ">$94.00</span>
6699        
6700      </div>
6701      
6702    </div>
6703    
6704  </div>
6705</product-card>
6706                    </div>
6707                  </div>
6708                
6709                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6710                    <div class="collection-carousel__content h-full">
6711                      
6712
6713<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Lightweight Jacket" data-product-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" data-swatch-carousel-disabled">
6714  <div class="product-card__image-container relative">
6715    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6716      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6717      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8127043960931 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127043960931" data-variant-id="44536321638499" data-product-url="https://beyondyoga.com/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003">
6718      </button>
6719      <!-- Swym Wishlist Plus EPI Button-->
6720      
6721    </div>
6722    
6723      <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Lightweight Jacket">
6724        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6725          
6726
6727
6728
6729
6730  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6731    
6732    <img
6733      src="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=300"
6734      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1024 1024
6734w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1920 1920w"
6735      sizes="(min-width: 1024px) 25vw, 50vw"
6736      width="1884"
6737      height="2440"
6738      loading="lazy"
6739      decoding="async"
6740      
6741      alt="Roam Quilted Lightweight Jacket"
6742      class="w-full w-full h-full object-cover object-center"
6743      
6744    >
6745  </picture>
6746
6747
6748        </div>
6749        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6750          
6751
6752
6753
6754
6755  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6756    
6757    <img
6758      src="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=300"
6759      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1920 1920w"
6760      sizes="(min-width: 1024px) 25vw, 50vw"
6761      width="1884"
6762      height="2440"
6763      loading="lazy"
6764      decoding="async"
6765      
6766      alt="Roam Quilted Lightweight Jacket"
6767      class="w-full w-full h-full object-cover object-center"
6768      
6769    >
6770  </picture>
6771
6772
6773        </div>
6774      </a>
6775    
6776    
6777    
6778      
6779          
6780          
6781
6782          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
6783            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6784            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6785              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
6786              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" js-product-card-options>
6787                
6788                  
6789                
6790                  
6791                    
6792                      
6793                      <li class="product-swatch__label-container">
6794                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6795                          XXS
6796                        </button>
6797                      </li>
6798                    
6799                      
6800                      <li class="product-swatch__label-container">
6801                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6801ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6802                          XS
6803                        </button>
6804                      </li>
6805                    
6806                      
6807                      <li class="product-swatch__label-container">
6808                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6809                          S
6810                        </button>
6811                      </li>
6812                    
6813                      
6814                      <li class="product-swatch__label-container">
6815                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6816                          M
6817                        </button>
6818                      </li>
6819                    
6820                      
6821                      <li class="product-swatch__label-container">
6822                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6823                          L
6824                        </button>
6825                      </li>
6826                    
6827                      
6828                      <li class="product-swatch__label-container">
6829                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="roam-quilted-lightweight-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Lightweight Jacket with color:  to cart" js-product-card-quick-add-swatch>
6830                          XL
6831                        </button>
6832                      </li>
6833                    
6834                  
6835                
6836              </ul>
6837            </div>
6838          </div>
6839
6840          <select class="product-card__select hidden" js-product-card-select>
6841            
6842              <option value="44536321638499"
6843                      data-title="Sea Salt / XXS"
6844                      selected
6845                      >
6846                Sea Salt / XXS
6847              </option>
6848            
6849              <option value="44536321671267"
6850                      data-title="Sea Salt / XS"
6851                      
6852                      >
6853                Sea Salt / XS
6854              </option>
6855            
6856              <option value="44536321704035"
6857                      data-title="Sea Salt / S"
6858                      
6859                      >
6860                Sea Salt / S
6861              </option>
6862            
6863              <option value="44536321736803"
6864                      data-title="Sea Salt / M"
6865                      
6866                      >
6867                Sea Salt / M
6868              </option>
6869            
6870              <option value="44536321769571"
6871                      data-title="Sea Salt / L"
6872                      
6873                      >
6874                Sea Salt / L
6875              </option>
6876            
6877              <option value="44536321802339"
6878                      data-title="Sea Salt / XL"
6879                      
6880                      >
6881                Sea Salt / XL
6882              </option>
6883            
6884          </select>
6885        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Lightweight Jacket" js-quickshop-trigger>
6886          QUICK VIEW
6887        </button>
6888      
6889    
6890  </div>
6891  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
6892    data-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" 
6893    data-collection="" 
6894    data-core="swatch-collection-core-non-sale"
6895    data-seasonal="swatch-collection-non-sale" 
6896    data-group="YGroup_LD2344"
6897    js-product-card-swatch-container>
6898      <fieldset>
6899        <legend id="product-card-swatch-legend-roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="visually-hidden">Roam Quilted Lightweight Jacket - Color Options</legend>
6900        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" js-swatch-carousel>
6901          <!-- SWATCHES RENDER HERE -->
6902        </div>
6903      </fieldset>
6904      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6905        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6906          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6907<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6908</svg>
6909</span>
6910        </button>
6911        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
6912          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6913<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6914</svg>
6915</span>
6916        </button>
6917      </div>
6918      <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Lightweight Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
6919  </div>
6920  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
6921    
6922    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6923      <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6924        <h3 class="f0">Roam Quilted Lightweight Jacket</h3>
6925      </a>
6926      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6927        
6928        
6929          <span class="product-card__price product-card__price--current ">$228.00</span>
6930        
6931      </div>
6932      
6933    </div>
6934    
6935  </div>
6936</product-card>
6937                    </div>
6938                  </div>
6939                
6940                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6941                    <div class="collection-carousel__content h-full">
6942                      
6943
6944<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Rest Day Waffle Wide Leg Pant" data-product-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" data-swatch-carousel-disabled">
6945  <div class="product-card__image-container relative">
6946    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6947      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6948      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wis
6948hlist-view-product product_8109501186147 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8109501186147" data-variant-id="44479959498851" data-product-url="https://beyondyoga.com/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002">
6949      </button>
6950      <!-- Swym Wishlist Plus EPI Button-->
6951      
6952    </div>
6953    
6954      <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__image-link" js-produdct-card-link aria-label="Rest Day Waffle Wide Leg Pant">
6955        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6956          
6957
6958
6959
6960
6961  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6962    
6963    <img
6964      src="//beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=300"
6965      srcset="//beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1920 1920w"
6966      sizes="(min-width: 1024px) 25vw, 50vw"
6967      width="1884"
6968      height="2440"
6969      loading="lazy"
6970      decoding="async"
6971      
6972      alt="Rest Day Waffle Wide Leg Pant"
6973      class="w-full w-full h-full object-cover object-center"
6974      
6975    >
6976  </picture>
6977
6978
6979        </div>
6980        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6981          
6982
6983
6984
6985
6986  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6987    
6988    <img
6989      src="//beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=300"
6990      srcset="//beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1920 1920w"
6991      sizes="(min-width: 1024px) 25vw, 50vw"
6992      width="1884"
6993      height="2440"
6994      loading="lazy"
6995      decoding="async"
6996      
6997      alt="Rest Day Waffle Wide Leg Pant"
6998      class="w-full w-full h-full object-cover object-center"
6999      
7000    >
7001  </picture>
7002
7003
7004        </div>
7005      </a>
7006    
7007    
7008    
7009      
7010          
7011          
7012
7013          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
7014            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7015            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7016              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
7017              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" js-product-card-options>
7018                
7019                  
7020                
7021                  
7022                    
7023                      
7024                      <li class="product-swatch__label-container">
7025                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7025ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="rest-day-waffle-wide-leg-pant-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7026                          XXS
7027                        </button>
7028                      </li>
7029                    
7030                      
7031                      <li class="product-swatch__label-container">
7032                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-waffle-wide-leg-pant-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7033                          XS
7034                        </button>
7035                      </li>
7036                    
7037                      
7038                      <li class="product-swatch__label-container">
7039                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-waffle-wide-leg-pant-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7040                          S
7041                        </button>
7042                      </li>
7043                    
7044                      
7045                      <li class="product-swatch__label-container">
7046                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-waffle-wide-leg-pant-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7047                          M
7048                        </button>
7049                      </li>
7050                    
7051                      
7052                      <li class="product-swatch__label-container">
7053                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-waffle-wide-leg-pant-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7054                          L
7055                        </button>
7056                      </li>
7057                    
7058                      
7059                      <li class="product-swatch__label-container">
7060                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-waffle-wide-leg-pant-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Rest Day Waffle Wide Leg Pant with color:  to cart" js-product-card-quick-add-swatch>
7061                          XL
7062                        </button>
7063                      </li>
7064                    
7065                  
7066                
7067              </ul>
7068            </div>
7069          </div>
7070
7071          <select class="product-card__select hidden" js-product-card-select>
7072            
7073              <option value="44479959498851"
7074                      data-title="Heather Gray / XXS"
7075                      selected
7076                      disabled="disabled">
7077                Heather Gray / XXS
7078              </option>
7079            
7080              <option value="44479959531619"
7081                      data-title="Heather Gray / XS"
7082                      
7083                      >
7084                Heather Gray / XS
7085              </option>
7086            
7087              <option value="44479959564387"
7088                      data-title="Heather Gray / S"
7089                      
7090                      >
7091                Heather Gray / S
7092              </option>
7093            
7094              <option value="44479959597155"
7095                      data-title="Heather Gray / M"
7096                      
7097                      >
7098                Heather Gray / M
7099              </option>
7100            
7101              <option value="44479959629923"
7102                      data-title="Heather Gray / L"
7103                      
7104                      >
7105                Heather Gray / L
7106              </option>
7107            
7108              <option value="44479959662691"
7109                      data-title="Heather Gray / XL"
7110                      
7111                      >
7112                Heather Gray / XL
7113              </option>
7114            
7115          </select>
7116        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Rest Day Waffle Wide Leg Pant" js-quickshop-trigger>
7117          QUICK VIEW
7118        </button>
7119      
7120    
7121  </div>
7122  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
7123    data-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" 
7124    data-collection="" 
7125    data-core="swatch-collection-core-non-sale"
7126    data-seasonal="swatch-collection-non-sale" 
7127    data-group="YGroup_WG1332"
7128    js-product-card-swatch-container>
7129      <fieldset>
7130        <legend id="product-card-swatch-legend-rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="visually-hidden">Rest Day Waffle Wide Leg Pant - Color Options</legend>
7131        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" js-swatch-carousel>
7132          <!-- SWATCHES RENDER HERE -->
7133        </div>
7134      </fieldset>
7135      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7136        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7137          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7138<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7139</svg>
7140</span>
7141        </button>
7142        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
7143          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7144<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7145</svg>
7146</span>
7147        </button>
7148      </div>
7149      <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Rest Day Waffle Wide Leg Pant Colors" js-product-card-swatch-count js-produdct-card-link></a>
7150  </div>
7151  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
7152    
7153      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
7154        NEW ARRIVAL
7155      </p>
7156    
7157    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7158      <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7159        <h3 class="f0">Rest Day Waffle Wide Leg Pant</h3>
7160      </a>
7161      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7162        
7163        
7164          <span class="product-card__price product-card__price--current ">$108.00</span>
7165        
7166      </div>
7167      
7168    </div>
7169    
7170  </div>
7171</product-card>
7172                    </div>
7173                  </div>
7174                
7175              </div>
7176              <div class="swiper-custom-nav swiper-custom-nav--prev !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1>
7177                <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7178<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/>
7179</svg>
7180</span>
7181              </div>
7182              <div class="swiper-custom-nav swiper-custom-nav--next !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1>
7183                <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7184<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/>
7185</svg>
7186</span>
7187              </div>
7188            </div>
7189          </s-carousel>
7190        </div>
7191      
7192    
7193      
7194      
7195        
7196        
7197        
7198<div 
7199          id="tab-collection_6j7qr6-content-panel" 
7200          class="tab__panel" 
7201          role="tabpanel" 
7202          aria-labelledby="tab-collection_6j7qr6-tab" 
7203          aria-hidden="true"
7204          js-tab-panel
7205        >
7206          <s-carousel class="block relative" data-options='{
7207            "slidesPerView": "auto",
7208            "spaceBetween": 6,
7209            "slidesOffsetBefore": 24,
7210            "slidesOffsetAfter": 24,
7211            "freeMode": true,
7212            "autoHeight": false,
7213            "loop": false,
7214            "navigation": {
7215              "enabled": true,
7216              "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]",
7217              "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]"
7218            },
7219            "breakpoints": {
7220              "1024": {
7221                "slidesPerView": "auto",
7222                "spaceBetween": 8,
7223                "slidesOffsetBefore": 64,
7224                "slidesOffsetAfter": 64
7225              }
7226            }
7227          }'>
7228            <div id="Carousel-collection_6j7qr6" class="swiper grid grid-cols-1" js-carousel>
7229              <div class="swiper-wrapper">
7230                
7231                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7232                    <div class="collection-carousel__content h-full">
7233                      
7234
7235<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men&#39;s Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" data-swatch-carousel-disabled">
7236  <div class="product-card__image-container relative">
7237    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7238      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7239      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835000930403 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835000930403" data-variant-id="43519293227107" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d">
7240      </button>
7241      <!-- Swym Wishlist Plus EPI Button-->
7242      
7243    </div>
7244    
7245      <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket">
7246        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7247          
7248
7249
7250
7251
7252  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7253    
7254    <img
7255      src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=300"
7256      srcset="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1920 1920w"
7257      sizes="(min-width: 1024px) 25vw, 50vw"
7258      width="1884"
7259      height="2440"
7260      loading="lazy"
7261      decoding="async"
7262      
7263      alt="Boucle Fleece Men's Zip Jacket"
7264      class="w-full w-full h-full object-cover object-center"
7265      
7266    >
7267  </picture>
7268
7269
7270        </div>
7271        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7272          
7273
7274
7275
7276
7277  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7278    
7279    <img
7280      src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=300"
7281      srcset="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1920 1920w"
7282      sizes="(min-width: 1024px) 25vw, 50vw"
7283      width="1884"
7284      height="2440"
7285      loading="lazy"
7286      decoding="async"
7287      
7288      alt="Boucle Fleece Men's Zip Jacket"
7289      class="w-full w-full h-full object-cover object-center"
7290      
7291    >
7292  </picture>
7293
7294
7295        </div>
7296      </a>
7297    
7298    
7299    
7300      
7301          
7302          
7303
7304          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
7305            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7306            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7307              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
7308              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" js-product-card-options>
7309                
7310                  
7311                
7312                  
7313                    
7314                      
7315                      <li class="product-swatch__label-container">
7316                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7316ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7317                          XS
7318                        </button>
7319                      </li>
7320                    
7321                      
7322                      <li class="product-swatch__label-container">
7323                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7324                          S
7325                        </button>
7326                      </li>
7327                    
7328                      
7329                      <li class="product-swatch__label-container">
7330                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7331                          M
7332                        </button>
7333                      </li>
7334                    
7335                      
7336                      <li class="product-swatch__label-container">
7337                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7338                          L
7339                        </button>
7340                      </li>
7341                    
7342                      
7343                      <li class="product-swatch__label-container">
7344                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7345                          XL
7346                        </button>
7347                      </li>
7348                    
7349                      
7350                      <li class="product-swatch__label-container">
7351                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
7352                          2XL
7353                        </button>
7354                      </li>
7355                    
7356                  
7357                
7358              </ul>
7359            </div>
7360          </div>
7361
7362          <select class="product-card__select hidden" js-product-card-select>
7363            
7364              <option value="43519293227107"
7365                      data-title="Lush Olive / XS"
7366                      selected
7367                      >
7368                Lush Olive / XS
7369              </option>
7370            
7371              <option value="43519293259875"
7372                      data-title="Lush Olive / S"
7373                      
7374                      >
7375                Lush Olive / S
7376              </option>
7377            
7378              <option value="43519293292643"
7379                      data-title="Lush Olive / M"
7380                      
7381                      >
7382                Lush Olive / M
7383              </option>
7384            
7385              <option value="43519293325411"
7386                      data-title="Lush Olive / L"
7387                      
7388                      >
7389                Lush Olive / L
7390              </option>
7391            
7392              <option value="43519293358179"
7393                      data-title="Lush Olive / XL"
7394                      
7395                      >
7396                Lush Olive / XL
7397              </option>
7398            
7399              <option value="43519293390947"
7400                      data-title="Lush Olive / 2XL"
7401                      
7402                      >
7403                Lush Olive / 2XL
7404              </option>
7405            
7406          </select>
7407        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger>
7408          QUICK VIEW
7409        </button>
7410      
7411    
7412  </div>
7413  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
7414    data-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" 
7415    data-collection="" 
7416    data-core="swatch-collection-core-non-sale"
7417    data-seasonal="swatch-collection-non-sale" 
7418    data-group="YGroup_CU2295D"
7419    js-product-card-swatch-container>
7420      <fieldset>
7421        <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend>
7422        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" js-swatch-carousel>
7423          <!-- SWATCHES RENDER HERE -->
7424        </div>
7425      </fieldset>
7426      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7427        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7428          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7429<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7430</svg>
7431</span>
7432        </button>
7433        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
7434          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7435<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7436</svg>
7437</span>
7438        </button>
7439      </div>
7440      <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
7441  </div>
7442  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
7443    
7444      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
7445        NEW ARRIVAL
7446      </p>
7447    
7448    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7449      <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7450        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
7451      </a>
7452      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7453        
7454        
7455          <span class="product-card__price product-card__price--current ">$178.00</span>
7456        
7457      </div>
7458      
7459    </div>
7460    
7461  </div>
7462</product-card>
7463                    </div>
7464                  </div>
7465                
7466                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7467                    <div class="collection-carousel__content h-full">
7468                      
7469
7470<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Merino Wool Men&#39;s Short Sleeve Crew" data-product-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" data-swatch-carousel-disabled">
7471  <div class="product-card__image-container relative">
7472    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7473      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7474      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7892854997091 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7892854997091" data-variant-id="43757625049187" data-product-url="https://beyondyoga.com/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d">
7475      </button>
7476      <!-- Swym Wishlist Plus EPI Button-->
7477      
7478    </div>
7479    
7480      <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__image-link" js-produdct-card-link aria-label="Merino Wool Men's Short Sleeve Crew">
7481        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7482          
7483
7484
7485
7486
7487  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7488    
7489    <img
7490      src="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=300"
7491      srcset="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=300 300w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=600 600w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=750 750w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1024 1024
7491w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1280 1280w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1440 1440w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1920 1920w"
7492      sizes="(min-width: 1024px) 25vw, 50vw"
7493      width="1884"
7494      height="2440"
7495      loading="lazy"
7496      decoding="async"
7497      
7498      alt="Merino Wool Men's Short Sleeve Crew"
7499      class="w-full w-full h-full object-cover object-center"
7500      
7501    >
7502  </picture>
7503
7504
7505        </div>
7506        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7507          
7508
7509
7510
7511
7512  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7513    
7514    <img
7515      src="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=300"
7516      srcset="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=300 300w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=600 600w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=750 750w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1024 1024w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1280 1280w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1440 1440w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1920 1920w"
7517      sizes="(min-width: 1024px) 25vw, 50vw"
7518      width="1884"
7519      height="2440"
7520      loading="lazy"
7521      decoding="async"
7522      
7523      alt="Merino Wool Men's Short Sleeve Crew"
7524      class="w-full w-full h-full object-cover object-center"
7525      
7526    >
7527  </picture>
7528
7529
7530        </div>
7531      </a>
7532    
7533    
7534    
7535      
7536          
7537          
7538
7539          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
7540            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7541            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7542              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
7543              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" js-product-card-options>
7544                
7545                  
7546                
7547                  
7548                    
7549                      
7550                      <li class="product-swatch__label-container">
7551                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7552                          XS
7553                        </button>
7554                      </li>
7555                    
7556                      
7557                      <li class="product-swatch__label-container">
7558                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7558ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7559                          S
7560                        </button>
7561                      </li>
7562                    
7563                      
7564                      <li class="product-swatch__label-container">
7565                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7566                          M
7567                        </button>
7568                      </li>
7569                    
7570                      
7571                      <li class="product-swatch__label-container">
7572                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7573                          L
7574                        </button>
7575                      </li>
7576                    
7577                      
7578                      <li class="product-swatch__label-container">
7579                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7580                          XL
7581                        </button>
7582                      </li>
7583                    
7584                      
7585                      <li class="product-swatch__label-container">
7586                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="merino-wool-mens-short-sleeve-crew-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Merino Wool Men's Short Sleeve Crew with color:  to cart" js-product-card-quick-add-swatch>
7587                          2XL
7588                        </button>
7589                      </li>
7590                    
7591                  
7592                
7593              </ul>
7594            </div>
7595          </div>
7596
7597          <select class="product-card__select hidden" js-product-card-select>
7598            
7599              <option value="43757625049187"
7600                      data-title="Dark Cobalt / XS"
7601                      selected
7602                      >
7603                Dark Cobalt / XS
7604              </option>
7605            
7606              <option value="43757625081955"
7607                      data-title="Dark Cobalt / S"
7608                      
7609                      >
7610                Dark Cobalt / S
7611              </option>
7612            
7613              <option value="43757625114723"
7614                      data-title="Dark Cobalt / M"
7615                      
7616                      >
7617                Dark Cobalt / M
7618              </option>
7619            
7620              <option value="43757625147491"
7621                      data-title="Dark Cobalt / L"
7622                      
7623                      >
7624                Dark Cobalt / L
7625              </option>
7626            
7627              <option value="43757625180259"
7628                      data-title="Dark Cobalt / XL"
7629                      
7630                      >
7631                Dark Cobalt / XL
7632              </option>
7633            
7634              <option value="43757625213027"
7635                      data-title="Dark Cobalt / 2XL"
7636                      
7637                      >
7638                Dark Cobalt / 2XL
7639              </option>
7640            
7641          </select>
7642        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Merino Wool Men's Short Sleeve Crew" js-quickshop-trigger>
7643          QUICK VIEW
7644        </button>
7645      
7646    
7647  </div>
7648  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
7649    data-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" 
7650    data-collection="" 
7651    data-core="swatch-collection-core-non-sale"
7652    data-seasonal="swatch-collection-non-sale" 
7653    data-group="YGroup_LA7978D"
7654    js-product-card-swatch-container>
7655      <fieldset>
7656        <legend id="product-card-swatch-legend-warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="visually-hidden">Merino Wool Men's Short Sleeve Crew - Color Options</legend>
7657        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" js-swatch-carousel>
7658          <!-- SWATCHES RENDER HERE -->
7659        </div>
7660      </fieldset>
7661      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7662        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7663          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7664<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7665</svg>
7666</span>
7667        </button>
7668        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
7669          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7670<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7671</svg>
7672</span>
7673        </button>
7674      </div>
7675      <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Merino Wool Men's Short Sleeve Crew Colors" js-product-card-swatch-count js-produdct-card-link></a>
7676  </div>
7677  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
7678    
7679    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7680      <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7681        <h3 class="f0">Merino Wool Men's Short Sleeve Crew</h3>
7682      </a>
7683      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7684        
7685        
7686          <span class="product-card__price product-card__price--current ">$78.00</span>
7687        
7688      </div>
7689      
7690        <div class="product-card__double-sale-text f0 w-full tabletl:mt-auto" style="color: #000000;" js-product-card-promo-text>
7691          Buy 3 Men's Tees, Get 15% Off
7692        </div>
7693      
7694    </div>
7695    
7696  </div>
7697</product-card>
7698                    </div>
7699                  </div>
7700                
7701                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7702                    <div class="collection-carousel__content h-full">
7703                      
7704
7705<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Element Men&#39;s Chino Trouser 30&quot;" data-product-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" data-swatch-carousel-disabled">
7706  <div class="product-card__image-container relative">
7707    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7708      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7709      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7819960844387 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7819960844387" data-variant-id="43455600525411" data-product-url="https://beyondyoga.com/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds">
7710      </button>
7711      <!-- Swym Wishlist Plus EPI Button-->
7712      
7713    </div>
7714    
7715      <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__image-link" js-produdct-card-link aria-label="Element Men's Chino Trouser 30"">
7716        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7717          
7718
7719
7720
7721
7722  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7723    
7724    <img
7725      src="//beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=300"
7726      srcset="//beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1024 1024
7726w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1920 1920w"
7727      sizes="(min-width: 1024px) 25vw, 50vw"
7728      width="1884"
7729      height="2440"
7730      loading="lazy"
7731      decoding="async"
7732      
7733      alt="Element Men's Chino Trouser 30""
7734      class="w-full w-full h-full object-cover object-center"
7735      
7736    >
7737  </picture>
7738
7739
7740        </div>
7741        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7742          
7743
7744
7745
7746
7747  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7748    
7749    <img
7750      src="//beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=300"
7751      srcset="//beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=300 300w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=600 600w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=750 750w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1920 1920w"
7752      sizes="(min-width: 1024px) 25vw, 50vw"
7753      width="1884"
7754      height="2440"
7755      loading="lazy"
7756      decoding="async"
7757      
7758      alt="Element Men's Chino Trouser 30""
7759      class="w-full w-full h-full object-cover object-center"
7760      
7761    >
7762  </picture>
7763
7764
7765        </div>
7766      </a>
7767    
7768    
7769    
7770      
7771          
7772          
7773
7774          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
7775            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7776            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7777              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
7778              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" js-product-card-options>
7779                
7780                  
7781                
7782                  
7783                    
7784                      
7785                      <li class="product-swatch__label-container">
7786                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-28" data-color="" role="button" data-value="28" aria-label="Add size:28 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7787                          28
7788                        </button>
7789                      </li>
7790                    
7791                      
7792                      <li class="product-swatch__label-container">
7793                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7793ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-30" data-color="" role="button" data-value="30" aria-label="Add size:30 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7794                          30
7795                        </button>
7796                      </li>
7797                    
7798                      
7799                      <li class="product-swatch__label-container">
7800                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-32" data-color="" role="button" data-value="32" aria-label="Add size:32 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7801                          32
7802                        </button>
7803                      </li>
7804                    
7805                      
7806                      <li class="product-swatch__label-container">
7807                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-34" data-color="" role="button" data-value="34" aria-label="Add size:34 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7808                          34
7809                        </button>
7810                      </li>
7811                    
7812                      
7813                      <li class="product-swatch__label-container">
7814                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-36" data-color="" role="button" data-value="36" aria-label="Add size:36 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7815                          36
7816                        </button>
7817                      </li>
7818                    
7819                      
7820                      <li class="product-swatch__label-container">
7821                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="element-mens-chino-trouser-30-38" data-color="" role="button" data-value="38" aria-label="Add size:38 of Element Men's Chino Trouser 30" with color:  to cart" js-product-card-quick-add-swatch>
7822                          38
7823                        </button>
7824                      </li>
7825                    
7826                  
7827                
7828              </ul>
7829            </div>
7830          </div>
7831
7832          <select class="product-card__select hidden" js-product-card-select>
7833            
7834              <option value="43455600525411"
7835                      data-title="Nocturnal Navy / 28"
7836                      selected
7837                      >
7838                Nocturnal Navy / 28
7839              </option>
7840            
7841              <option value="43455600558179"
7842                      data-title="Nocturnal Navy / 30"
7843                      
7844                      >
7845                Nocturnal Navy / 30
7846              </option>
7847            
7848              <option value="43455600590947"
7849                      data-title="Nocturnal Navy / 32"
7850                      
7851                      >
7852                Nocturnal Navy / 32
7853              </option>
7854            
7855              <option value="43455600623715"
7856                      data-title="Nocturnal Navy / 34"
7857                      
7858                      >
7859                Nocturnal Navy / 34
7860              </option>
7861            
7862              <option value="43455600656483"
7863                      data-title="Nocturnal Navy / 36"
7864                      
7865                      >
7866                Nocturnal Navy / 36
7867              </option>
7868            
7869              <option value="43455600689251"
7870                      data-title="Nocturnal Navy / 38"
7871                      
7872                      >
7873                Nocturnal Navy / 38
7874              </option>
7875            
7876          </select>
7877        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Element Men's Chino Trouser 30"" js-quickshop-trigger>
7878          QUICK VIEW
7879        </button>
7880      
7881    
7882  </div>
7883  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
7884    data-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" 
7885    data-collection="" 
7886    data-core="swatch-collection-core-non-sale"
7887    data-seasonal="swatch-collection-non-sale" 
7888    data-group="YGroup_MC1276DS"
7889    js-product-card-swatch-container>
7890      <fieldset>
7891        <legend id="product-card-swatch-legend-element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="visually-hidden">Element Men's Chino Trouser 30" - Color Options</legend>
7892        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" js-swatch-carousel>
7893          <!-- SWATCHES RENDER HERE -->
7894        </div>
7895      </fieldset>
7896      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7897        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7898          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7899<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7900</svg>
7901</span>
7902        </button>
7903        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
7904          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7905<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7906</svg>
7907</span>
7908        </button>
7909      </div>
7910      <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Element Men's Chino Trouser 30" Colors" js-product-card-swatch-count js-produdct-card-link></a>
7911  </div>
7912  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
7913    
7914    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7915      <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7916        <h3 class="f0">Element Men's Chino Trouser 30"</h3>
7917      </a>
7918      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7919        
7920        
7921          <span class="product-card__price product-card__price--current ">$128.00</span>
7922        
7923      </div>
7924      
7925    </div>
7926    
7927  </div>
7928</product-card>
7929                    </div>
7930                  </div>
7931                
7932                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7933                    <div class="collection-carousel__content h-full">
7934                      
7935
7936<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye™ Terrain Men&#39;s Quarter Zip Pullover" data-product-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" data-swatch-carousel-disabled">
7937  <div class="product-card__image-container relative">
7938    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7939      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7940      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7819656429667 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7819656429667" data-variant-id="43455009128547" data-product-url="https://beyondyoga.com/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d">
7941      </button>
7942      <!-- Swym Wishlist Plus EPI Button-->
7943      
7944    </div>
7945    
7946      <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye™ Terrain Men's Quarter Zip Pullover">
7947        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7948          
7949
7950
7951
7952
7953  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7954    
7955    <img
7956      src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=300"
7957      srcset="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=300 300w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=600 600w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=750 750w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1024 1024
7957w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1920 1920w"
7958      sizes="(min-width: 1024px) 25vw, 50vw"
7959      width="1884"
7960      height="2440"
7961      loading="lazy"
7962      decoding="async"
7963      
7964      alt="Spacedye™ Terrain Men's Quarter Zip Pullover"
7965      class="w-full w-full h-full object-cover object-center"
7966      
7967    >
7968  </picture>
7969
7970
7971        </div>
7972        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7973          
7974
7975
7976
7977
7978  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7979    
7980    <img
7981      src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=300"
7982      srcset="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=300 300w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=600 600w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=750 750w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1920 1920w"
7983      sizes="(min-width: 1024px) 25vw, 50vw"
7984      width="1884"
7985      height="2440"
7986      loading="lazy"
7987      decoding="async"
7988      
7989      alt="Spacedye™ Terrain Men's Quarter Zip Pullover"
7990      class="w-full w-full h-full object-cover object-center"
7991      
7992    >
7993  </picture>
7994
7995
7996        </div>
7997      </a>
7998    
7999    
8000    
8001      
8002          
8003          
8004
8005          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
8006            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8007            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8008              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
8009              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" js-product-card-options>
8010                
8011                  
8012                
8013                  
8014                    
8015                      
8016                      <li class="product-swatch__label-container">
8017                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8018                          XS
8019                        </button>
8020                      </li>
8021                    
8022                      
8023                      <li class="product-swatch__label-container">
8024                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8024ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8025                          S
8026                        </button>
8027                      </li>
8028                    
8029                      
8030                      <li class="product-swatch__label-container">
8031                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8032                          M
8033                        </button>
8034                      </li>
8035                    
8036                      
8037                      <li class="product-swatch__label-container">
8038                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8039                          L
8040                        </button>
8041                      </li>
8042                    
8043                      
8044                      <li class="product-swatch__label-container">
8045                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8046                          XL
8047                        </button>
8048                      </li>
8049                    
8050                      
8051                      <li class="product-swatch__label-container">
8052                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="spacedye™-terrain-mens-quarter-zip-pullover-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Spacedye™ Terrain Men's Quarter Zip Pullover with color:  to cart" js-product-card-quick-add-swatch>
8053                          2XL
8054                        </button>
8055                      </li>
8056                    
8057                  
8058                
8059              </ul>
8060            </div>
8061          </div>
8062
8063          <select class="product-card__select hidden" js-product-card-select>
8064            
8065              <option value="43455009128547"
8066                      data-title="Darkest Night / XS"
8067                      selected
8068                      >
8069                Darkest Night / XS
8070              </option>
8071            
8072              <option value="43455009161315"
8073                      data-title="Darkest Night / S"
8074                      
8075                      >
8076                Darkest Night / S
8077              </option>
8078            
8079              <option value="43455009194083"
8080                      data-title="Darkest Night / M"
8081                      
8082                      >
8083                Darkest Night / M
8084              </option>
8085            
8086              <option value="43455009226851"
8087                      data-title="Darkest Night / L"
8088                      
8089                      >
8090                Darkest Night / L
8091              </option>
8092            
8093              <option value="43455009259619"
8094                      data-title="Darkest Night / XL"
8095                      
8096                      >
8097                Darkest Night / XL
8098              </option>
8099            
8100              <option value="43455009292387"
8101                      data-title="Darkest Night / 2XL"
8102                      
8103                      >
8104                Darkest Night / 2XL
8105              </option>
8106            
8107          </select>
8108        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye™ Terrain Men's Quarter Zip Pullover" js-quickshop-trigger>
8109          QUICK VIEW
8110        </button>
8111      
8112    
8113  </div>
8114  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
8115    data-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" 
8116    data-collection="" 
8117    data-core="swatch-collection-core-non-sale"
8118    data-seasonal="swatch-collection-non-sale" 
8119    data-group="YGroup_SD7971D"
8120    js-product-card-swatch-container>
8121      <fieldset>
8122        <legend id="product-card-swatch-legend-spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="visually-hidden">Spacedye™ Terrain Men's Quarter Zip Pullover - Color Options</legend>
8123        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" js-swatch-carousel>
8124          <!-- SWATCHES RENDER HERE -->
8125        </div>
8126      </fieldset>
8127      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8128        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8129          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8130<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8131</svg>
8132</span>
8133        </button>
8134        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
8135          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8136<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8137</svg>
8138</span>
8139        </button>
8140      </div>
8141      <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye™ Terrain Men's Quarter Zip Pullover Colors" js-product-card-swatch-count js-produdct-card-link></a>
8142  </div>
8143  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
8144    
8145    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8146      <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8147        <h3 class="f0">Spacedye™ Terrain Men's Quarter Zip Pullover</h3>
8148      </a>
8149      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8150        
8151        
8152          <span class="product-card__price product-card__price--current ">$110.00</span>
8153        
8154      </div>
8155      
8156    </div>
8157    
8158  </div>
8159</product-card>
8160                    </div>
8161                  </div>
8162                
8163                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8164                    <div class="collection-carousel__content h-full">
8165                      
8166
8167<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men&#39;s Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" data-swatch-carousel-disabled">
8168  <div class="product-card__image-container relative">
8169    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8170      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8171      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7834999881827 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7834999881827" data-variant-id="43519289786467" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d">
8172      </button>
8173      <!-- Swym Wishlist Plus EPI Button-->
8174      
8175    </div>
8176    
8177      <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket">
8178        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8179          
8180
8181
8182
8183
8184  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8185    
8186    <img
8187      src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=300"
8188      srcset="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1024 1024
8188w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1920 1920w"
8189      sizes="(min-width: 1024px) 25vw, 50vw"
8190      width="1884"
8191      height="2440"
8192      loading="lazy"
8193      decoding="async"
8194      
8195      alt="Boucle Fleece Men's Zip Jacket"
8196      class="w-full w-full h-full object-cover object-center"
8197      
8198    >
8199  </picture>
8200
8201
8202        </div>
8203        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8204          
8205
8206
8207
8208
8209  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8210    
8211    <img
8212      src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=300"
8213      srcset="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1920 1920w"
8214      sizes="(min-width: 1024px) 25vw, 50vw"
8215      width="1884"
8216      height="2440"
8217      loading="lazy"
8218      decoding="async"
8219      
8220      alt="Boucle Fleece Men's Zip Jacket"
8221      class="w-full w-full h-full object-cover object-center"
8222      
8223    >
8224  </picture>
8225
8226
8227        </div>
8228      </a>
8229    
8230    
8231    
8232      
8233          
8234          
8235
8236          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
8237            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8238            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8239              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
8240              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" js-product-card-options>
8241                
8242                  
8243                
8244                  
8245                    
8246                      
8247                      <li class="product-swatch__label-container">
8248                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8249                          XS
8250                        </button>
8251                      </li>
8252                    
8253                      
8254                      <li class="product-swatch__label-container">
8255                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8255ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8256                          S
8257                        </button>
8258                      </li>
8259                    
8260                      
8261                      <li class="product-swatch__label-container">
8262                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8263                          M
8264                        </button>
8265                      </li>
8266                    
8267                      
8268                      <li class="product-swatch__label-container">
8269                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8270                          L
8271                        </button>
8272                      </li>
8273                    
8274                      
8275                      <li class="product-swatch__label-container">
8276                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8277                          XL
8278                        </button>
8279                      </li>
8280                    
8281                      
8282                      <li class="product-swatch__label-container">
8283                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8284                          2XL
8285                        </button>
8286                      </li>
8287                    
8288                  
8289                
8290              </ul>
8291            </div>
8292          </div>
8293
8294          <select class="product-card__select hidden" js-product-card-select>
8295            
8296              <option value="43519289786467"
8297                      data-title="Deep Maroon / XS"
8298                      selected
8299                      >
8300                Deep Maroon / XS
8301              </option>
8302            
8303              <option value="43519289819235"
8304                      data-title="Deep Maroon / S"
8305                      
8306                      >
8307                Deep Maroon / S
8308              </option>
8309            
8310              <option value="43519289852003"
8311                      data-title="Deep Maroon / M"
8312                      
8313                      >
8314                Deep Maroon / M
8315              </option>
8316            
8317              <option value="43519289884771"
8318                      data-title="Deep Maroon / L"
8319                      
8320                      >
8321                Deep Maroon / L
8322              </option>
8323            
8324              <option value="43519289917539"
8325                      data-title="Deep Maroon / XL"
8326                      
8327                      >
8328                Deep Maroon / XL
8329              </option>
8330            
8331              <option value="43519289950307"
8332                      data-title="Deep Maroon / 2XL"
8333                      
8334                      >
8335                Deep Maroon / 2XL
8336              </option>
8337            
8338          </select>
8339        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger>
8340          QUICK VIEW
8341        </button>
8342      
8343    
8344  </div>
8345  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
8346    data-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" 
8347    data-collection="" 
8348    data-core="swatch-collection-core-non-sale"
8349    data-seasonal="swatch-collection-non-sale" 
8350    data-group="YGroup_CU2295D"
8351    js-product-card-swatch-container>
8352      <fieldset>
8353        <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend>
8354        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" js-swatch-carousel>
8355          <!-- SWATCHES RENDER HERE -->
8356        </div>
8357      </fieldset>
8358      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8359        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8360          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8361<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8362</svg>
8363</span>
8364        </button>
8365        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
8366          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8367<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8368</svg>
8369</span>
8370        </button>
8371      </div>
8372      <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
8373  </div>
8374  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
8375    
8376      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
8377        NEW ARRIVAL
8378      </p>
8379    
8380    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8381      <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8382        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
8383      </a>
8384      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8385        
8386        
8387          <span class="product-card__price product-card__price--current ">$178.00</span>
8388        
8389      </div>
8390      
8391    </div>
8392    
8393  </div>
8394</product-card>
8395                    </div>
8396                  </div>
8397                
8398                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8399                    <div class="collection-carousel__content h-full">
8400                      
8401
8402<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Plaid Wool Blend Men&#39;s Shirt Jacket" data-product-handle="plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" data-swatch-carousel-disabled">
8403  <div class="product-card__image-container relative">
8404    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8405      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8406      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835002601571 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835002601571" data-variant-id="43519298109539" data-product-url="https://beyondyoga.com/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d">
8407      </button>
8408      <!-- Swym Wishlist Plus EPI Button-->
8409      
8410    </div>
8411    
8412      <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__image-link" js-produdct-card-link aria-label="Plaid Wool Blend Men's Shirt Jacket">
8413        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8414          
8415
8416
8417
8418
8419  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8420    
8421    <img
8422      src="//beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=300"
8423      srcset="//beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1920 1920w"
8424      sizes="(min-width: 1024px) 25vw, 50vw"
8425      width="1884"
8426      height="2440"
8427      loading="lazy"
8428      decoding="async"
8429      
8430      alt="Plaid Wool Blend Men's Shirt Jacket"
8431      class="w-full w-full h-full object-cover object-center"
8432      
8433    >
8434  </picture>
8435
8436
8437        </div>
8438        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8439          
8440
8441
8442
8443
8444  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8445    
8446    <img
8447      src="//beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=300"
8448      srcset="//beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=300 300w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=600 600w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=750 750w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1920 1920w"
8449      sizes="(min-width: 1024px) 25vw, 50vw"
8450      width="1884"
8451      height="2440"
8452      loading="lazy"
8453      decoding="async"
8454      
8455      alt="Plaid Wool Blend Men's Shirt Jacket"
8456      class="w-full w-full h-full object-cover object-center"
8457      
8458    >
8459  </picture>
8460
8461
8462        </div>
8463      </a>
8464    
8465    
8466    
8467      
8468          
8469          
8470
8471          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
8472            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8473            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8474              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
8475              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="plaid-wool-blend-mens-s
8475hirt-jacket-midnight-plaid-dv2299d" js-product-card-options>
8476                
8477                  
8478                
8479                  
8480                    
8481                      
8482                      <li class="product-swatch__label-container">
8483                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="plaid-wool-blend-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8484                          XS
8485                        </button>
8486                      </li>
8487                    
8488                      
8489                      <li class="product-swatch__label-container">
8490                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="plaid-wool-blend-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8491                          S
8492                        </button>
8493                      </li>
8494                    
8495                      
8496                      <li class="product-swatch__label-container">
8497                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="plaid-wool-blend-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8498                          M
8499                        </button>
8500                      </li>
8501                    
8502                      
8503                      <li class="product-swatch__label-container">
8504                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8505                          L
8506                        </button>
8507                      </li>
8508                    
8509                      
8510                      <li class="product-swatch__label-container">
8511                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8512                          XL
8513                        </button>
8514                      </li>
8515                    
8516                      
8517                      <li class="product-swatch__label-container">
8518                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-s
8518hirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Plaid Wool Blend Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8519                          2XL
8520                        </button>
8521                      </li>
8522                    
8523                  
8524                
8525              </ul>
8526            </div>
8527          </div>
8528
8529          <select class="product-card__select hidden" js-product-card-select>
8530            
8531              <option value="43519298109539"
8532                      data-title="Midnight Plaid / XS"
8533                      selected
8534                      >
8535                Midnight Plaid / XS
8536              </option>
8537            
8538              <option value="43519298142307"
8539                      data-title="Midnight Plaid / S"
8540                      
8541                      >
8542                Midnight Plaid / S
8543              </option>
8544            
8545              <option value="43519298175075"
8546                      data-title="Midnight Plaid / M"
8547                      
8548                      >
8549                Midnight Plaid / M
8550              </option>
8551            
8552              <option value="43519298207843"
8553                      data-title="Midnight Plaid / L"
8554                      
8555                      disabled="disabled">
8556                Midnight Plaid / L
8557              </option>
8558            
8559              <option value="43519298240611"
8560                      data-title="Midnight Plaid / XL"
8561                      
8562                      disabled="disabled">
8563                Midnight Plaid / XL
8564              </option>
8565            
8566              <option value="43519298273379"
8567                      data-title="Midnight Plaid / 2XL"
8568                      
8569                      disabled="disabled">
8570                Midnight Plaid / 2XL
8571              </option>
8572            
8573          </select>
8574        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Plaid Wool Blend Men's Shirt Jacket" js-quickshop-trigger>
8575          QUICK VIEW
8576        </button>
8577      
8578    
8579  </div>
8580  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
8581    data-handle="plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" 
8582    data-collection="" 
8583    data-core="swatch-collection-core-non-sale"
8584    data-seasonal="swatch-collection-non-sale" 
8585    data-group="YGroup_DV2299D"
8586    js-product-card-swatch-container>
8587      <fieldset>
8588        <legend id="product-card-swatch-legend-plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="visually-hidden">Plaid Wool Blend Men's Shirt Jacket - Color Options</legend>
8589        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" js-swatch-carousel>
8590          <!-- SWATCHES RENDER HERE -->
8591        </div>
8592      </fieldset>
8593      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8594        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8595          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8596<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8597</svg>
8598</span>
8599        </button>
8600        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
8601          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8602<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8603</svg>
8604</span>
8605        </button>
8606      </div>
8607      <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Plaid Wool Blend Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
8608  </div>
8609  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
8610    
8611    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8612      <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8613        <h3 class="f0">Plaid Wool Blend Men's Shirt Jacket</h3>
8614      </a>
8615      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8616        
8617        
8618          <span class="product-card__price product-card__price--current ">$228.00</span>
8619        
8620      </div>
8621      
8622    </div>
8623    
8624  </div>
8625</product-card>
8626                    </div>
8627                  </div>
8628                
8629                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8630                    <div class="collection-carousel__content h-full">
8631                      
8632
8633<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men&#39;s Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" data-swatch-carousel-disabled">
8634  <div class="product-card__image-container relative">
8635    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8636      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8637      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835001716835 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835001716835" data-variant-id="43519295291491" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-sand-cu2295d">
8638      </button>
8639      <!-- Swym Wishlist Plus EPI Button-->
8640      
8641    </div>
8642    
8643      <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket">
8644        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8645          
8646
8647
8648
8649
8650  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8651    
8652    <img
8653      src="//beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=300"
8654      srcset="//beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1920 1920w"
8655      sizes="(min-width: 1024px) 25vw, 50vw"
8656      width="1884"
8657      height="2440"
8658      loading="lazy"
8659      decoding="async"
8660      
8661      alt="Boucle Fleece Men's Zip Jacket"
8662      class="w-full w-full h-full object-cover object-center"
8663      
8664    >
8665  </picture>
8666
8667
8668        </div>
8669        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8670          
8671
8672
8673
8674
8675  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8676    
8677    <img
8678      src="//beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=300"
8679      srcset="//beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1024 1024
8679w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1920 1920w"
8680      sizes="(min-width: 1024px) 25vw, 50vw"
8681      width="1884"
8682      height="2440"
8683      loading="lazy"
8684      decoding="async"
8685      
8686      alt="Boucle Fleece Men's Zip Jacket"
8687      class="w-full w-full h-full object-cover object-center"
8688      
8689    >
8690  </picture>
8691
8692
8693        </div>
8694      </a>
8695    
8696    
8697    
8698      
8699          
8700          
8701
8702          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
8703            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8704            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8705              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
8706              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" js-product-card-options>
8707                
8708                  
8709                
8710                  
8711                    
8712                      
8713                      <li class="product-swatch__label-container">
8714                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8715                          XS
8716                        </button>
8717                      </li>
8718                    
8719                      
8720                      <li class="product-swatch__label-container">
8721                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8722                          S
8723                        </button>
8724                      </li>
8725                    
8726                      
8727                      <li class="product-swatch__label-container">
8728                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8729                          M
8730                        </button>
8731                      </li>
8732                    
8733                      
8734                      <li class="product-swatch__label-container">
8735                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8735ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8736                          L
8737                        </button>
8738                      </li>
8739                    
8740                      
8741                      <li class="product-swatch__label-container">
8742                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8743                          XL
8744                        </button>
8745                      </li>
8746                    
8747                      
8748                      <li class="product-swatch__label-container">
8749                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color:  to cart" js-product-card-quick-add-swatch>
8750                          2XL
8751                        </button>
8752                      </li>
8753                    
8754                  
8755                
8756              </ul>
8757            </div>
8758          </div>
8759
8760          <select class="product-card__select hidden" js-product-card-select>
8761            
8762              <option value="43519295291491"
8763                      data-title="Sand / XS"
8764                      selected
8765                      >
8766                Sand / XS
8767              </option>
8768            
8769              <option value="43519295324259"
8770                      data-title="Sand / S"
8771                      
8772                      >
8773                Sand / S
8774              </option>
8775            
8776              <option value="43519295357027"
8777                      data-title="Sand / M"
8778                      
8779                      >
8780                Sand / M
8781              </option>
8782            
8783              <option value="43519295389795"
8784                      data-title="Sand / L"
8785                      
8786                      >
8787                Sand / L
8788              </option>
8789            
8790              <option value="43519295422563"
8791                      data-title="Sand / XL"
8792                      
8793                      >
8794                Sand / XL
8795              </option>
8796            
8797              <option value="43519295455331"
8798                      data-title="Sand / 2XL"
8799                      
8800                      >
8801                Sand / 2XL
8802              </option>
8803            
8804          </select>
8805        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger>
8806          QUICK VIEW
8807        </button>
8808      
8809    
8810  </div>
8811  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
8812    data-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" 
8813    data-collection="" 
8814    data-core="swatch-collection-core-non-sale"
8815    data-seasonal="swatch-collection-non-sale" 
8816    data-group="YGroup_CU2295D"
8817    js-product-card-swatch-container>
8818      <fieldset>
8819        <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-sand-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend>
8820        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-sand-cu2295d" js-swatch-carousel>
8821          <!-- SWATCHES RENDER HERE -->
8822        </div>
8823      </fieldset>
8824      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8825        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8826          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8827<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8828</svg>
8829</span>
8830        </button>
8831        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
8832          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8833<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8834</svg>
8835</span>
8836        </button>
8837      </div>
8838      <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
8839  </div>
8840  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
8841    
8842      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
8843        NEW ARRIVAL
8844      </p>
8845    
8846    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8847      <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8848        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
8849      </a>
8850      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8851        
8852        
8853          <span class="product-card__price product-card__price--current ">$178.00</span>
8854        
8855      </div>
8856      
8857    </div>
8858    
8859  </div>
8860</product-card>
8861                    </div>
8862                  </div>
8863                
8864                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8865                    <div class="collection-carousel__content h-full">
8866                      
8867
8868<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Day to Night Wool Men&#39;s Shirt Jacket" data-product-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" data-swatch-carousel-disabled">
8869  <div class="product-card__image-container relative">
8870    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8871      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8872      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7834282164323 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7834282164323" data-variant-id="43517900750947" data-product-url="https://beyondyoga.com/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d">
8873      </button>
8874      <!-- Swym Wishlist Plus EPI Button-->
8875      
8876    </div>
8877    
8878      <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__image-link" js-produdct-card-link aria-label="Day to Night Wool Men's Shirt Jacket">
8879        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8880          
8881
8882
8883
8884
8885  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8886    
8887    <img
8888      src="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=300"
8889      srcset="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1024 1024
8889w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1920 1920w"
8890      sizes="(min-width: 1024px) 25vw, 50vw"
8891      width="1884"
8892      height="2440"
8893      loading="lazy"
8894      decoding="async"
8895      
8896      alt="Day to Night Wool Men's Shirt Jacket"
8897      class="w-full w-full h-full object-cover object-center"
8898      
8899    >
8900  </picture>
8901
8902
8903        </div>
8904        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8905          
8906
8907
8908
8909
8910  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8911    
8912    <img
8913      src="//beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=300"
8914      srcset="//beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=300 300w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=600 600w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=750 750w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1024 1024w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1280 1280w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1440 1440w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1920 1920w"
8915      sizes="(min-width: 1024px) 25vw, 50vw"
8916      width="1884"
8917      height="2440"
8918      loading="lazy"
8919      decoding="async"
8920      
8921      alt="Day to Night Wool Men's Shirt Jacket"
8922      class="w-full w-full h-full object-cover object-center"
8923      
8924    >
8925  </picture>
8926
8927
8928        </div>
8929      </a>
8930    
8931    
8932    
8933      
8934          
8935          
8936
8937          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
8938            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8939            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8940              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
8941              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" js-product-card-options>
8942                
8943                  
8944                
8945                  
8946                    
8947                      
8948                      <li class="product-swatch__label-container">
8949                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8950                          XS
8951                        </button>
8952                      </li>
8953                    
8954                      
8955                      <li class="product-swatch__label-container">
8956                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8956ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8957                          S
8958                        </button>
8959                      </li>
8960                    
8961                      
8962                      <li class="product-swatch__label-container">
8963                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8964                          M
8965                        </button>
8966                      </li>
8967                    
8968                      
8969                      <li class="product-swatch__label-container">
8970                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8971                          L
8972                        </button>
8973                      </li>
8974                    
8975                      
8976                      <li class="product-swatch__label-container">
8977                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8978                          XL
8979                        </button>
8980                      </li>
8981                    
8982                      
8983                      <li class="product-swatch__label-container">
8984                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="day-to-night-wool-mens-shirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Day to Night Wool Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
8985                          2XL
8986                        </button>
8987                      </li>
8988                    
8989                  
8990                
8991              </ul>
8992            </div>
8993          </div>
8994
8995          <select class="product-card__select hidden" js-product-card-select>
8996            
8997              <option value="43517900750947"
8998                      data-title="Fog Gray Heather / XS"
8999                      selected
9000                      >
9001                Fog Gray Heather / XS
9002              </option>
9003            
9004              <option value="43517900783715"
9005                      data-title="Fog Gray Heather / S"
9006                      
9007                      >
9008                Fog Gray Heather / S
9009              </option>
9010            
9011              <option value="43517900816483"
9012                      data-title="Fog Gray Heather / M"
9013                      
9014                      >
9015                Fog Gray Heather / M
9016              </option>
9017            
9018              <option value="43517900849251"
9019                      data-title="Fog Gray Heather / L"
9020                      
9021                      >
9022                Fog Gray Heather / L
9023              </option>
9024            
9025              <option value="43517900882019"
9026                      data-title="Fog Gray Heather / XL"
9027                      
9028                      >
9029                Fog Gray Heather / XL
9030              </option>
9031            
9032              <option value="43517900914787"
9033                      data-title="Fog Gray Heather / 2XL"
9034                      
9035                      >
9036                Fog Gray Heather / 2XL
9037              </option>
9038            
9039          </select>
9040        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Day to Night Wool Men's Shirt Jacket" js-quickshop-trigger>
9041          QUICK VIEW
9042        </button>
9043      
9044    
9045  </div>
9046  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
9047    data-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" 
9048    data-collection="" 
9049    data-core="swatch-collection-core-non-sale"
9050    data-seasonal="swatch-collection-non-sale" 
9051    data-group="YGroup_BR2300D"
9052    js-product-card-swatch-container>
9053      <fieldset>
9054        <legend id="product-card-swatch-legend-day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="visually-hidden">Day to Night Wool Men's Shirt Jacket - Color Options</legend>
9055        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" js-swatch-carousel>
9056          <!-- SWATCHES RENDER HERE -->
9057        </div>
9058      </fieldset>
9059      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9060        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9061          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9062<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9063</svg>
9064</span>
9065        </button>
9066        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
9067          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9068<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9069</svg>
9070</span>
9071        </button>
9072      </div>
9073      <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Day to Night Wool Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
9074  </div>
9075  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
9076    
9077    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9078      <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9079        <h3 class="f0">Day to Night Wool Men's Shirt Jacket</h3>
9080      </a>
9081      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9082        
9083        
9084          <span class="product-card__price product-card__price--current ">$228.00</span>
9085        
9086      </div>
9087      
9088    </div>
9089    
9090  </div>
9091</product-card>
9092                    </div>
9093                  </div>
9094                
9095                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9096                    <div class="collection-carousel__content h-full">
9097                      
9098
9099<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Rest Day Men&#39;s Waffle Crewneck" data-product-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" data-swatch-carousel-disabled">
9100  <div class="product-card__image-container relative">
9101    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9102      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9103      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8093060464739 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8093060464739" data-variant-id="44426250125411" data-product-url="https://beyondyoga.com/products/rest-day-mens-waffle-crewneck-black-00ab0-0000">
9104      </button>
9105      <!-- Swym Wishlist Plus EPI Button-->
9106      
9107    </div>
9108    
9109      <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__image-link" js-produdct-card-link aria-label="Rest Day Men's Waffle Crewneck">
9110        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9111          
9112
9113
9114
9115
9116  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9117    
9118    <img
9119      src="//beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=300"
9120      srcset="//beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1024 1024
9120w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1920 1920w"
9121      sizes="(min-width: 1024px) 25vw, 50vw"
9122      width="1884"
9123      height="2440"
9124      loading="lazy"
9125      decoding="async"
9126      
9127      alt="Rest Day Men's Waffle Crewneck"
9128      class="w-full w-full h-full object-cover object-center"
9129      
9130    >
9131  </picture>
9132
9133
9134        </div>
9135        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9136          
9137
9138
9139
9140
9141  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9142    
9143    <img
9144      src="//beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=300"
9145      srcset="//beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1920 1920w"
9146      sizes="(min-width: 1024px) 25vw, 50vw"
9147      width="1884"
9148      height="2440"
9149      loading="lazy"
9150      decoding="async"
9151      
9152      alt="Rest Day Men's Waffle Crewneck"
9153      class="w-full w-full h-full object-cover object-center"
9154      
9155    >
9156  </picture>
9157
9158
9159        </div>
9160      </a>
9161    
9162    
9163    
9164      
9165          
9166          
9167
9168          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
9169            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9170            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9171              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
9172              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" js-product-card-options>
9173                
9174                  
9175                
9176                  
9177                    
9178                      
9179                      <li class="product-swatch__label-container">
9180                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9181                          XS
9182                        </button>
9183                      </li>
9184                    
9185                      
9186                      <li class="product-swatch__label-container">
9187                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9187ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9188                          S
9189                        </button>
9190                      </li>
9191                    
9192                      
9193                      <li class="product-swatch__label-container">
9194                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9195                          M
9196                        </button>
9197                      </li>
9198                    
9199                      
9200                      <li class="product-swatch__label-container">
9201                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9202                          L
9203                        </button>
9204                      </li>
9205                    
9206                      
9207                      <li class="product-swatch__label-container">
9208                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9209                          XL
9210                        </button>
9211                      </li>
9212                    
9213                      
9214                      <li class="product-swatch__label-container">
9215                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="rest-day-mens-waffle-crewneck-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Rest Day Men's Waffle Crewneck with color:  to cart" js-product-card-quick-add-swatch>
9216                          2XL
9217                        </button>
9218                      </li>
9219                    
9220                  
9221                
9222              </ul>
9223            </div>
9224          </div>
9225
9226          <select class="product-card__select hidden" js-product-card-select>
9227            
9228              <option value="44426250125411"
9229                      data-title="Black / XS"
9230                      selected
9231                      >
9232                Black / XS
9233              </option>
9234            
9235              <option value="44426250158179"
9236                      data-title="Black / S"
9237                      
9238                      >
9239                Black / S
9240              </option>
9241            
9242              <option value="44426250190947"
9243                      data-title="Black / M"
9244                      
9245                      >
9246                Black / M
9247              </option>
9248            
9249              <option value="44426250223715"
9250                      data-title="Black / L"
9251                      
9252                      >
9253                Black / L
9254              </option>
9255            
9256              <option value="44426250256483"
9257                      data-title="Black / XL"
9258                      
9259                      >
9260                Black / XL
9261              </option>
9262            
9263              <option value="44426250289251"
9264                      data-title="Black / 2XL"
9265                      
9266                      >
9267                Black / 2XL
9268              </option>
9269            
9270          </select>
9271        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Rest Day Men's Waffle Crewneck" js-quickshop-trigger>
9272          QUICK VIEW
9273        </button>
9274      
9275    
9276  </div>
9277  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
9278    data-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" 
9279    data-collection="" 
9280    data-core="swatch-collection-core-non-sale"
9281    data-seasonal="swatch-collection-non-sale" 
9282    data-group="YGroup_WG70094D"
9283    js-product-card-swatch-container>
9284      <fieldset>
9285        <legend id="product-card-swatch-legend-rest-day-mens-waffle-crewneck-black-00ab0-0000" class="visually-hidden">Rest Day Men's Waffle Crewneck - Color Options</legend>
9286        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-rest-day-mens-waffle-crewneck-black-00ab0-0000" js-swatch-carousel>
9287          <!-- SWATCHES RENDER HERE -->
9288        </div>
9289      </fieldset>
9290      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9291        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9292          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9293<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9294</svg>
9295</span>
9296        </button>
9297        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
9298          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9299<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9300</svg>
9301</span>
9302        </button>
9303      </div>
9304      <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Rest Day Men's Waffle Crewneck Colors" js-product-card-swatch-count js-produdct-card-link></a>
9305  </div>
9306  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
9307    
9308    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9309      <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9310        <h3 class="f0">Rest Day Men's Waffle Crewneck</h3>
9311      </a>
9312      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9313        
9314        
9315          <span class="product-card__price product-card__price--current ">$118.00</span>
9316        
9317      </div>
9318      
9319    </div>
9320    
9321  </div>
9322</product-card>
9323                    </div>
9324                  </div>
9325                
9326                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9327                    <div class="collection-carousel__content h-full">
9328                      
9329
9330<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Canyon Chino Men&#39;s Jacket" data-product-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" data-swatch-carousel-disabled">
9331  <div class="product-card__image-container relative">
9332    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9333      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9334      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8093109092451 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8093109092451" data-variant-id="44426348953699" data-product-url="https://beyondyoga.com/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001">
9335      </button>
9336      <!-- Swym Wishlist Plus EPI Button-->
9337      
9338    </div>
9339    
9340      <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__image-link" js-produdct-card-link aria-label="Canyon Chino Men's Jacket">
9341        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9342          
9343
9344
9345
9346
9347  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9348    
9349    <img
9350      src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=300"
9351      srcset="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1024 1024
9351w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1920 1920w"
9352      sizes="(min-width: 1024px) 25vw, 50vw"
9353      width="1884"
9354      height="2440"
9355      loading="lazy"
9356      decoding="async"
9357      
9358      alt="Canyon Chino Men's Jacket"
9359      class="w-full w-full h-full object-cover object-center"
9360      
9361    >
9362  </picture>
9363
9364
9365        </div>
9366        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9367          
9368
9369
9370
9371
9372  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9373    
9374    <img
9375      src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=300"
9376      srcset="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1920 1920w"
9377      sizes="(min-width: 1024px) 25vw, 50vw"
9378      width="1884"
9379      height="2440"
9380      loading="lazy"
9381      decoding="async"
9382      
9383      alt="Canyon Chino Men's Jacket"
9384      class="w-full w-full h-full object-cover object-center"
9385      
9386    >
9387  </picture>
9388
9389
9390        </div>
9391      </a>
9392    
9393    
9394    
9395      
9396          
9397          
9398
9399          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
9400            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9401            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9402              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
9403              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" js-product-card-options>
9404                
9405                  
9406                
9407                  
9408                    
9409                      
9410                      <li class="product-swatch__label-container">
9411                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9412                          XS
9413                        </button>
9414                      </li>
9415                    
9416                      
9417                      <li class="product-swatch__label-container">
9418                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9418ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9419                          S
9420                        </button>
9421                      </li>
9422                    
9423                      
9424                      <li class="product-swatch__label-container">
9425                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9426                          M
9427                        </button>
9428                      </li>
9429                    
9430                      
9431                      <li class="product-swatch__label-container">
9432                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9433                          L
9434                        </button>
9435                      </li>
9436                    
9437                      
9438                      <li class="product-swatch__label-container">
9439                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9440                          XL
9441                        </button>
9442                      </li>
9443                    
9444                      
9445                      <li class="product-swatch__label-container">
9446                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="canyon-chino-mens-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Canyon Chino Men's Jacket with color:  to cart" js-product-card-quick-add-swatch>
9447                          2XL
9448                        </button>
9449                      </li>
9450                    
9451                  
9452                
9453              </ul>
9454            </div>
9455          </div>
9456
9457          <select class="product-card__select hidden" js-product-card-select>
9458            
9459              <option value="44426348953699"
9460                      data-title="Nocturnal Navy / XS"
9461                      selected
9462                      >
9463                Nocturnal Navy / XS
9464              </option>
9465            
9466              <option value="44426348986467"
9467                      data-title="Nocturnal Navy / S"
9468                      
9469                      >
9470                Nocturnal Navy / S
9471              </option>
9472            
9473              <option value="44426349019235"
9474                      data-title="Nocturnal Navy / M"
9475                      
9476                      >
9477                Nocturnal Navy / M
9478              </option>
9479            
9480              <option value="44426349052003"
9481                      data-title="Nocturnal Navy / L"
9482                      
9483                      >
9484                Nocturnal Navy / L
9485              </option>
9486            
9487              <option value="44426349084771"
9488                      data-title="Nocturnal Navy / XL"
9489                      
9490                      >
9491                Nocturnal Navy / XL
9492              </option>
9493            
9494              <option value="44426349117539"
9495                      data-title="Nocturnal Navy / 2XL"
9496                      
9497                      >
9498                Nocturnal Navy / 2XL
9499              </option>
9500            
9501          </select>
9502        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Canyon Chino Men's Jacket" js-quickshop-trigger>
9503          QUICK VIEW
9504        </button>
9505      
9506    
9507  </div>
9508  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
9509    data-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" 
9510    data-collection="" 
9511    data-core="swatch-collection-core-non-sale"
9512    data-seasonal="swatch-collection-non-sale" 
9513    data-group="YGroup_MC2352D"
9514    js-product-card-swatch-container>
9515      <fieldset>
9516        <legend id="product-card-swatch-legend-chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="visually-hidden">Canyon Chino Men's Jacket - Color Options</legend>
9517        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" js-swatch-carousel>
9518          <!-- SWATCHES RENDER HERE -->
9519        </div>
9520      </fieldset>
9521      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9522        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9523          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9524<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9525</svg>
9526</span>
9527        </button>
9528        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
9529          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9530<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9531</svg>
9532</span>
9533        </button>
9534      </div>
9535      <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Canyon Chino Men's Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
9536  </div>
9537  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8">
9538    
9539      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
9540        NEW ARRIVAL
9541      </p>
9542    
9543    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9544      <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9545        <h3 class="f0">Canyon Chino Men's Jacket</h3>
9546      </a>
9547      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9548        
9549        
9550          <span class="product-card__price product-card__price--current ">$178.00</span>
9551        
9552      </div>
9553      
9554    </div>
9555    
9556  </div>
9557</product-card>
9558                    </div>
9559                  </div>
9560                
9561                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9562                    <div class="collection-carousel__content h-full">
9563                      
9564
9565<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Always Beyond Men&#39;s Long Sleeve Crew 2.0" data-product-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" data-swatch-carousel-disabled">
9566  <div class="product-card__image-container relative">
9567    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9568      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9569      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129136951395 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129136951395" data-variant-id="44543292571747" data-product-url="https://beyondyoga.com/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022">
9570      </button>
9571      <!-- Swym Wishlist Plus EPI Button-->
9572      
9573    </div>
9574    
9575      <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__image-link" js-produdct-card-link aria-label="Always Beyond Men's Long Sleeve Crew 2.0">
9576        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9577          
9578
9579
9580
9581
9582  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9583    
9584    <img
9585      src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=300"
9586      srcset="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1024 1024
9586w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1920 1920w"
9587      sizes="(min-width: 1024px) 25vw, 50vw"
9588      width="1884"
9589      height="2440"
9590      loading="lazy"
9591      decoding="async"
9592      
9593      alt="Always Beyond Men's Long Sleeve Crew 2.0"
9594      class="w-full w-full h-full object-cover object-center"
9595      
9596    >
9597  </picture>
9598
9599
9600        </div>
9601        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9602          
9603
9604
9605
9606
9607  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9608    
9609    <img
9610      src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=300"
9611      srcset="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1920 1920w"
9612      sizes="(min-width: 1024px) 25vw, 50vw"
9613      width="1884"
9614      height="2440"
9615      loading="lazy"
9616      decoding="async"
9617      
9618      alt="Always Beyond Men's Long Sleeve Crew 2.0"
9619      class="w-full w-full h-full object-cover object-center"
9620      
9621    >
9622  </picture>
9623
9624
9625        </div>
9626      </a>
9627    
9628    
9629    
9630      
9631          
9632          
9633
9634          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
9635            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9636            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9637              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
9638              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" js-product-card-options>
9639                
9640                  
9641                
9642                  
9643                    
9644                      
9645                      <li class="product-swatch__label-container">
9646                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9647                          XS
9648                        </button>
9649                      </li>
9650                    
9651                      
9652                      <li class="product-swatch__label-container">
9653                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9653ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9654                          S
9655                        </button>
9656                      </li>
9657                    
9658                      
9659                      <li class="product-swatch__label-container">
9660                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9661                          M
9662                        </button>
9663                      </li>
9664                    
9665                      
9666                      <li class="product-swatch__label-container">
9667                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9668                          L
9669                        </button>
9670                      </li>
9671                    
9672                      
9673                      <li class="product-swatch__label-container">
9674                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9675                          XL
9676                        </button>
9677                      </li>
9678                    
9679                      
9680                      <li class="product-swatch__label-container">
9681                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="always-beyond-mens-long-sleeve-crew-2-0-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Always Beyond Men's Long Sleeve Crew 2.0 with color:  to cart" js-product-card-quick-add-swatch>
9682                          2XL
9683                        </button>
9684                      </li>
9685                    
9686                  
9687                
9688              </ul>
9689            </div>
9690          </div>
9691
9692          <select class="product-card__select hidden" js-product-card-select>
9693            
9694              <option value="44543292571747"
9695                      data-title="Dark Ivy Heather / XS"
9696                      selected
9697                      >
9698                Dark Ivy Heather / XS
9699              </option>
9700            
9701              <option value="44543292604515"
9702                      data-title="Dark Ivy Heather / S"
9703                      
9704                      >
9705                Dark Ivy Heather / S
9706              </option>
9707            
9708              <option value="44543292637283"
9709                      data-title="Dark Ivy Heather / M"
9710                      
9711                      >
9712                Dark Ivy Heather / M
9713              </option>
9714            
9715              <option value="44543292670051"
9716                      data-title="Dark Ivy Heather / L"
9717                      
9718                      >
9719                Dark Ivy Heather / L
9720              </option>
9721            
9722              <option value="44543292702819"
9723                      data-title="Dark Ivy Heather / XL"
9724                      
9725                      >
9726                Dark Ivy Heather / XL
9727              </option>
9728            
9729              <option value="44543292735587"
9730                      data-title="Dark Ivy Heather / 2XL"
9731                      
9732                      >
9733                Dark Ivy Heather / 2XL
9734              </option>
9735            
9736          </select>
9737        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Always Beyond Men's Long Sleeve Crew 2.0" js-quickshop-trigger>
9738          QUICK VIEW
9739        </button>
9740      
9741    
9742  </div>
9743  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
9744    data-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" 
9745    data-collection="" 
9746    data-core="swatch-collection-core-non-sale"
9747    data-seasonal="swatch-collection-non-sale" 
9748    data-group="YGroup_LWSD7905D"
9749    js-product-card-swatch-container>
9750      <fieldset>
9751        <legend id="product-card-swatch-legend-always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="visually-hidden">Always Beyond Men's Long Sleeve Crew 2.0 - Color Options</legend>
9752        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" js-swatch-carousel>
9753          <!-- SWATCHES RENDER HERE -->
9754        </div>
9755      </fieldset>
9756      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9757        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9758          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9759<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9760</svg>
9761</span>
9762        </button>
9763        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
9764          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9765<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9766</svg>
9767</span>
9768        </button>
9769      </div>
9770      <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Always Beyond Men's Long Sleeve Crew 2.0 Colors" js-product-card-swatch-count js-produdct-card-link></a>
9771  </div>
9772  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
9773    
9774    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9775      <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9776        <h3 class="f0">Always Beyond Men's Long Sleeve Crew 2.0</h3>
9777      </a>
9778      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9779        
9780        
9781          <span class="product-card__price product-card__price--current ">$74.00</span>
9782        
9783      </div>
9784      
9785    </div>
9786    
9787  </div>
9788</product-card>
9789                    </div>
9790                  </div>
9791                
9792                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9793                    <div class="collection-carousel__content h-full">
9794                      
9795
9796<product-card class="product-card   flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="In Flight Insulated Men&#39;s Shirt Jacket" data-product-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" data-swatch-carousel-disabled">
9797  <div class="product-card__image-container relative">
9798    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9799      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9800      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7823703015523 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7823703015523" data-variant-id="43472216293475" data-product-url="https://beyondyoga.com/products/insulated-seasons-shirt-jacket-black-ash-me2276d">
9801      </button>
9802      <!-- Swym Wishlist Plus EPI Button-->
9803      
9804    </div>
9805    
9806      <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__image-link" js-produdct-card-link aria-label="In Flight Insulated Men's Shirt Jacket">
9807        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9808          
9809
9810
9811
9812
9813  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9814    
9815    <img
9816      src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=300"
9817      srcset="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=300 300w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=600 600w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=750 750w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1024 1024
9817w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1280 1280w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1440 1440w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1920 1920w"
9818      sizes="(min-width: 1024px) 25vw, 50vw"
9819      width="1884"
9820      height="2440"
9821      loading="lazy"
9822      decoding="async"
9823      
9824      alt="In Flight Insulated Men's Shirt Jacket"
9825      class="w-full w-full h-full object-cover object-center"
9826      
9827    >
9828  </picture>
9829
9830
9831        </div>
9832        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9833          
9834
9835
9836
9837
9838  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9839    
9840    <img
9841      src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=300"
9842      srcset="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=300 300w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=600 600w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=750 750w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1024 1024w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1280 1280w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1440 1440w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1920 1920w"
9843      sizes="(min-width: 1024px) 25vw, 50vw"
9844      width="1884"
9845      height="2440"
9846      loading="lazy"
9847      decoding="async"
9848      
9849      alt="In Flight Insulated Men's Shirt Jacket"
9850      class="w-full w-full h-full object-cover object-center"
9851      
9852    >
9853  </picture>
9854
9855
9856        </div>
9857      </a>
9858    
9859    
9860    
9861      
9862          
9863          
9864
9865          <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container>
9866            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9867            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9868              <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p>
9869              <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" js-product-card-options>
9870                
9871                  
9872                
9873                  
9874                    
9875                      
9876                      <li class="product-swatch__label-container">
9877                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="in-flight-insulated-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9878                          XS
9879                        </button>
9880                      </li>
9881                    
9882                      
9883                      <li class="product-swatch__label-container">
9884                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9884ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="in-flight-insulated-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9885                          S
9886                        </button>
9887                      </li>
9888                    
9889                      
9890                      <li class="product-swatch__label-container">
9891                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="in-flight-insulated-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9892                          M
9893                        </button>
9894                      </li>
9895                    
9896                      
9897                      <li class="product-swatch__label-container">
9898                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="in-flight-insulated-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9899                          L
9900                        </button>
9901                      </li>
9902                    
9903                      
9904                      <li class="product-swatch__label-container">
9905                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="in-flight-insulated-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9906                          XL
9907                        </button>
9908                      </li>
9909                    
9910                      
9911                      <li class="product-swatch__label-container">
9912                        <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="in-flight-insulated-mens-shirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of In Flight Insulated Men's Shirt Jacket with color:  to cart" js-product-card-quick-add-swatch>
9913                          2XL
9914                        </button>
9915                      </li>
9916                    
9917                  
9918                
9919              </ul>
9920            </div>
9921          </div>
9922
9923          <select class="product-card__select hidden" js-product-card-select>
9924            
9925              <option value="43472216293475"
9926                      data-title="Black Ash / XS"
9927                      selected
9928                      >
9929                Black Ash / XS
9930              </option>
9931            
9932              <option value="43472216326243"
9933                      data-title="Black Ash / S"
9934                      
9935                      >
9936                Black Ash / S
9937              </option>
9938            
9939              <option value="43472216359011"
9940                      data-title="Black Ash / M"
9941                      
9942                      >
9943                Black Ash / M
9944              </option>
9945            
9946              <option value="43472216391779"
9947                      data-title="Black Ash / L"
9948                      
9949                      >
9950                Black Ash / L
9951              </option>
9952            
9953              <option value="43472216424547"
9954                      data-title="Black Ash / XL"
9955                      
9956                      >
9957                Black Ash / XL
9958              </option>
9959            
9960              <option value="43472216457315"
9961                      data-title="Black Ash / 2XL"
9962                      
9963                      disabled="disabled">
9964                Black Ash / 2XL
9965              </option>
9966            
9967          </select>
9968        <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for In Flight Insulated Men's Shirt Jacket" js-quickshop-trigger>
9969          QUICK VIEW
9970        </button>
9971      
9972    
9973  </div>
9974  <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 
9975    data-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" 
9976    data-collection="" 
9977    data-core="swatch-collection-core-non-sale"
9978    data-seasonal="swatch-collection-non-sale" 
9979    data-group="YGroup_ME2276D"
9980    js-product-card-swatch-container>
9981      <fieldset>
9982        <legend id="product-card-swatch-legend-insulated-seasons-shirt-jacket-black-ash-me2276d" class="visually-hidden">In Flight Insulated Men's Shirt Jacket - Color Options</legend>
9983        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-insulated-seasons-shirt-jacket-black-ash-me2276d" js-swatch-carousel>
9984          <!-- SWATCHES RENDER HERE -->
9985        </div>
9986      </fieldset>
9987      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9988        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9989          <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9990<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9991</svg>
9992</span>
9993        </button>
9994        <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
9995          <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9996<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9997</svg>
9998</span>
9999        </button>
10000      </div>
10001      <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="In Flight Insulated Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a>
10002  </div>
10003  <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16">
10004    
10005    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
10006      <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
10007        <h3 class="f0">In Flight Insulated Men's Shirt Jacket</h3>
10008      </a>
10009      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
10010        
10011        
10012          <span class="product-card__price product-card__price--current ">$178.00</span>
10013        
10014      </div>
10015      
10016    </div>
10017    
10018  </div>
10019</product-card>
10020                    </div>
10021                  </div>
10022                
10023              </div>
10024              <div class="swiper-custom-nav swiper-custom-nav--prev !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2>
10025                <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10026<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/>
10027</svg>
10028</span>
10029              </div>
10030              <div class="swiper-custom-nav swiper-custom-nav--next !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2>
10031                <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10032<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/>
10033</svg>
10034</span>
10035              </div>
10036            </div>
10037          </s-carousel>
10038        </div>
10039      
10040    
10041  </s-tabs>
10042</section>
10043
10044
10045
10046</div><div id="shopify-section-template--19357268639843__section_columns_grid_rc68M3" class="shopify-section">
10047
10048<section class="section__columns-grid  mt-32 mb-0 tabletl:mt-32 tabletl:mb-0 pt-0 pr-0 pb-24 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-32 tabletl:pl-0" style="background-color: #ffffff">
10049  
10050    <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32">
10051      <div class="flex items-center justify-start tabletl:justify-start">
10052        <p class="section__columns-grid-title f3">Now Trending</p>
10053      </div>
10054    </div>
10055  
10056  <div class="grid gap-[var(--gap-mobile)] tabletl:gap-[var(--gap-desktop)] px-24 tabletl:px-64 grid-cols-2 tabletl:grid-cols-4" style="--gap-mobile: 16px; --gap-desktop: 24px;">
10057<div class="column-tile flex flex-col items-center text-center relative">
10058          
10059          
10060            <a href="/collections/outerwear" class="block w-full h-full focus:outline-none" aria-label="Shop Outerwear">
10061          
10062          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
10063            
10064              
10065
10066
10067
10068
10069  <picture class="lazypicture block w-full ">
10070    
10071    <img
10072      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=300"
10073      srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1024 1024
10073w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1920 1920w"
10074      sizes="(min-width: 1024px) 25vw, 50vw"
10075      width="2334"
10076      height="3500"
10077      loading="lazy"
10078      decoding="async"
10079      
10080      alt=""
10081      class="w-full w-full h-full object-cover object-center"
10082      
10083    >
10084  </picture>
10085
10086
10087            
10088          </div>
10089          <div class="pt-12 tabletl:pt-16 px-6">
10090            <div class="f1">Shop Outerwear</div>
10091          </div>
10092          
10093            </a>
10094          
10095        </div>
10096      
10097
10098<div class="column-tile flex flex-col items-center text-center relative">
10099          
10100          
10101            <a href="/collections/luxefleece-2-0-shop" class="block w-full h-full focus:outline-none" aria-label="Shop LuxeFleece 2.0™">
10102          
10103          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
10104            
10105              
10106
10107
10108
10109
10110  <picture class="lazypicture block w-full ">
10111    
10112    <img
10113      src="//beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=300"
10114      srcset="//beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w"
10115      sizes="(min-width: 1024px) 25vw, 50vw"
10116      width="1884"
10117      height="2440"
10118      loading="lazy"
10119      decoding="async"
10120      
10121      alt="A woman wearing a light gray heathered crewneck sweatshirt and matching sweatpants, posing with her hands behind her head against a plain light gray background."
10122      class="w-full w-full h-full object-cover object-center"
10123      
10124    >
10125  </picture>
10126
10127
10128            
10129          </div>
10130          <div class="pt-12 tabletl:pt-16 px-6">
10131            <div class="f1">Shop LuxeFleece 2.0™</div>
10132          </div>
10133          
10134            </a>
10135          
10136        </div>
10137      
10138
10139<div class="column-tile flex flex-col items-center text-center relative">
10140          
10141          
10142            <a href="/pages/glowzone" class="block w-full h-full focus:outline-none" aria-label="Shop glowzone™">
10143          
10144          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
10145            
10146              
10147
10148
10149
10150
10151  <picture class="lazypicture block w-full ">
10152    
10153    <img
10154      src="//beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=300"
10155      srcset="//beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1920 1920w"
10156      sizes="(min-width: 1024px) 25vw, 50vw"
10157      width="2334"
10158      height="3500"
10159      loading="lazy"
10160      decoding="async"
10161      
10162      alt=""
10163      class="w-full w-full h-full object-cover object-center"
10164      
10165    >
10166  </picture>
10167
10168
10169            
10170          </div>
10171          <div class="pt-12 tabletl:pt-16 px-6">
10172            <div class="f1">Shop glowzone™</div>
10173          </div>
10174          
10175            </a>
10176          
10177        </div>
10178      
10179
10180<div class="column-tile flex flex-col items-center text-center relative">
10181          
10182          
10183            <a href="/collections/matching-sets" class="block w-full h-full focus:outline-none" aria-label="Shop Matching Sets">
10184          
10185          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
10186            
10187              
10188
10189
10190
10191
10192  <picture class="lazypicture block w-full ">
10193    
10194    <img
10195      src="//beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=300"
10196      srcset="//beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=300 300w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=600 600w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=750 750w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1024 1024
10196w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1280 1280w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1440 1440w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1920 1920w"
10197      sizes="(min-width: 1024px) 25vw, 50vw"
10198      width="2334"
10199      height="3500"
10200      loading="lazy"
10201      decoding="async"
10202      
10203      alt=""
10204      class="w-full w-full h-full object-cover object-center"
10205      
10206    >
10207  </picture>
10208
10209
10210            
10211          </div>
10212          <div class="pt-12 tabletl:pt-16 px-6">
10213            <div class="f1">Shop Matching Sets</div>
10214          </div>
10215          
10216            </a>
10217          
10218        </div>
10219      
10220</div>
10221</section>
10222
10223 </div><div id="shopify-section-template--19357268639843__section_hero_g4MNLx" class="shopify-section">
10224
10225
10226
10227<section class="section__hero  mt-32 mb-0 tabletl:mt-32 tabletl:mb-0 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0 relative" style="background-color: #ffffff;">
10228  <div class="section__hero-content grid  grid-cols-1 tabletl:grid-cols-1 px-0 gap-0 tabletl:px-0 tabletl:gap-0 pt-0 tabletl:pt-0">
10229    
10230      <s-hero>
10231      <s-carousel class="section__hero-carousel block w-full relative" data-options='{
10232      "slidesPerView": 1,
10233      "spaceBetween": 0,
10234      "grabCursor": true,
10235      "autoHeight": false,
10236      "effect": "fade",
10237      "fadeEffect": { "crossFade": true }
10238    }'>
10239        <div id="HeroCarousel-template--19357268639843__section_hero_g4MNLx" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel>
10240          <div class="swiper-wrapper">
10241            
10242              <div class="swiper-slide" js-carousel-slide >
10243                <div id="shopify-block-AcTY4R01hY2RFYTlNM__media_banner_g3kw9g" class="shopify-block">
10244
10245
10246<div
10247  class="media-banner relative"
10248  style="
10249    
10250    
10251    --aspect-mobile: 0.6;
10252    --aspect-desktop: 1.6;
10253    --content-width-mobile: 100%;
10254    --content-width-desktop: 100%;
10255  "
10256>
10257  
10258  
10259  
10260  <s-video data-auto-play="false" data-lazy-load="true">
10261    <div class="media-banner-container relative h-full">
10262      
10263      
10264        
10265          <div class="media-banner-media h-full tabletl:hidden">
10266            
10267
10268
10269
10270
10271  <picture class="lazypicture block w-full h-full">
10272    
10273    <img
10274      src="//beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=300"
10275      srcset="//beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1920 1920w"
10276      sizes="(min-width: 1024px) 100vw, 100vw"
10277      width="780"
10278      height="1300"
10279      loading="lazy"
10280      decoding="async"
10281      
10282      alt=""
10283      class="w-full h-full object-cover object-center"
10284      
10285    >
10286  </picture>
10287
10288
10289          </div>
10290        
10291        
10292          <div class="media-banner-media h-full hidden tabletl:block">
10293            
10294
10295
10296
10297
10298  <picture class="lazypicture block w-full h-full">
10299    
10300    <img
10301      src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=300"
10302      srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1024 1024
10302w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1920 1920w"
10303      sizes="(min-width: 1024px) 100vw, 100vw"
10304      width="2880"
10305      height="1800"
10306      loading="lazy"
10307      decoding="async"
10308      
10309      alt=""
10310      class="w-full h-full object-cover object-center"
10311      
10312    >
10313  </picture>
10314
10315
10316          </div>
10317        
10318      
10319    </div>
10320  </s-video>
10321  <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:justify-end tabletl:items-start tabletl:text-left" style="color: #fefefe;">
10322    
10323      <a href="/collections/new-arrivals" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
10324    
10325    <div class="media-banner-content-inner relative">
10326      
10327
10328<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32">
10329  
10330    <div class="flex flex-col gap-6 tabletl:gap-8">
10331      
10332      
10333        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
10334          New Arrivals.
10335        </p>
10336      
10337    </div>
10338  
10339
10340  
10341    <div class="flex flex-col gap-12 tabletl:gap-16">
10342      
10343      
10344        <div class="rte font-noiGrotesk ">Our latest styles with the fall  feeling you've been waiting for.</div>
10345      
10346    </div>
10347  
10348
10349  
10350    
10351    <div
10352      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
10353      
10354        style="--cta-padding-top-mobile: 0px;
10355               --cta-padding-right-mobile: 0px;
10356               --cta-padding-bottom-mobile: 0px;
10357               --cta-padding-left-mobile: 0px;
10358               --cta-padding-top-desktop: 0px;
10359               --cta-padding-right-desktop: 0px;
10360               --cta-padding-bottom-desktop: 0px;
10361               --cta-padding-left-desktop: 0px;"
10362      
10363    >
10364      <a href="/collections/new-arrivals" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
10365      
10366    </div>
10367  
10368</div>
10369
10370    </div>
10371  </div>
10372</div>
10373
10374
10375
10376
10377</div>
10378
10379              </div>
10380            
10381          </div>
10382          
10383        </div>
10384      </s-carousel>
10385      </s-hero>
10386    
10387  </div>
10388</section>
10389
10390</div><div id="shopify-section-template--19357268639843__section_firework_embed_BQweVq" class="shopify-section">
10391
10392
10393
10394<div id="section-firework-embed" class="pl-24 tabletl:pl-64 max-w-[100vw] tabletl:max-w-[calc(100vw-16px)] !mx-auto  mt-24 mb-16 tabletl:mt-24 tabletl:mb-16 pt-0 pb-0 tabletl:pt-16 tabletl:pb-16 block tabletp:block">
10395  
10396    <div class="pr-24 tabletl:pr-64 mb-24 tabletl:mb-32">
10397      <div class="flex items-center justify-between">
10398        <p class="f3">See IRL</p>
10399        
10400          <div class="flex items-center gap-8">
10401            <a href="https://www.instagram.com/beyondyoga/?hl=en" class="btn w-fit">Explore</a>
10402          </div>
10403        
10404      </div>
10405    </div>
10406  
10407  
10408      <fw-player-deck
10409            channel="beyond_yoga"
10410            playlist="5aYbj5"
10411            hashtag=""
10412            mode="row"
10413            captions="false"
10414            size="large"
10415            pip="false"
10416            open_in="_modal"
10417            placement="middle"
10418            player_placement="bottom-right"
10419            jsonld="true"
10420          ></fw-player-deck>
10421    
10422</div>
10423
10424
10425
10426</div><div id="shopify-section-template--19357268639843__section_columns_carousel_KRBWDB" class="shopify-section">
10427<section class="section__columns-carousel  mt-16 mb-16 tabletl:mt-40 tabletl:mb-40 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #ffffff">
10428  <s-carousel class="block relative" data-options='{
10429    "slidesPerView": 2.4,
10430    "spaceBetween": 0,
10431    "slidesOffsetBefore": 24,
10432    "slidesOffsetAfter": 24,
10433    "autoHeight": false,
10434    "loop": false,
10435    "freeMode": true,
10436    
10437      "navigation": {
10438        "enabled": true,
10439        "prevEl": "[js-prev-template--19357268639843__section_columns_carousel_KRBWDB]",
10440        "nextEl": "[js-next-template--19357268639843__section_columns_carousel_KRBWDB]"
10441      },
10442    
10443    "breakpoints": {
10444      "1024": {
10445        "slidesPerView": 6.5,
10446        "spaceBetween": 0,
10447        "slidesOffsetBefore": 64,
10448        "slidesOffsetAfter": 64
10449      }
10450    }
10451  }'>
10452    <div id="Carousel-template--19357268639843__section_columns_carousel_KRBWDB" class="swiper grid grid-cols-1" js-carousel>
10453      <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32">
10454        <div class="flex items-center justify-start tabletl:justify-start">
10455          <p class="section__columns-carousel-title f3">Shop By Color</p>
10456        </div>
10457      </div>
10458
10459      <div class="swiper-wrapper">
10460<div class="swiper-slide" js-carousel-slide >
10461              
10462                <a href="https://beyondyoga.com/collections/green-hues">
10463              
10464                <div class="column-card flex flex-col relative">
10465                  <div class="relative">
10466                    
10467                    
10468                      
10469
10470
10471
10472
10473  <picture class="lazypicture block w-full aspect-[2/3]">
10474    
10475    <img
10476      src="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=300"
10477      srcset="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1920 1920w"
10478      sizes="(min-width: 1024px) 30vw, 75vw"
10479      width="1884"
10480      height="2440"
10481      loading="lazy"
10482      decoding="async"
10483      
10484      alt="A woman stands outdoors near a waterfront and greenery, wearing a dark green fleece half-zip pullover, matching dark green leggings, white socks, and white sneakers."
10485      class="w-full w-full h-full object-cover object-center"
10486      
10487    >
10488  </picture>
10489
10490
10491                    
10492                  </div>
10493                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(72, 171, 59, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10494                  <div class="flex flex-col gap-6 tabletl:gap-8">
10495                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Green</div>
10496                    
10497                    
10498                  </div>
10499                </div>
10500                </div>
10501              
10502                </a>
10503              
10504            </div>
10505          
10506
10507<div class="swiper-slide" js-carousel-slide >
10508              
10509                <a href="https://beyondyoga.com/collections/red-hues">
10510              
10511                <div class="column-card flex flex-col relative">
10512                  <div class="relative">
10513                    
10514                    
10515                      
10516
10517
10518
10519
10520  <picture class="lazypicture block w-full aspect-[2/3]">
10521    
10522    <img
10523      src="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=300"
10524      srcset="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1024 1024
10524w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1920 1920w"
10525      sizes="(min-width: 1024px) 30vw, 75vw"
10526      width="1884"
10527      height="2440"
10528      loading="lazy"
10529      decoding="async"
10530      
10531      alt="A woman smiling outdoors near a waterfront dock, wearing a matching burgundy knit wrap top and pants set."
10532      class="w-full w-full h-full object-cover object-center"
10533      
10534    >
10535  </picture>
10536
10537
10538                    
10539                  </div>
10540                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(164, 43, 92, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10541                  <div class="flex flex-col gap-6 tabletl:gap-8">
10542                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Burgundy</div>
10543                    
10544                    
10545                  </div>
10546                </div>
10547                </div>
10548              
10549                </a>
10550              
10551            </div>
10552          
10553
10554<div class="swiper-slide" js-carousel-slide >
10555              
10556                <a href="/collections/brown-hues">
10557              
10558                <div class="column-card flex flex-col relative">
10559                  <div class="relative">
10560                    
10561                    
10562                      
10563
10564
10565
10566
10567  <picture class="lazypicture block w-full aspect-[2/3]">
10568    
10569    <img
10570      src="//beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=300"
10571      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1920 1920w"
10572      sizes="(min-width: 1024px) 30vw, 75vw"
10573      width="1884"
10574      height="2440"
10575      loading="lazy"
10576      decoding="async"
10577      
10578      alt="A woman wearing a dark brown cropped zip-up sweatshirt and matching dark brown wide-leg sweatpants, standing against a brick wall and holding a takeaway coffee cup."
10579      class="w-full w-full h-full object-cover object-center"
10580      
10581    >
10582  </picture>
10583
10584
10585                    
10586                  </div>
10587                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(51, 35, 35, 0.5); color: #f6f9fd; backdrop-filter: blur(12px) saturate(120%);">
10588                  <div class="flex flex-col gap-6 tabletl:gap-8">
10589                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Brown</div>
10590                    
10591                    
10592                  </div>
10593                </div>
10594                </div>
10595              
10596                </a>
10597              
10598            </div>
10599          
10600
10601<div class="swiper-slide" js-carousel-slide >
10602              
10603                <a href="https://beyondyoga.com/collections/the-new-neutrals">
10604              
10605                <div class="column-card flex flex-col relative">
10606                  <div class="relative">
10607                    
10608                    
10609                      
10610
10611
10612
10613
10614  <picture class="lazypicture block w-full aspect-[2/3]">
10615    
10616    <img
10617      src="//beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=300"
10618      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1920 1920w"
10619      sizes="(min-width: 1024px) 30vw, 75vw"
10620      width="1884"
10621      height="2440"
10622      loading="lazy"
10623      decoding="async"
10624      
10625      alt="A woman stands barefoot on driftwood at the beach wearing a light beige crewneck sweatshirt and matching sweatpants."
10626      class="w-full w-full h-full object-cover object-center"
10627      
10628    >
10629  </picture>
10630
10631
10632                    
10633                  </div>
10634                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(203, 174, 148, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10635                  <div class="flex flex-col gap-6 tabletl:gap-8">
10636                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Neutrals</div>
10637                    
10638                    
10639                  </div>
10640                </div>
10641                </div>
10642              
10643                </a>
10644              
10645            </div>
10646          
10647
10648<div class="swiper-slide" js-carousel-slide >
10649              
10650                <a href="https://beyondyoga.com/collections/blue-hues">
10651              
10652                <div class="column-card flex flex-col relative">
10653                  <div class="relative">
10654                    
10655                    
10656                      
10657
10658
10659
10660
10661  <picture class="lazypicture block w-full aspect-[2/3]">
10662    
10663    <img
10664      src="//beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=300"
10665      srcset="//beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=300 300w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=600 600w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=750 750w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1024 1024w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1280 1280w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1440 1440w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1920 1920w"
10666      sizes="(min-width: 1024px) 30vw, 75vw"
10667      width="1884"
10668      height="2440"
10669      loading="lazy"
10670      decoding="async"
10671      
10672      alt=""
10673      class="w-full w-full h-full object-cover object-center"
10674      
10675    >
10676  </picture>
10677
10678
10679                    
10680                  </div>
10681                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(32, 139, 195, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10682                  <div class="flex flex-col gap-6 tabletl:gap-8">
10683                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Blue</div>
10684                    
10685                    
10686                  </div>
10687                </div>
10688                </div>
10689              
10690                </a>
10691              
10692            </div>
10693          
10694
10695<div class="swiper-slide" js-carousel-slide >
10696              
10697                <a href="/collections/pink-hues">
10698              
10699                <div class="column-card flex flex-col relative">
10700                  <div class="relative">
10701                    
10702                    
10703                      
10704
10705
10706
10707
10708  <picture class="lazypicture block w-full aspect-[2/3]">
10709    
10710    <img
10711      src="//beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=300"
10712      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1024 1024
10712w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1920 1920w"
10713      sizes="(min-width: 1024px) 30vw, 75vw"
10714      width="1884"
10715      height="2440"
10716      loading="lazy"
10717      decoding="async"
10718      
10719      alt="A woman sitting on a sandy beach wearing a matching light pink lounge set, featuring a sports bra and jogger pants, with her pink jacket draped off her shoulders."
10720      class="w-full w-full h-full object-cover object-center"
10721      
10722    >
10723  </picture>
10724
10725
10726                    
10727                  </div>
10728                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(196, 45, 171, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10729                  <div class="flex flex-col gap-6 tabletl:gap-8">
10730                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Pink</div>
10731                    
10732                    
10733                  </div>
10734                </div>
10735                </div>
10736              
10737                </a>
10738              
10739            </div>
10740          
10741
10742<div class="swiper-slide" js-carousel-slide >
10743              
10744                <a href="https://beyondyoga.com/collections/gray-hues">
10745              
10746                <div class="column-card flex flex-col relative">
10747                  <div class="relative">
10748                    
10749                    
10750                      
10751
10752
10753
10754
10755  <picture class="lazypicture block w-full aspect-[2/3]">
10756    
10757    <img
10758      src="//beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=300"
10759      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1920 1920w"
10760      sizes="(min-width: 1024px) 30vw, 75vw"
10761      width="1884"
10762      height="2440"
10763      loading="lazy"
10764      decoding="async"
10765      
10766      alt="A man and a woman walking outdoors on a beach wearing matching athletic sets. The woman wears a light gray zip-up long-sleeve crop top with matching gray sweatpants."
10767      class="w-full w-full h-full object-cover object-center"
10768      
10769    >
10770  </picture>
10771
10772
10773                    
10774                  </div>
10775                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(198, 198, 198, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10776                  <div class="flex flex-col gap-6 tabletl:gap-8">
10777                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Gray</div>
10778                    
10779                    
10780                  </div>
10781                </div>
10782                </div>
10783              
10784                </a>
10785              
10786            </div>
10787          
10788
10789<div class="swiper-slide" js-carousel-slide >
10790              
10791                <a href="https://beyondyoga.com/collections/white-hues">
10792              
10793                <div class="column-card flex flex-col relative">
10794                  <div class="relative">
10795                    
10796                    
10797                      
10798
10799
10800
10801
10802  <picture class="lazypicture block w-full aspect-[2/3]">
10803    
10804    <img
10805      src="//beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=300"
10806      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1024 1024
10806w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1920 1920w"
10807      sizes="(min-width: 1024px) 30vw, 75vw"
10808      width="1884"
10809      height="2440"
10810      loading="lazy"
10811      decoding="async"
10812      
10813      alt="A woman wearing a white short-sleeve cropped t-shirt and black drawstring sweatpants, standing outdoors on a sandy beach with dune grass and a blue sky in the background."
10814      class="w-full w-full h-full object-cover object-center"
10815      
10816    >
10817  </picture>
10818
10819
10820                    
10821                  </div>
10822                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(255, 255, 255, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10823                  <div class="flex flex-col gap-6 tabletl:gap-8">
10824                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">White</div>
10825                    
10826                    
10827                  </div>
10828                </div>
10829                </div>
10830              
10831                </a>
10832              
10833            </div>
10834          
10835
10836<div class="swiper-slide" js-carousel-slide >
10837              
10838                <a href="https://beyondyoga.com/collections/black-hues">
10839              
10840                <div class="column-card flex flex-col relative">
10841                  <div class="relative">
10842                    
10843                    
10844                      
10845
10846
10847
10848
10849  <picture class="lazypicture block w-full aspect-[2/3]">
10850    
10851    <img
10852      src="//beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=300"
10853      srcset="//beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=300 300w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=600 600w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=750 750w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1920 1920w"
10854      sizes="(min-width: 1024px) 30vw, 75vw"
10855      width="1884"
10856      height="2440"
10857      loading="lazy"
10858      decoding="async"
10859      
10860      alt="Woman in a black cropped tank with a crossover strap in the back and black pants. "
10861      class="w-full w-full h-full object-cover object-center"
10862      
10863    >
10864  </picture>
10865
10866
10867                    
10868                  </div>
10869                <div class="flex flex-col  absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(5, 5, 5, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);">
10870                  <div class="flex flex-col gap-6 tabletl:gap-8">
10871                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Black</div>
10872                    
10873                    
10874                  </div>
10875                </div>
10876                </div>
10877              
10878                </a>
10879              
10880            </div>
10881          
10882</div>
10883      
10884        <div class="swiper-custom-nav swiper-custom-nav--prev !transform-none" js-prev-template--19357268639843__section_columns_carousel_KRBWDB>
10885          <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10886<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/>
10887</svg>
10888</span>
10889        </div>
10890        <div class="swiper-custom-nav swiper-custom-nav--next !transform-none" js-next-template--1935
108907268639843__section_columns_carousel_KRBWDB>
10891          <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10892<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/>
10893</svg>
10894</span>
10895        </div>
10896      
10897    </div>
10898  </s-carousel>
10899</section>
10900
10901
10902</div><div id="shopify-section-template--19357268639843__section_store_carousel_XHhd8w" class="shopify-section">
10903
10904<div class="section__store-carousel  mt-32 mb-56 tabletl:mt-80 tabletl:mb-80 pt-0 pb-0 tabletl:pt-0 tabletl:pb-0">
10905  <div class="store-carousel__title-container px-24 tabletl:px-64 flex items-center justify-between gap-12 mb-32">
10906    <p class="store-carousel__title f3">Our Stores</p>
10907    
10908      <a href="/pages/stores" class="store-carousel__cta btn w-fit whitespace-nowrap">
10909        Visit Us
10910      </a>
10911    
10912  </div><s-carousel class="store-carousel__carousel grid" data-options='{
10913      "slidesPerView": 2.4,
10914      "spaceBetween": 12,
10915      "slidesOffsetBefore": 24,
10916      "slidesOffsetAfter": 24,
10917      "autoHeight": false,
10918      "loop": false,
10919      "freeMode": true,
10920      "navigation": {
10921        "enabled": true,
10922        "prevEl": "[js-prev-template--19357268639843__section_store_carousel_XHhd8w]",
10923        "nextEl": "[js-next-template--19357268639843__section_store_carousel_XHhd8w]"
10924      },
10925      "breakpoints": {
10926        "768": {
10927          "slidesPerView": 4.3,
10928          "spaceBetween": 12,
10929          "slidesOffsetBefore": 24,
10930          "slidesOffsetAfter": 24
10931        },
10932        "1024": {
10933          "slidesPerView": 5.6,
10934          "spaceBetween": 16,
10935          "slidesOffsetBefore": 64,
10936          "slidesOffsetAfter": 64
10937        },
10938        "1440": {
10939          "slidesPerView": 6.6,
10940          "spaceBetween": 16,
10941          "slidesOffsetBefore": 64,
10942          "slidesOffsetAfter": 64
10943        }
10944      }
10945    }'>
10946    <div id="Carousel-template--19357268639843__section_store_carousel_XHhd8w" class="swiper w-full max-w-full" js-carousel>
10947      <div class="swiper-wrapper">
10948        
10949          <div class="swiper-slide store-carousel__slide" js-carousel-slide>
10950            
10951              <div class="store-carousel__image">
10952                
10953
10954
10955
10956
10957  <picture class="lazypicture block w-full ">
10958    
10959    <img
10960      src="//beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=300"
10961      srcset="//beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=300 300w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=600 600w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=750 750w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1024 1024w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1280 1280w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1440 1440w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1920 1920w"
10962      sizes="100vw"
10963      width="648"
10964      height="648"
10965      loading="lazy"
10966      decoding="async"
10967      
10968      alt="Yellow Beyond Yoga store front with large glass windows. "
10969      class="w-full "
10970      
10971    >
10972  </picture>
10973
10974
10975              </div>
10976            
10977          </div>
10978        
10979        
10980          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10981            <a href="/pages/stores/manhattan-beach" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Manhattan Beach - Manhattan Beach, CA">
10982              
10983                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10984                  
10985
10986
10987
10988
10989  <picture class="lazypicture block w-full ">
10990    
10991    <img
10992      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10993      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
10993w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
10994      sizes="40px"
10995      width="600"
10996      height="900"
10997      loading="lazy"
10998      decoding="async"
10999      
11000      alt=""
11001      class="w-full "
11002      
11003    >
11004  </picture>
11005
11006
11007                </div>
11008              
11009              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11010                <div class="store-carousel__store-city f0 !text-black mb-2">
11011                  Manhattan Beach
11012                </div>
11013                <div class="store-carousel__store-state fn1-mono !text-grey">
11014                  CA
11015                </div>
11016              </div>
11017            </a>
11018          </div>
11019        
11020          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11021            <a href="/pages/stores/santa-monica-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Santa Monica, CA - Santa Monica, California">
11022              
11023                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11024                  
11025
11026
11027
11028
11029  <picture class="lazypicture block w-full ">
11030    
11031    <img
11032      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11033      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11034      sizes="40px"
11035      width="600"
11036      height="900"
11037      loading="lazy"
11038      decoding="async"
11039      
11040      alt=""
11041      class="w-full "
11042      
11043    >
11044  </picture>
11045
11046
11047                </div>
11048              
11049              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11050                <div class="store-carousel__store-city f0 !text-black mb-2">
11051                  Santa Monica
11052                </div>
11053                <div class="store-carousel__store-state fn1-mono !text-grey">
11054                  California
11055                </div>
11056              </div>
11057            </a>
11058          </div>
11059        
11060          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11061            <a href="/pages/stores/irvine-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Irvine, CA - Irvine, California">
11062              
11063                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11064                  
11065
11066
11067
11068
11069  <picture class="lazypicture block w-full ">
11070    
11071    <img
11072      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11073      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11074      sizes="40px"
11075      width="600"
11076      height="900"
11077      loading="lazy"
11078      decoding="async"
11079      
11080      alt=""
11081      class="w-full "
11082      
11083    >
11084  </picture>
11085
11086
11087                </div>
11088              
11089              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11090                <div class="store-carousel__store-city f0 !text-black mb-2">
11091                  Irvine
11092                </div>
11093                <div class="store-carousel__store-state fn1-mono !text-grey">
11094                  California
11095                </div>
11096              </div>
11097            </a>
11098          </div>
11099        
11100          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11101            <a href="/pages/stores/larchmont-village-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Larchmont Village, CA - Larchmont Village, California">
11102              
11103                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11104                  
11105
11106
11107
11108
11109  <picture class="lazypicture block w-full ">
11110    
11111    <img
11112      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11113      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11113w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11114      sizes="40px"
11115      width="600"
11116      height="900"
11117      loading="lazy"
11118      decoding="async"
11119      
11120      alt=""
11121      class="w-full "
11122      
11123    >
11124  </picture>
11125
11126
11127                </div>
11128              
11129              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11130                <div class="store-carousel__store-city f0 !text-black mb-2">
11131                  Larchmont Village
11132                </div>
11133                <div class="store-carousel__store-state fn1-mono !text-grey">
11134                  California
11135                </div>
11136              </div>
11137            </a>
11138          </div>
11139        
11140          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11141            <a href="/pages/stores/century-city-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Century City, CA - Century City, California">
11142              
11143                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11144                  
11145
11146
11147
11148
11149  <picture class="lazypicture block w-full ">
11150    
11151    <img
11152      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11153      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11154      sizes="40px"
11155      width="600"
11156      height="900"
11157      loading="lazy"
11158      decoding="async"
11159      
11160      alt=""
11161      class="w-full "
11162      
11163    >
11164  </picture>
11165
11166
11167                </div>
11168              
11169              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11170                <div class="store-carousel__store-city f0 !text-black mb-2">
11171                  Century City
11172                </div>
11173                <div class="store-carousel__store-state fn1-mono !text-grey">
11174                  California
11175                </div>
11176              </div>
11177            </a>
11178          </div>
11179        
11180          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11181            <a href="/pages/stores/broadway-plaza-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Walnut Creek, CA - Walnut Creek, California">
11182              
11183                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11184                  
11185
11186
11187
11188
11189  <picture class="lazypicture block w-full ">
11190    
11191    <img
11192      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11193      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11194      sizes="40px"
11195      width="600"
11196      height="900"
11197      loading="lazy"
11198      decoding="async"
11199      
11200      alt=""
11201      class="w-full "
11202      
11203    >
11204  </picture>
11205
11206
11207                </div>
11208              
11209              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11210                <div class="store-carousel__store-city f0 !text-black mb-2">
11211                  Walnut Creek
11212                </div>
11213                <div class="store-carousel__store-state fn1-mono !text-grey">
11214                  California
11215                </div>
11216              </div>
11217            </a>
11218          </div>
11219        
11220          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11221            <a href="/pages/stores/fulton-market-il" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Fulton Market, IL - Fulton Market, Illinois">
11222              
11223                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11224                  
11225
11226
11227
11228
11229  <picture class="lazypicture block w-full ">
11230    
11231    <img
11232      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11233      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11233w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11234      sizes="40px"
11235      width="600"
11236      height="900"
11237      loading="lazy"
11238      decoding="async"
11239      
11240      alt=""
11241      class="w-full "
11242      
11243    >
11244  </picture>
11245
11246
11247                </div>
11248              
11249              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11250                <div class="store-carousel__store-city f0 !text-black mb-2">
11251                  Fulton Market
11252                </div>
11253                <div class="store-carousel__store-state fn1-mono !text-grey">
11254                  Illinois
11255                </div>
11256              </div>
11257            </a>
11258          </div>
11259        
11260          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11261            <a href="/pages/stores/bellevue-square-wa" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Bellevue Square, WA - Bellevue Square, Washington">
11262              
11263                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11264                  
11265
11266
11267
11268
11269  <picture class="lazypicture block w-full ">
11270    
11271    <img
11272      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11273      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11274      sizes="40px"
11275      width="600"
11276      height="900"
11277      loading="lazy"
11278      decoding="async"
11279      
11280      alt=""
11281      class="w-full "
11282      
11283    >
11284  </picture>
11285
11286
11287                </div>
11288              
11289              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11290                <div class="store-carousel__store-city f0 !text-black mb-2">
11291                  Bellevue Square
11292                </div>
11293                <div class="store-carousel__store-state fn1-mono !text-grey">
11294                  Washington
11295                </div>
11296              </div>
11297            </a>
11298          </div>
11299        
11300          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11301            <a href="/pages/stores/greenwich-ct" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Greenwich, CT - Greenwich, Connecticut ">
11302              
11303                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11304                  
11305
11306
11307
11308
11309  <picture class="lazypicture block w-full ">
11310    
11311    <img
11312      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11313      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11314      sizes="40px"
11315      width="600"
11316      height="900"
11317      loading="lazy"
11318      decoding="async"
11319      
11320      alt=""
11321      class="w-full "
11322      
11323    >
11324  </picture>
11325
11326
11327                </div>
11328              
11329              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11330                <div class="store-carousel__store-city f0 !text-black mb-2">
11331                  Greenwich
11332                </div>
11333                <div class="store-carousel__store-state fn1-mono !text-grey">
11334                  Connecticut 
11335                </div>
11336              </div>
11337            </a>
11338          </div>
11339        
11340          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11341            <a href="/pages/stores/westport-ct" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Westport, Ct - Westport, Connecticut ">
11342              
11343                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11344                  
11345
11346
11347
11348
11349  <picture class="lazypicture block w-full ">
11350    
11351    <img
11352      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11353      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11353w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11354      sizes="40px"
11355      width="600"
11356      height="900"
11357      loading="lazy"
11358      decoding="async"
11359      
11360      alt=""
11361      class="w-full "
11362      
11363    >
11364  </picture>
11365
11366
11367                </div>
11368              
11369              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11370                <div class="store-carousel__store-city f0 !text-black mb-2">
11371                  Westport
11372                </div>
11373                <div class="store-carousel__store-state fn1-mono !text-grey">
11374                  Connecticut 
11375                </div>
11376              </div>
11377            </a>
11378          </div>
11379        
11380          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11381            <a href="/pages/stores/old-orchard" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Old Orchard, IL - Skokie, Illinois">
11382              
11383                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11384                  
11385
11386
11387
11388
11389  <picture class="lazypicture block w-full ">
11390    
11391    <img
11392      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11393      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11394      sizes="40px"
11395      width="600"
11396      height="900"
11397      loading="lazy"
11398      decoding="async"
11399      
11400      alt=""
11401      class="w-full "
11402      
11403    >
11404  </picture>
11405
11406
11407                </div>
11408              
11409              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11410                <div class="store-carousel__store-city f0 !text-black mb-2">
11411                  Skokie
11412                </div>
11413                <div class="store-carousel__store-state fn1-mono !text-grey">
11414                  Illinois
11415                </div>
11416              </div>
11417            </a>
11418          </div>
11419        
11420          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11421            <a href="/pages/stores/seaport-boston-ma" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Seaport Boston, MA - Boston, Massachusetts">
11422              
11423                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11424                  
11425
11426
11427
11428
11429  <picture class="lazypicture block w-full ">
11430    
11431    <img
11432      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11433      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11434      sizes="40px"
11435      width="600"
11436      height="900"
11437      loading="lazy"
11438      decoding="async"
11439      
11440      alt=""
11441      class="w-full "
11442      
11443    >
11444  </picture>
11445
11446
11447                </div>
11448              
11449              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11450                <div class="store-carousel__store-city f0 !text-black mb-2">
11451                  Boston
11452                </div>
11453                <div class="store-carousel__store-state fn1-mono !text-grey">
11454                  Massachusetts
11455                </div>
11456              </div>
11457            </a>
11458          </div>
11459        
11460          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11461            <a href="/pages/stores/corte-madera" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Corte Madera  - Marin County , California ">
11462              
11463                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11464                  
11465
11466
11467
11468
11469  <picture class="lazypicture block w-full ">
11470    
11471    <img
11472      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11473      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11473w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11474      sizes="40px"
11475      width="600"
11476      height="900"
11477      loading="lazy"
11478      decoding="async"
11479      
11480      alt=""
11481      class="w-full "
11482      
11483    >
11484  </picture>
11485
11486
11487                </div>
11488              
11489              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11490                <div class="store-carousel__store-city f0 !text-black mb-2">
11491                  Marin County 
11492                </div>
11493                <div class="store-carousel__store-state fn1-mono !text-grey">
11494                  California 
11495                </div>
11496              </div>
11497            </a>
11498          </div>
11499        
11500          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11501            <a href="/pages/stores/san-jose-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store San Jose - San Jose, California ">
11502              
11503                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11504                  
11505
11506
11507
11508
11509  <picture class="lazypicture block w-full ">
11510    
11511    <img
11512      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11513      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11514      sizes="40px"
11515      width="600"
11516      height="900"
11517      loading="lazy"
11518      decoding="async"
11519      
11520      alt=""
11521      class="w-full "
11522      
11523    >
11524  </picture>
11525
11526
11527                </div>
11528              
11529              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11530                <div class="store-carousel__store-city f0 !text-black mb-2">
11531                  San Jose
11532                </div>
11533                <div class="store-carousel__store-state fn1-mono !text-grey">
11534                  California 
11535                </div>
11536              </div>
11537            </a>
11538          </div>
11539        
11540          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11541            <a href="/pages/stores/city-centre-houston" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store CityCentre, Houston - Houston, Texas">
11542              
11543                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11544                  
11545
11546
11547
11548
11549  <picture class="lazypicture block w-full ">
11550    
11551    <img
11552      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11553      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11554      sizes="40px"
11555      width="600"
11556      height="900"
11557      loading="lazy"
11558      decoding="async"
11559      
11560      alt=""
11561      class="w-full "
11562      
11563    >
11564  </picture>
11565
11566
11567                </div>
11568              
11569              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11570                <div class="store-carousel__store-city f0 !text-black mb-2">
11571                  Houston
11572                </div>
11573                <div class="store-carousel__store-state fn1-mono !text-grey">
11574                  Texas
11575                </div>
11576              </div>
11577            </a>
11578          </div>
11579        
11580          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11581            <a href="/pages/stores/bethesda-md" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Montgomery Mall - Bethesda, MD">
11582              
11583                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11584                  
11585
11586
11587
11588
11589  <picture class="lazypicture block w-full ">
11590    
11591    <img
11592      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11593      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11593w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11594      sizes="40px"
11595      width="600"
11596      height="900"
11597      loading="lazy"
11598      decoding="async"
11599      
11600      alt=""
11601      class="w-full "
11602      
11603    >
11604  </picture>
11605
11606
11607                </div>
11608              
11609              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11610                <div class="store-carousel__store-city f0 !text-black mb-2">
11611                  Bethesda
11612                </div>
11613                <div class="store-carousel__store-state fn1-mono !text-grey">
11614                  MD
11615                </div>
11616              </div>
11617            </a>
11618          </div>
11619        
11620          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11621            <a href="/pages/stores/scottsdale-kierland-commons" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Scottsdale Kierland Commons - Scottsdale, AZ">
11622              
11623                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11624                  
11625
11626
11627
11628
11629  <picture class="lazypicture block w-full ">
11630    
11631    <img
11632      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11633      srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w"
11634      sizes="40px"
11635      width="600"
11636      height="900"
11637      loading="lazy"
11638      decoding="async"
11639      
11640      alt=""
11641      class="w-full "
11642      
11643    >
11644  </picture>
11645
11646
11647                </div>
11648              
11649              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11650                <div class="store-carousel__store-city f0 !text-black mb-2">
11651                  Scottsdale
11652                </div>
11653                <div class="store-carousel__store-state fn1-mono !text-grey">
11654                  AZ
11655                </div>
11656              </div>
11657            </a>
11658          </div>
11659        
11660      </div>
11661      <div class="swiper-custom-nav swiper-custom-nav--prev" js-prev-template--19357268639843__section_store_carousel_XHhd8w>
11662        <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11663<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/>
11664</svg>
11665</span>
11666      </div>
11667      <div class="swiper-custom-nav swiper-custom-nav--next" js-next-template--19357268639843__section_store_carousel_XHhd8w>
11668        <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11669<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/>
11670</svg>
11671</span>
11672      </div>
11673    </div>
11674  </s-carousel>
11675</div>
11676
11677</div>
11678      </main>
11679  
11680      <!-- BEGIN sections: footer-group -->
11681<div id="shopify-section-sections--19357271064675__footer" class="shopify-section shopify-section-group-footer-group"><footer class="section-footer block bg-white p-24 tabletl:px-64 tabletl:py-32 relative z-0">
11682  
11683    <div class="footer__klaviyo">
11684      <div class="klaviyo-form-Ua6xYB"></div>
11685    </div>
11686  
11687  
11688  
11689    
11690    <div class="footer__nav mt-56 tabletl:mt-80 grid grid-cols-2 gap-x-18 gap-y-32 tabletl:flex tabletl:ju
11690stify-start tabletl:gap-32">
11691      
11692        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11693          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11694            Support
11695          </div>
11696          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11697            
11698              <li class="footer-nav__link-item">
11699              
11700                  <a href="https://shopify.com/26561413219/account/profile?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiZXlvbmQteW9nYS1zdG9yZS5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE1MjY3NjQsIm5iZiI6MTc5MDkyMTk2NH0.iQyZ0WJoGrCo06W_LLWs1Z3Ep2ciNlNoeraKOXtqGXA" class="footer-nav__link w-fit" aria-label="My Account">
11701                    My Account
11702                  </a>
11703                
11704              </li>
11705            
11706              <li class="footer-nav__link-item">
11707              
11708                  <a href="/pages/contact-us" class="footer-nav__link w-fit" aria-label="Contact Us">
11709                    Contact Us
11710                  </a>
11711                
11712              </li>
11713            
11714              <li class="footer-nav__link-item">
11715              
11716                  <a href="/pages/shipping-delivery" class="footer-nav__link w-fit" aria-label="Shipping + Delivery">
11717                    Shipping + Delivery
11718                  </a>
11719                
11720              </li>
11721            
11722              <li class="footer-nav__link-item">
11723              
11724                  <a href="/pages/returns" class="footer-nav__link w-fit" aria-label="Returns + Exchanges">
11725                    Returns + Exchanges
11726                  </a>
11727                
11728              </li>
11729            
11730              <li class="footer-nav__link-item">
11731              
11732                  <a href="/pages/faqs" class="footer-nav__link w-fit" aria-label="FAQs">
11733                    FAQs
11734                  </a>
11735                
11736              </li>
11737            
11738              <li class="footer-nav__link-item">
11739              
11740                  <a href="/pages/mailing-preferences" class="footer-nav__link w-fit" aria-label="Mailing Preferences">
11741                    Mailing Preferences
11742                  </a>
11743                
11744              </li>
11745            
11746          </ul>
11747        </div>
11748      
11749        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11750          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11751            Company
11752          </div>
11753          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11754            
11755              <li class="footer-nav__link-item">
11756              
11757                  <a href="/pages/about-us" class="footer-nav__link w-fit" aria-label="About Us">
11758                    About Us
11759                  </a>
11760                
11761              </li>
11762            
11763              <li class="footer-nav__link-item">
11764              
11765                  <a href="/pages/stores" class="footer-nav__link w-fit" aria-label="Find a Store">
11766                    Find a Store
11767                  </a>
11768                
11769              </li>
11770            
11771              <li class="footer-nav__link-item">
11772              
11773                  <a href="/pages/career-internships" class="footer-nav__link w-fit" aria-label="Careers">
11774                    Careers
11775                  </a>
11776                
11777              </li>
11778            
11779              <li class="footer-nav__link-item">
11780              
11781                  <a href="/pages/wholesale" class="footer-nav__link w-fit" aria-label="Wholesale">
11782                    Wholesale
11783                  </a>
11784                
11785              </li>
11786            
11787              <li class="footer-nav__link-item">
11788              
11789                  <a href="/products/beyond-yoga-digital-gift-card" class="footer-nav__link w-fit" aria-label="Gift Cards">
11790                    Gift Cards
11791                  </a>
11792                
11793              </li>
11794            
11795          </ul>
11796        </div>
11797      
11798        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11799          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11800            Legal
11801          </div>
11802          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11803            
11804              <li class="footer-nav__link-item">
11805              
11806                  <a href="/pages/terms-of-use" class="footer-nav__link w-fit" aria-label="Terms of Use">
11807                    Terms of Use
11808                  </a>
11809                
11810              </li>
11811            
11812              <li class="footer-nav__link-item">
11813              
11814                  <a href="/pages/offer-terms" class="footer-nav__link w-fit" aria-label="Offer Terms">
11815                    Offer Terms
11816                  </a>
11817                
11818              </li>
11819            
11820              <li class="footer-nav__link-item">
11821              
11822                  <a href="/pages/privacy-notice" class="footer-nav__link w-fit" aria-label="Privacy Notice">
11823                    Privacy Notice
11824                  </a>
11825                
11826              </li>
11827            
11828              <li class="footer-nav__link-item">
11829              
11830                  <a href="/pages/accessibility" class="footer-nav__link w-fit" aria-label="Accessibility">
11831                    Accessibility
11832                  </a>
11833                
11834              </li>
11835            
11836          </ul>
11837        </div>
11838      
11839        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11840          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11841            Community
11842          </div>
11843          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11844            
11845              <li class="footer-nav__link-item">
11846              
11847                  <a href="/pages/reviews" class="footer-nav__link w-fit" aria-label="Reviews">
11848                    Reviews
11849                  </a>
11850                
11851              </li>
11852            
11853              <li class="footer-nav__link-item">
11854              
11855                  <a href="/pages/affiliate-page" class="footer-nav__link w-fit" aria-label="Affiliate Program">
11856                    Affiliate Program
11857                  </a>
11858                
11859              </li>
11860            
11861              <li class="footer-nav__link-item">
11862              
11863                  <a href="/pages/move-beyond-collective" class="footer-nav__link w-fit" aria-label="Move Beyond Collective">
11864                    Move Beyond Collective
11865                  </a>
11866                
11867              </li>
11868            
11869              <li class="footer-nav__link-item">
11870              
11871                  <a href="/pages/id-me-x-beyond-yoga" class="footer-nav__link w-fit" aria-label="ID.me Program">
11872                    ID.me Program
11873                  </a>
11874                
11875              </li>
11876            
11877              <li class="footer-nav__link-item">
11878              
11879                  <a href="https://beyondyoga.thredup.com" class="footer-nav__link w-fit" aria-label="ThredUp">
11880                    ThredUp
11881                  </a>
11882                
11883              </li>
11884            
11885          </ul>
11886        </div>
11887      
11888      
11889        <div class="footer__social-media tabletl:flex tabletl:items-center tabletl:gap-16 tabletl:ju
11889stify-end tabletl:absolute tabletl:right-64 tabletl:bottom-32">
11890          <div class="footer-social-media__heading f1 mb-12 tabletl:mb-0">
11891            <span>Follow Us</span><span class="hidden tabletl:inline">:</span>
11892          </div>
11893          <div class="footer-social-media__links flex gap-20 tabletl:gap-16">
11894            
11895              <a href="https://www.facebook.com/BeyondYoga/" class="footer-social-media__link w-24" aria-label="Facebook" target="_blank" rel="noopener noreferrer">
11896                <svg class="icon icon--facebook" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11897  <path d="M13.2878 20.2958V12.7276H15.8355L16.2174 9.77854H13.2887V7.89543C13.2887 7.04098 13.5258 6.45945 14.7539 6.45945L16.3206 6.45863V3.82061C15.5625 3.74061 14.8006 3.70184 14.0383 3.70447C11.7794 3.70447 10.2335 5.07906 10.2335 7.60342V9.77854H7.6792V12.7276H10.2335V20.2958H13.2878Z" fill="currentColor"/>
11898</svg>
11899
11900              </a>
11901            
11902            
11903              <a href="https://www.pinterest.com/beyondyoga/" class="footer-social-media__link w-24" aria-label="Pinterest" target="_blank" rel="noopener noreferrer">
11904                <svg class="icon icon--pinterest" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11905  <path d="M11.9999 3.76721C7.45254 3.76721 3.76709 7.45266 3.76709 12C3.76709 15.4893 5.93784 18.4672 8.9994 19.6667C8.92865 19.0139 8.86111 18.017 9.02834 17.3063C9.17949 16.6631 9.99312 13.2156 9.99312 13.2156C9.99312 13.2156 9.74549 12.7236 9.74549 11.9935C9.74549 10.8487 10.408 9.99324 11.2345 9.99324C11.9355 9.99324 12.2764 10.5207 12.2764 11.1542C12.2764 11.8617 11.8262 12.9165 11.5946 13.8942C11.4017 14.7142 12.0063 15.3831 12.8135 15.3831C14.2767 15.3831 15.4023 13.8395 15.4023 11.6141C15.4023 9.6427 13.9873 8.26307 11.9645 8.26307C9.62329 8.26307 8.24687 10.019 8.24687 11.836C8.24687 12.5435 8.52023 13.3024 8.86111 13.7141C8.92865 13.7945 8.9383 13.8684 8.919 13.9488C8.8579 14.2093 8.7164 14.7689 8.69067 14.8814C8.65529 15.0326 8.57168 15.0648 8.4141 14.9908C7.385 14.5116 6.74182 13.0098 6.74182 11.8006C6.74182 9.20212 8.62957 6.81912 12.1799 6.81912C15.0357 6.81912 17.2547 8.8548 17.2547 11.5755C17.2547 14.4119 15.4666 16.6952 12.9839 16.6952C12.151 16.6952 11.3663 16.2611 11.0962 15.7497C11.0962 15.7497 10.6845 17.3223 10.5848 17.7082C10.3983 18.4222 9.89664 19.3194 9.56218 19.8661C10.334 20.1041 11.1509 20.2327 11.9999 20.2327C16.5472 20.2327 20.2326 16.5473 20.2326 12C20.2326 7.45266 16.5472 3.76721 11.9999 3.76721Z" fill="currentColor"/>
11906</svg>
11907
11908              </a>
11909            
11910            
11911              <a href="https://www.instagram.com/beyondyoga/?hl=en" class="footer-social-media__link w-24" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
11912                <svg class="icon icon--instagram" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11913  <path d="M12.0048 5.17528C14.2293 5.17528 14.4927 5.18504 15.3675 5.22406C16.1806 5.25984 16.6196 5.39643 16.9123 5.51025C17.2993 5.65986 17.579 5.84198 17.8685 6.13142C18.1612 6.42412 18.34 6.70055 18.4896 7.08756C18.6035 7.38026 18.74 7.82255 18.7758 8.63235C18.8148 9.51044 18.8246 9.77386 18.8246 11.9951C18.8246 14.2196 18.8148 14.483 18.7758 15.3579C18.74 16.1709 18.6035 16.6099 18.4896 16.9026C18.34 17.2896 18.1579 17.5693 17.8685 17.8588C17.5758 18.1515 17.2993 18.3303 16.9123 18.4799C16.6196 18.5938 16.1773 18.7304 15.3675 18.7661C14.4894 18.8052 14.226 18.8149 12.0048 18.8149C9.78029 18.8149 9.51686 18.8052 8.64203 18.7661C7.82898 18.7304 7.38994 18.5938 7.09724 18.4799C6.71023 18.3303 6.43054 18.1482 6.1411 17.8588C5.8484 17.5661 5.66953 17.2896 5.51993 16.9026C5.40611 16.6099 5.26952 16.1676 5.23374 15.3579C5.19472 14.4798 5.18496 14.2163 5.18496 11.9951C5.18496 9.77061 5.19472 9.50718 5.23374 8.63235C5.26952 7.8193 5.40611 7.38026 5.51993 7.08756C5.66953 6.70055 5.85166 6.42086 6.1411 6.13142C6.4338 5.83872 6.71023 5.65986 7.09724 5.51025C7.38994 5.39643 7.83223 5.25984 8.64203 5.22406C9.51686 5.18504 9.78029 5.17528 12.0048 5.17528ZM12.0048 3.67603C9.74451 3.67603 9.46158 3.68578 8.57373 3.72481C7.68914 3.76383 7.
1191308098 3.90693 6.55413 4.11182C6.00451 4.32646 5.53945 4.6094 5.07764 5.07446C4.61257 5.53627 4.32964 6.00133 4.11499 6.5477C3.9101 7.07781 3.76701 7.68271 3.72798 8.5673C3.68896 9.4584 3.6792 9.74134 3.6792 12.0016C3.6792 14.2619 3.68896 14.5448 3.72798 15.4327C3.76701 16.3172 3.9101 16.9254 4.11499 17.4523C4.32964 18.0019 4.61257 18.4669 5.07764 18.9287C5.53945 19.3906 6.00451 19.6767 6.55087 19.8881C7.08098 20.093 7.68588 20.2361 8.57048 20.2751C9.45832 20.3142 9.74126 20.3239 12.0015 20.3239C14.2618 20.3239 14.5447 20.3142 15.4326 20.2751C16.3172 20.2361 16.9253 20.093 17.4522 19.8881C17.9985 19.6767 18.4636 19.3906 18.9254 18.9287C19.3872 18.4669 19.6734 18.0019 19.8848 17.4555C20.0897 16.9254 20.2328 16.3205 20.2718 15.4359C20.3108 14.5481 20.3206 14.2651 20.3206 12.0049C20.3206 9.74459 20.3108 9.46165 20.2718 8.57381C20.2328 7.68922 20.0897 7.08106 19.8848 6.5542C19.6799 6.00133 19.397 5.53627 18.9319 5.07446C18.4701 4.61265 18.0051 4.32646 17.4587 4.11507C16.9286 3.91018 16.3237 3.76709 15.4391 3.72806C14.548 3.68578 14.265 3.67603 12.0048 3.67603Z" fill="currentColor"/>
11914  <path d="M12.0046 7.72498C9.64356 7.72498 7.72803 9.64051 7.72803 12.0016C7.72803 14.3627 9.64356 16.2782 12.0046 16.2782C14.3657 16.2782 16.2813 14.3627 16.2813 12.0016C16.2813 9.64051 14.3657 7.72498 12.0046 7.72498ZM12.0046 14.7757C10.4729 14.7757 9.23053 13.5334 9.23053 12.0016C9.23053 10.4698 10.4729 9.22748 12.0046 9.22748C13.5364 9.22748 14.7788 10.4698 14.7788 12.0016C14.7788 13.5334 13.5364 14.7757 12.0046 14.7757Z" fill="currentColor"/>
11915  <path d="M17.449 7.55585C17.449 8.10873 17.0002 8.55427 16.4506 8.55427C15.8977 8.55427 15.4521 8.10547 15.4521 7.55585C15.4521 7.00298 15.9009 6.55743 16.4506 6.55743C17.0002 6.55743 17.449 7.00624 17.449 7.55585Z" fill="currentColor"/>
11916</svg>
11917
11918              </a>
11919            
11920            
11921              <a href="https://www.tiktok.com/@beyondyoga" class="footer-social-media__link w-24" aria-label="TikTok" target="_blank" rel="noopener noreferrer">
11922                <svg class="icon icon--tiktok" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11923  <path d="M15.3403 3.68866H12.5389V15.0114C12.5389 16.3605 11.4614 17.4687 10.1206 17.4687C8.77975 17.4687 7.70229 16.3605 7.70229 15.0114C7.70229 13.6864 8.75581 12.6023 10.0488 12.5541V9.7114C7.19947 9.75956 4.90088 12.0964 4.90088 15.0114C4.90088 17.9505 7.24735 20.3114 10.1446 20.3114C13.0417 20.3114 15.3882 17.9264 15.3882 15.0114V9.20547C16.4417 9.97639 17.7347 10.4341 19.0995 10.4582V7.61548C16.9924 7.54321 15.3403 5.80866 15.3403 3.68866Z" fill="currentColor"/>
11924</svg>
11925
11926              </a>
11927            
11928          </div>
11929        </div>
11930      
11931    </div>
11932  
11933  
11934    
11935    
11936    
11937    <div class="footer__gif absolute z-[-1] bottom-24 right-24 tabletl:bottom-64 tabletl:right-64 w-[var(--gif-width-mobile)] tabletl:w-[var(--gif-width-desktop)]" style="--gif-width-mobile: 120px; --gif-width-desktop: 200px;">
11938      
11939
11940
11941
11942
11943  <picture class="lazypicture block w-full ">
11944    
11945    <img
11946      src="//beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=300"
11947      srcset="//beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=300 300w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=600 600w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=750 750w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1920 1920w"
11948      sizes="(min-width: 1024px) 200px, 120px"
11949      width="294"
11950      height="200"
11951      loading="lazy"
11952      decoding="async"
11953      
11954      alt="BY Logo "
11955      class="w-full "
11956      
11957    >
11958  </picture>
11959
11960
11961    </div>
11962  
11963  <div class="footer__copyright fn1 tabletl:text-13 text-grey mt-96 tabletl:mt-8 tabletl:py-4 flex flex-col tabletl:flex-row tabletl:gap-4">
11964    <div>&copy; 2026 Beyond Yoga.</div>
11965    <div>All Rights Reserved.</div>
11966    <div id="teconsent" class="self-start tabletl:self-auto text-left"></div>
11967  </div>
11968</footer>
11969
11970
11971</div>
11972<!-- END sections: footer-group -->
11973  
11974      <ul hidden>
11975        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
11976      </ul>
11977  
11978      
11978<script>
11979        window.routes = {
11980          cart_add_url: '/cart/add',
11981          cart_change_url: '/cart/change',
11982          cart_update_url: '/cart/update',
11983          cart_url: '/cart',
11984          predictive_search_url: '/search/suggest',
11985        };
11986        window.PUB_SUB_EVENTS = {
11987          cartUpdate: 'cart-update',
11988          quantityUpdate: 'quantity-update',
11989          variantChange: 'variant-change',
11990          cartError: 'cart-error',
11991        };
11992        window.searchspring = {
11993          productCard: {
11994            finalSaleBadgeBgColor: '#ffffff',
11995            finalSaleBadgeTextColor: '#000000',
11996            swatchCarouselDisabled: true
11997          },
11998          shopUrl: 'https://beyondyoga.com',
11999          customerId: null,
12000          product: null
12001        }
12002      </script>
12002
12003  
12004      
12004<script>
12005  let cookieObject = {};
12006  document.cookie.split('; ').forEach(cookie => {
12007    const [name, value] = cookie.split('=');
12008    cookieObject[name] = decodeURIComponent(value);
12009  });
12010  if (!cookieObject._isuid) {
12011    const isuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
12012      (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
12013    );
12014    const newDate = new Date();
12015    newDate.setTime(newDate.getTime() + (365*24*60*60*1000));
12016    document.cookie = `_isuid=${isuid};expires=${newDate.toUTCString()};path=/`;
12017  }
12018</script>
12018
12019      
12020
12021<script type="module">
12022  import { getSvgPath } from '//beyondyoga.com/cdn/shop/t/2162/assets/figma-squircle.mjs?v=5810227597410849781789405387';
12023
12024  const createClassName = (length = 8) => {
12025    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
12026    let result = "";
12027    for (let i = 0; i < length; i++) {
12028      result += chars.charAt(Math.floor(Math.random() * chars.length));
12029    }
12030    return `squircle-${result}`;
12031  };
12032
12033  const setCss = (css, styleId) => {
12034    let styleEl = document.getElementById(styleId);
12035    if (!styleEl) {
12036      styleEl = document.createElement("style");
12037      styleEl.id = styleId;
12038      document.head.appendChild(styleEl);
12039    }
12040    styleEl.textContent = css;
12041  };
12042
12043  const renderSquircle = (el, opts, className) => {
12044    const width = el.clientWidth;
12045    const height = el.clientHeight;
12046
12047    const augmentedOpts = {
12048      preserveSmoothing: true,
12049      cornerSmoothing: 1,
12050      width,
12051      height,
12052      ...opts,
12053    };
12054
12055    if (!opts.borderWidth) {
12056      el.style.clipPath = `path('${getSvgPath(augmentedOpts)}')`;
12057      el.classList.add('is-squircle'); 
12058    } else {
12059      el.classList.add(className);
12060      el.classList.add('is-squircle'); 
12061
12062      setCss(
12063        `
12064          .${className} {
12065            position: relative;
12066            clip-path: path('${getSvgPath(augmentedOpts)}');
12067          }
12068          .${className}::before {
12069            content: '';
12070            display: block;
12071            position: absolute;
12072            inset: ${opts.borderWidth}px;
12073            z-index: -1;
12074            clip-path: path('${getSvgPath({
12075              ...augmentedOpts,
12076              width: width - opts.borderWidth * 2,
12077              height: height - opts.borderWidth * 2,
12078              cornerRadius: (opts.cornerRadius || 0) - opts.borderWidth,
12079            })}');
12080          }
12081        `,
12082        `style-${className}`
12083      );
12084    }
12085  };
12086
12087  const squircleObserver = (el, opts) => {
12088    const className = createClassName();
12089    let dimensions = undefined;
12090
12091    const func = (newOpts) => {
12092      if (newOpts !== undefined) {
12093        opts = newOpts;
12094      }
12095      renderSquircle(el, opts, className);
12096    };
12097
12098    const resizeObserver = new ResizeObserver(() => {
12099      const prevDimensions = dimensions;
12100      dimensions = [el.clientWidth, el.clientHeight];
12101
12102      if (
12103        !prevDimensions ||
12104        prevDimensions[0] !== dimensions[0] ||
12105        prevDimensions[1] !== dimensions[1]
12106      ) {
12107        func();
12108      }
12109    });
12110
12111    resizeObserver.observe(el);
12112
12113    func.disconnect = () => {
12114      el.classList.remove('is-squircle');
12115      el.classList.remove(className);
12116      const styleEl = document.getElementById(`style-${className}`);
12117      if (styleEl) styleEl.remove();
12118      resizeObserver.disconnect();
12119    };
12120
12121    return func;
12122  };
12123
12124  const getRadius = (string) => {
12125    // Parses radius string in shorthand formats:
12126    // "20" → all, "20|10" → top/bottom, "20|10|5|15" → TL, TR, BL, BR
12127    let formattedData = {};
12128    const stringSplit = string.split('|');
12129
12130    if (stringSplit.length == 1) {
12131      formattedData.cornerRadius = parseFloat(stringSplit[0]);
12132    } else if (stringSplit.length == 2) {
12133      formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]);
12134      formattedData.topRightCornerRadius = parseFloat(stringSplit[0]);
12135      formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[1]);
12136      formattedData.bottomRightCornerRadius = parseFloat(stringSplit[1]);
12137    } else {
12138      formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]);
12139      formattedData.topRightCornerRadius = parseFloat(stringSplit[1]);
12140      formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[2]) || 0;
12141      formattedData.bottomRightCornerRadius = parseFloat(stringSplit[3]) || 0;
12142    }
12143
12144    return formattedData;
12145  }
12146
12147  const updateCornerRoundings = () => {
12148    const screenSize = window.innerWidth;
12149    const roundedBtns = document.querySelectorAll('.btn:not(.rounded-none)');
12150    const otherElements = document.querySelectorAll('[js-corner-rounding]');
12151
12152    roundedBtns.forEach((el) => {
12153      let radius;
12154      if (screenSize < 1024) {
12155        radius = 6;
12156      } else {
12157        radius = 8;
12158      }
12159
12160      if (el._squircleObserver) {
12161        el._squircleObserver.disconnect();
12162      }
12163
12164      const observer = squircleObserver(el, {
12165        cornerRadius: radius,
12166        cornerSmoothing: 1
12167      });
12168
12169      el._squircleObserver = observer;
12170    });
12171
12172    otherElements.forEach((el) => {
12173      let squircleData = {};
12174      let unformattedRadius = el.getAttribute('data-radius');
12175
12176      if (screenSize >= 1024 && el.hasAttribute('data-radius-desktop')) {
12177        unformattedRadius = el.getAttribute('data-radius-desktop');
12178      }
12179
12180      if (unformattedRadius) {
12181        const formattedRadius = getRadius(unformattedRadius);
12182        squircleData = formattedRadius;
12183      } else {
12184        squircleData.cornerRadius = 0;
12185      }
12186
12187      if (el._squircleObserver) {
12188        el._squircleObserver.disconnect();
12189      }
12190
12191      squircleData.borderWidth = parseFloat(el.dataset.borderWidth) || 0;
12192      squircleData.cornerSmoothing = parseFloat(el.dataset.cornerSmoothing) || 1;
12193
12194      const observer = squircleObserver(el, squircleData);
12195
12196      el._squircleObserver = observer;
12197    });
12198  }
12199
12200  updateCornerRoundings();
12201  let resizeTimeout;
12202  window.addEventListener('resize', () => {
12203    clearTimeout(resizeTimeout);
12204    resizeTimeout = setTimeout(updateCornerRoundings, 500);
12205  });
12206</script>
12206
12207
12208<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-shopify_common.js?v=267415436273537051789405405" defer="defer"></script>
vendor: 1 bytes, line 12208
12208
12209<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-enquire.min.js?v=134987085064135182131789405404" defer="defer"></script>
vendor: 1 bytes, line 12209
12209
12210<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-swiper-bundle.min.js?v=30956067593584364731789405406" defer="defer"></script>
vendor: 1 bytes, line 12210
12210
12211<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-uuidv4.min.js?v=45566840873584427291789405406" defer="defer"></script>
12211<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 12211
12211
12212<script type="importmap">
12213{
12214  "imports": {
12215    "@theme/global-component":                    "//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388",
12216    "@theme/global-utilities":                    "//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391",
12217    "@theme/global-events":                       "//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389",
12218    "@theme/global-config":                       "//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388",
12219    "@theme/global-focusable-widget":             "//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389",
12220    "@theme/global-searchspring-cookies":         "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-cookies.js?v=16863699299487857701790281048",
12221    "@theme/global-searchspring-beacon":          "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-beacon.js?v=99655434046837798461790281048",
12222    "@theme/global-searchspring-platform":        "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-platform.js?v=53213257187009640801790281048",
12223    "@theme/components-color-box":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377",
12224    "@theme/components-video":                    "//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386",
12225    "@theme/components-tabs":                     "//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386",
12226    "@theme/components-accordion":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374",
12227    "@theme/components-loading-spinner":          "//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381",
12228    "@theme/components-quantity-input":           "//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384",
12229    "@theme/components-price-range":              "//beyondyoga.com/cdn/shop/t/2162/assets/components-price-range.js?v=44413538096853703951789405382",
12230    "@theme/components-dropdown":                 "//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378",
12231    "@theme/components-carousel":                 "//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376",
12232    "@theme/components-drawers":                  "//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378",
12233    "@theme/components-modals":                   "//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381",
12234    "@theme/components-header":                   "//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379",
12235    "@theme/components-announcement-bar":         "//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375",
12236    "@theme/components-product-card":             "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=178536940589754976871790887701",
12237    "@theme/components-product-options":          "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384",
12238    "@theme/components-shop-the-look":            "//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385",
12239    "@theme/components-filter-sort":              "//beyondyoga.com/cdn/shop/t/2162/assets/components-filter-sort.js?v=125273694945096604151789405379",
12240    "@theme/components-image-filters":            "//beyondyoga.com/cdn/shop/t/2162/assets/components-image-filters.js?v=118052791421691779261790887701",
12241    "@theme/components-active-filters":           "//beyondyoga.com/cdn/shop/t/2162/assets/components-active-filters.js?v=175212104161862705861789405375",
12242    "@theme/components-predictive-search":        "//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=117391146940879827561790281048",
12243    "@theme/components-cart":                     "//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377",
12244    "@theme/components-quickshop":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385",
12245    "@theme/sections-hero":                       "//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396",
12246    "@theme/sections-collection-seo-content":     "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__seo-content.js?v=119411412926631775671789405395",
12247    "@theme/sections-product-highlight":          "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397",
12248    "@theme/sections-blog-by-type":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-blog-by-type.js?v=94133914798988839661789405394",
12249    "@theme/sections-ugc-carousel":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402",
12250    "@theme/sections-recently-viewed":            "//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400",
12251    "@theme/sections-shop-looks":                 "//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401",
12252    "@theme/sections-collection-grid":            "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__grid.js?v=156872187499933900261789405395",
12253    "@theme/sections-searchspring-results":       "//beyondyoga.com/cdn/shop/t/2162/assets/sections-searchspring-results.js?v=169790731701076872051790887701",
12254    "@theme/sections-product-recommendations":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__recommendations.js?v=54225034166203947361789405399",
12255    "@theme/sections-product-gift-card":          "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__gift-card.js?v=140210436593250088121789405398",
12256    "@theme/sections-product-main":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__main.js?v=138
12256014053114869621111789405399",
12257    "@theme/sections-product-101-fabric-tabs":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-101-fabric-tabs.js?v=144906634610030605591789405396",
12258    "@theme/sections-product-carousel-tabbed":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-carousel-tabbed.js?v=93917564861376260961789405397",
12259    "@theme/sections-rebuy-widget-customization": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-rebuy-widget-customization.js?v=27888287584081789421789405400",
12260    "@theme/templates-account":                   "//beyondyoga.com/cdn/shop/t/2162/assets/templates-account.js?v=175453407887846532331789405403"
12261  }
12262}
12263</script>
12263
12264<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" fetchpriority="low">
12265<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" fetchpriority="low">
12266
12267<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12267
12267
12268<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12268
12268
12269<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12269
12269
12270<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12270
12270
12271<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12271
12271
12272<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-cookies.js?v=16863699299487857701790281048" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12272
12272
12273<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-platform.js?v=53213257187009640801790281048" type="module" fetchpriority="low"></script>
12273<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12273
12273
12274<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12274
12274
12275<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12275
12275
12276<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12276
12276
12277<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12277
12277
12278<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384" type="module" fetchpriority="low"></script>
12278
12279
12280<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12280
12280
12281<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376" type="module" fetchpriority="low"></script>
12281
12282
12283<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12283
12283
12284<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12284
12284
12285<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12285
12285
12286<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12286
12286
12287<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12287
12287
12288<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12288
12288
12289<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=117391146940879827561790281048" type="module" fetchpriority="low"></script>
12289
12290
12291<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=178536940589754976871790887701" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12291
12291
12292<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12292
12292
12293<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385" type="module" fetchpriority="low"></script>
12293
12294
12295<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12295
12295
12296<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397" type="module" fetchpriority="low"></script>
12296
12297
12298<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400" type="module" fetchpriority="low"></script>
12298
12299
12300<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-101-fabric-tabs.js?v=144906634610030605591789405396" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12300
12300
12301<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12301
12301
12302<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12302
12302
12303<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-carousel-tabbed.js?v=93917564861376260961789405397" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12303
12303
12304<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-rebuy-widget-customization.js?v=27888287584081789421789405400" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12304
12304
12305<script type="module">
12306  import { isIOS26, yotpo } from '@theme/global-utilities';
12307  document.addEventListener('DOMContentLoaded', () => {
12308    if (isIOS26()) {
12309      document.body.classList.add('safari-glass-ui');
12310      document.documentElement.classList.add('safari-glass-ui');
12311    }
12312    yotpo.addBracketsToReviews();
12313  });
12314</script>
12314
12315
12316      
12317      
12317<script src="https://cdn.jsdelivr.net/npm/@loophq/onstore-sdk@latest/dist/loop-onstore-sdk.min.js" defer></script>
12317
12318      
12319      
12320
12321      
12322      
12323      
12324  
12325      
12326      
12326<script>
12327window.Shopify.loadFeatures(
12328  [
12329      {
12330          name: 'consent-tracking-api',
12331          version: '0.1',
12332      },
12333  ],
12334  error => {
12335      if (error) {
12336          // Rescue error
12337      }
12338      // If error is false, the API has loaded and ready to use!
12339  },
12340);
12341
12342/**
12343* This function returns value of notice_behavior cookie to determine location and behavior manager based on domain.
12344* When no notice_behavior cookie exists, this returns a blank string.
12345*/
12346function getBehavior() {
12347  var result = "";
12348  var rx = new RegExp("\\s*notice_behavior\\s*=\\s*([^;]*)").exec(document.cookie);
12349  if(rx&&rx.length>1){
12350      result = rx[1];
12351  }
12352  return result;
12353}
12354
12355// This code is responsible for listening to any consent changes trough TrustArc's CCM Instance
12356// And pushing the consent changes to the dataLayer according to the customer's consent mapping
12357
12358// This is for the intial load. If the user has a consent different from the default vales, this is to push an update to the datalayer 
12359// Once the the CCM loads. 
12360var interval = setInterval(function() {
12361  if (window.truste && truste.cma && truste.cma.callApi) {
12362      var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com");
12363      handleConsentDecision(consentDecision);
12364      clearInterval(interval);
12365  }
12366}, 100);
12367
12368// Bucket Mapping
12369const REQUIRED = 1;
12370const FUNCTIONAL = 2;
12371const ADVERTISING = 3;
12372
12373// Start listning to when users submit their preferences  
12374window.addEventListener("message", (event) => {
12375  let eventDataJson = null;
12376
12377  // We only care about TrustArc Events at this point. And TrustArc's even it encoded in JSON
12378  try {
12379      eventDataJson = JSON.parse(event.data);
12380  } catch {
12381      // Some other event that is not JSON. 
12382      // TrustArc encodes the data as JSON
12383      // console.log(event.data);
12384  }
12385
12386  // Safeguard to make sure we are only getting events from TrustArc
12387  if (eventDataJson && eventDataJson.source === "preference_manager") {
12388
12389      // Means that the user has submited their preferences
12390      if (eventDataJson.message === "submit_preferences") {
12391          console.log("Event Data: ", eventDataJson);
12392
12393          // Waiting half a second to make sure user's preferences are reflected. 
12394          setTimeout(() => {
12395              var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com");
12396              // console.log("Consent Decision: ", consentDecision);
12397              handleConsentDecision(consentDecision);
12398          }, 500);
12399      }
12400  }
12401
12402}, false);
12403
12404function handleConsentDecision(consent) {
12405  if (!consent || !consent.consentDecision) return;
12406
12407  var functionalAccepted = consent.consentDecision.includes(FUNCTIONAL);
12408  var advertisingAccepted = consent.consentDecision.includes(ADVERTISING);
12409
12410  // Check if behavior manager is EU
12411  // This is optional if you want opt-out experience (opt in by default)
12412  var isEU = /.*(,|)eu/i.test(getBehavior());
12413  if(consent.source == 'implied' && !isEU) {
12414    functionalAccepted = true;
12415    advertisingAccepted = true;
12416  }
12417
12418  //For details see: https://shopify.dev/docs/api/customer-privacy#collect-and-register-consent
12419  var api = window.Shopify && window.Shopify.customerPrivacy;
12420  if (!api || typeof api.setTrackingConsent !== 'function') return;
12421  var callback = function() {};
12422  window.Shopify.customerPrivacy.setTrackingConsent(
12423    {
12424      "analytics": functionalAccepted,
12425      "marketing": advertisingAccepted,
12426      "preferences": functionalAccepted,
12427      "sale_of_data": advertisingAccepted
12428    },
12429    callback
12430  );
12431  //Use this function to check if the preferences have been set
12432  if (typeof api.currentVisitorConsent === 'function') api.currentVisitorConsent();
12433}
12434
12435// Override the scrollTo behavior when TrustArc popup opens
12436const originalScrollTo = window.scrollTo;
12437window.scrollTo = function(x, y) {
12438  // Check if this is the TrustArc scroll call
12439  if (x === 0 && y === 0 && document.querySelector('.truste_overlay')) {
12440    // Don't scroll to top when TrustArc popup is open
12441    return;
12442  }
12443  // Call original scrollTo for all other cases
12444  return originalScrollTo.call(this, x, y);
12445};
12446</script>
12446
12447      
12448  
12449      
12449<script>
12450        window.addEventListener('DOMContentLoaded', () => {
12451          if (window.LoopOnstore) {
12452            LoopOnstore.init({
12453              key: "9d8d33e82e7b09996da9d5a2e9c288b2f06210e4",
12454              attach: ".cart__checkout-button",
12455            });
12456          }
12457        });
12458      </script>
12458
12459  
12460      
12460<script type="text/javascript" defer="defer">
12461        window.addEventListener("klaviyoForms", function(e) {
12462          if (e.detail.type == 'submit') {
12463            dataLayer.push({
12464              event: "popup_form_submitted"
12465            });
12466          }
12467        });
12468      </script>
12468
12469  
12470      <!-- Gorgias Privacy Code -->
12471      
12471<script defer>
12472        const introMessage = "Before we begin, you should know that any information you type will be stored and used in accordance with the LS&Co. Privacy Policy. Please do not type any information into the chat that you do not want us or our service providers to have and retain."
12473  
12474        var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})});
12475        initGorgiasChatPromise.then(async () => {
12476          GorgiasChat.updateTexts({
12477            "requireEmailCaptureIntro": "Hey there! " + introMessage,
12478            "contactFormIntro": "Hey there! " + introMessage,
12479            "contactFormSSPUnsuccessfulAskAdditionalMessage": "Hey there! " + introMessage,
12480            "waitTimeLongNoEmail": "Thank you for your patience. " + introMessage,
12481            "waitTimeMediumNoEmail": "Thanks for reaching out! Leave us your email and an agent will get back to you in about {waitTime} minutes. " + introMessage,
12482            "waitTimeShortNoEmail": "Thanks for reaching out! " + introMessage
12483          })
12484  
12485          GorgiasChat.updateSSPTexts({
12486            "sorryToHearThatEmailRequired": introMessage
12487          })
12488  
12489          GorgiasChat.on('widget:opened', function(data) {
12490            document.body.classList.add('gorgias-chat-open');
12491          })
12492          GorgiasChat.on('widget:closed', function(data) {
12493            document.body.classList.remove('gorgias-chat-open');
12494          })
12495        })
12496      </script>
12496
12497      <!-- End Gorgias Privacy Code -->
12498  
12499      
12499<script defer>
12500  let logoObserver, periodicCheck;
12501
12502  function addSwymLogo() {
12503    const container = document.querySelector('swym-storefront-layout-title');
12504    if (container && !container.querySelector('.logo-container')) {
12505      const logo = document.createElement('div');
12506      logo.className = 'logo-container flex items-center py-20 text-black w-[180px] tabletl:w-[234px] tabletl:min-w-[234px] tabletl:h-[24px] tabletl:self-center';
12507      logo.innerHTML = '<svg class="icon icon--logo" viewBox="0 0 234 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9243 10.2776C16.9203 9.1324 17.5073 7.63837 17.5073 6.01684C17.5073 2.95902 15.0197 0.468945 11.9594 0.468945H0V23.2114H13.0782C16.8169 23.2114 19.8602 20.168 19.8602 16.4293C19.8602 13.7059 18.2459 11.353 15.9243 10.2752V10.2776ZM2.88701 3.35838H11.9594C13.427 3.35838 14.6203 4.55165 14.6203 6.01923C14.6203 7.71054 13.4679 9.15165 11.8199 9.52696L5.04744 11.0643C4.25594 11.2447 3.52936 11.5599 2.88701 11.9857V3.35838ZM13.0782 20.3268H2.88701V17.3844C2.88701 15.6931 4.03942 14.252 5.68741 13.8767L11.589 12.5367H13.0782C15.2266 12.5367 16.9732 14.2833 16.9732 16.4317C16.9732 18.5801 15.2266 20.3268 13.0782 20.3268Z" fill="currentColor"/><path d="M25.9253 0.472139H23.1779V23.217H39.7302V20.33H26.0649V13.2568H36.0854V10.3698H26.0649V3.33269H39.7302V0.445674H25.9253V0.472139Z" fill="currentColor"/><path d="M74.1252 0C67.6508 0 62.3845 5.37705 62.3845 11.9859C62.3845 18.5947 67.6508 23.9718 74.1252 23.9718C80.5992 23.9718 85.8656 18.5947 85.8656 11.9859C85.8656 5.37705 80.5992 0 74.1252 0ZM74.1252 21.0848C69.2438 21.0848 65.2715 17.0021 65.2715 11.9859C65.2715 6.96972 69.2438 2.88701 74.1252 2.88701C79.0066 2.88701 82.9786 6.96972 82.9786 11.9859C82.9786 17.0021 79.0066 21.0848 74.1252 21.0848Z" fill="currentColor"/><path d="M173.658 0C167.184 0 161.918 5.37705 161.918 11.9859C161.918 18.5947 167.184 23.9718 173.658 23.9718C180.133 23.9718 185.399 18.5947 185.399 11.9859C185.399 5.37705 180.133 0 173.658 0ZM173.658 21.0848C168.777 21.0848 164.805 17.0021 164.805 11.9859C164.805 6.96972 168.777 2.88701 173.658 2.88701C178.54 2.88701 182.512 6.96972 182.512 11.9859C182.512 17.0021 178.54 21.0848 173.658 21.0848Z" fill="currentColor"/><path d="M120.711 0.481638H112.211V23.2481H120.711C126.988 23.2481 132.093 18.1429 132.093 11.8661C132.093 5.58923 126.988 0.481638 120.711 0.481638ZM120.711 20.3611H115.098V3.36865H120.711C125.395 3.36865 129.206 7.17949 129.206 11.8637C129.206 16.5479 125.395 20.3587 120.711 20.3587V20.3611Z" fill="currentColor"/><path d="M59.65 0.45061L52.7355 10.6057L45.8213 0.45061H42.3278L51.292 13.6154V23.2195H54.179V13.6154L63.1432 0.45061H59.65Z" fill="currentColor"/><path d="M158.944 0.45061L152.029 10.6057L145.115 0.45061H141.624L150.586 13.6154V23.2195H153.473V13.6154L162.437 0.45061H158.944Z" fill="currentColor"/><path d="M105.045 18.7275L92.7777 0.481638H89.4409V23.2481H92.3279V4.98537L104.605 23.2481H107.932V0.481638H105.045V18.7275Z" fill="currentColor"/><path d="M210.162 11.8096V11.8024H199.614V14.6894H208.044C206.964 18.404 203.692 21.113 199.833 21.113C195.096 21.113 191.242 17.0303 191.242 12.0141C191.242 6.99793 195.096 2.91522 199.833 2.91522C203.545 2.91522 206.714 5.42212 207.912 8.92259H210.922C209.611 3.80778 205.138 0.0282072 199.833 0.0282072C193.503 0.0282072 188.355 5.40525 188.355 12.0141C188.355 18.623 193.503 24 199.833 24C206.163 24 211.312 18.623 211.312 12.0141C211.312 11.9443 211.307 11.877 211.307 11.8096H210.162Z" fill="currentColor"/><path d="M224.389 0.416762H220.261L211.405 23.2193H214.501L217.812 14.693H226.834L230.144 23.2193H233.24L224.389 0.416762ZM218.935 11.8036L222.325 2.71699L225.715 11.8036H218.935Z" fill="currentColor"/></svg>';
12508      container.prepend(logo);
12509    }
12510  }
12511
12512  function initLogoMonitoring() {
12513    addSwymLogo();
12514    
12515    logoObserver?.disconnect();
12516    logoObserver = new MutationObserver(mutations => {
12517      if (mutations.some(m => m.type === 'childList' && 
12518          (m.target.matches?.('swym-storefront-layout-title') || m.target.querySelector?.('swym-storefront-layout-title')))) {
12519        setTimeout(addSwymLogo, 100);
12520      }
12521    });
12522    
12523    logoObserver.observe(document.body, { childList: true, subtree: true });
12524    periodicCheck = setInterval(addSwymLogo, 5000);
12525  }
12526
12527  // Initialize
12528  if (document.readyState === 'loading') {
12529    document.addEventListener('DOMContentLoaded', initLogoMonitoring);
12530  } else {
12531    initLogoMonitoring();
12532  }
12533  
12534  // Fallbacks
12535  setTimeout(addSwymLogo, 1000);
12536  setTimeout(addSwymLogo, 3000);
12537
12538  function swymCallbackFn(swat){
12539    document.addEventListener("swym:collections-loaded", function(){
12540      setTimeout ( () => {
12541        swat.initializeActionButtons("body");
12542      },1000);
12543    });
12544
12545    document.addEventListener("bmi_reload", function(){
12546      swat.initializeActionButtons('body');
12547    });
12548  }
12549  
12550  if(!window.SwymCallbacks){
12551    window.SwymCallbacks = [];
12552  }
12553  window.SwymCallbacks.push(swymCallbackFn);
12554
12555</script>
12555
12556
12557      
12557<script>
12558  /**
12559   * Each entry shape:
12560   * {
12561   *   id:    string   — unique ID stamped on the injected 
12561<script> tag
12562   *   src:   string   — script URL to load
12563   *   attrs: object   — extra properties to set on the 
12563<script> element
12564   *   init:  function — optional, runs after the script has loaded
12565   * }
12566   */
12567  var GORGIAS_CHAT_DELAY_MS = 8000;
12568
12569  var GORGIAS_CHAT_ENTRY = {
12570    id:    'gorgias-chat',
12571    src:   'https://config.gorgias.chat/bundle-loader/01HD7CB8ZGK2T3WBM8R2PCHYN3',
12572    attrs: { async: true }
12573  };
12574
12575  var _gorgiasChatDelayTimer = null;
12576  var _gorgiasChatInjected = false;
12577  var _gorgiasChatOpenWhenReady = false;
12578
12579  function injectGorgiasChat() {
12580    if (_gorgiasChatInjected) return;
12581    _gorgiasChatInjected = true;
12582    if (_gorgiasChatDelayTimer) {
12583      clearTimeout(_gorgiasChatDelayTimer);
12584      _gorgiasChatDelayTimer = null;
12585    }
12586    injectScript(GORGIAS_CHAT_ENTRY);
12587  }
12588
12589  function scheduleGorgiasChat() {
12590    if (_gorgiasChatInjected || document.getElementById(GORGIAS_CHAT_ENTRY.id)) return;
12591    if (_gorgiasChatDelayTimer) return;
12592    _gorgiasChatDelayTimer = setTimeout(injectGorgiasChat, GORGIAS_CHAT_DELAY_MS);
12593  }
12594
12595  window.openGorgiasChat = function () {
12596    if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') {
12597      window.GorgiasChat.open();
12598      return;
12599    }
12600    _gorgiasChatOpenWhenReady = true;
12601    injectGorgiasChat();
12602  };
12603
12604  window.addEventListener('gorgias-widget-loaded', function () {
12605    if (!_gorgiasChatOpenWhenReady) return;
12606    _gorgiasChatOpenWhenReady = false;
12607    if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') {
12608      window.GorgiasChat.open();
12609    }
12610  });
12611
12612  const TRACKING_SCRIPTS = [
12613
12614    // ── Bing UET ──────────────────────────────────────────────
12615    {
12616      id:    'bing-uet',
12617      src:   '//bat.bing.com/bat.js',
12618      attrs: { async: true },
12619      init: function() {
12620        var o = { ti: '4022306' };
12621        o.q = window.uetq;
12622        window.uetq = new UET(o);
12623        window.uetq.push('pageLoad');
12624      }
12625    },
12626
12627    // ── The Trade Desk (TTD) ──────────────────────────────────
12628    {
12629      id:    'ttd-pixel',
12630      src:   'https://js.adsrvr.org/up_loader.1.1.0.js',
12631      attrs: { async: true },
12632      init: function() {
12633        (function runTTD() {
12634          if (typeof window.ttd_dom_ready !== 'function') {
12635            setTimeout(runTTD, 50);
12636            return;
12637          }
12638          window.ttd_dom_ready(function() {
12639            if (typeof TTDUniversalPixelApi === 'function') {
12640              var api = new TTDUniversalPixelApi();
12641              api.init('k7ow6mq', ['r8uslw9'], 'https://insight.adsrvr.org/track/up', {});
12642            }
12643          });
12644        })();
12645      }
12646    },
12647
12648    // ── DM Insight / TrackedWeb ───────────────────────────────
12649    {
12650      id:    'dm-insight',
12651      src:   '//static.trackedweb.net/js/_dmptv4.js',
12652      attrs: { async: true },
12653      init: function() {
12654        window.dm_insight_id = 'DM-658805-02';
12655        window.dmtrackingobjectname = 'dmPt';
12656        window.dmPt = window.dmPt || function() { (window.dmPt.q = window.dmPt.q || []).push(arguments); };
12657        window.dmPt('track');
12658      }
12659    },
12660
12661    // ── SecuredVisit ──────────────────────────────────────────
12662    {
12663      id:    'secured-visit',
12664      src:   '//track.securedvisit.com/js/sv.js',
12665      attrs: { async: true },
12666      init: function() {
12667        window._svq = window._svq || [];
12668        window._svq.push(['_setAccount', '5474_04563']);
12669        window._svq.push(['_trackPageView']);
12670      }
12671    },
12672
12673    // Gorgias: injected on a timer after consent (see scheduleGorgiasChat) or on demand via openGorgiasChat.
12674
12675    // ── VWO (Visual Website Optimizer) ────────────────────────
12676    // VWO self-bootstraps via window._vwo_code, so we init
12677    // the config object first, then let it pull its own script.
12678    {
12679      id:    'vwo',
12680      src:   null, // no top-level src — VWO loads itself
12681      attrs: {},
12682      init: function() {
12683        window._vwo_code = window._vwo_code || (function() {
12684          var account_id         = 495520,
12685              settings_tolerance = 300,
12686              library_tolerance  = 1200,
12687              use_existing_jquery = false,
12688              is_spa              = 1,
12689              hide_element        = 'body',
12690              f = false, d = document,
12691              code = {
12692                use_existing_jquery: function() { return use_existing_jquery; },
12693                library_tolerance:   function() { return library_tolerance; },
12694                finish: function() {
12695                  if (!f) {
12696                    f = true;
12697                    var a = d.getElementById('_vis_opt_path_hides');
12698                    if (a) a.parentNode.removeChild(a);
12699                  }
12700                },
12701                finished: function() { return f; },
12702                load: function(a) {
12703                  var b = d.createElement('script');
12704                  b.src = a; b.type = 'text/javascript';
12705                  b.onerror = function() { _vwo_code.finish(); };
12706                  d.getElementsByTagName('head')[0].appendChild(b);
12707                },
12708                init: function() {
12709                  window.settings_timer = setTimeout(
12710                    '_vwo_code.finish()', settings_tolerance
12711                  );
12712                  var a = d.createElement('style'),
12713                      b = hide_element
12714                        ? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}'
12715                        : '',
12716                      h = d.getElementsByTagName('head')[0];
12717                  a.setAttribute('id',   '_vis_opt_path_hides');
12718                  a.setAttribute('type', 'text/css');
12719                  if (a.styleSheet) a.styleSheet.cssText = b;
12720                  else a.appendChild(d.createTextNode(b));
12721                  h.appendChild(a);
12722                  this.load(
12723                    'https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id +
12724                    '&u=' + encodeURIComponent(d.URL) +
12725                    '&f=' + (+is_spa) +
12726                    '&r=' + Math.random()
12727                  );
12728                  return settings_timer;
12729                }
12730              };
12731          window._vwo_settings_timer = code.init();
12732          return code;
12733        }());
12734      }
12735    }
12736
12737  ];
12738
12739  // ── Script injector ───────────────────────────────────────
12740  function injectScript(entry) {
12741    if (document.getElementById(entry.id)) return; // guard: never double-inject
12742
12743    if (entry.src) {
12744      var s = document.createElement('script');
12745      s.id  = entry.id;
12746      s.src = entry.src;
12747      Object.entries(entry.attrs || {}
12747).forEach(function(kv) { s[kv[0]] = kv[1]; });
12748      if (entry.init) s.onload = entry.init;
12749      document.body.appendChild(s);
12750    } else if (entry.init) {
12751      // src-less entries (e.g. VWO) just run their init directly
12752      entry.init();
12753    }
12754  }
12755
12756  // ── Consent handler ───────────────────────────────────────
12757  var _scriptsLoaded = false;
12758
12759  function handleConsent() {
12760    var privacy = Shopify.customerPrivacy;
12761    var canTrack = privacy.analyticsProcessingAllowed()
12762                && privacy.marketingAllowed();
12763
12764    if (canTrack && !_scriptsLoaded) {
12765      _scriptsLoaded = true;
12766      TRACKING_SCRIPTS.forEach(injectScript);
12767      scheduleGorgiasChat();
12768      window.clarity('consentv2', {
12769        ad_Storage: "granted",
12770        analytics_Storage: "granted"
12771      });
12772    } else {
12773      window.clarity('consentv2', {
12774        ad_Storage: "denied",
12775        analytics_Storage: "denied"
12776      });
12777    }
12778  }
12779
12780  // ── Bootstrap via Shopify consent API ─────────────────────
12781  Shopify.loadFeatures(
12782    [{ name: 'consent-tracking-api', version: '0.1' }],
12783    function(error) {
12784      if (error) {
12785        console.error('Consent API failed to load:', error);
12786        return;
12787      }
12788      handleConsent();
12789      document.addEventListener('visitorConsentCollected', handleConsent);
12790    }
12791  );
12792</script>
12792
12793    <style> #section-firework-embed {max-width: calc(100vw - 2rem);} .quickshop-modal__close {z-index: 1;} .rebuy-widget .rebuy-product-grid.small-carousel {max-width: 100vw !important;} </style>
12794<div id="shopify-block-AenNnYUlyMldZbklaK__11686359492993647252" class="shopify-block shopify-app-block">
12795<script>window.trustArcApp = { settings: {"version":"advanced","id":"www.beyondyoga.com","params":"\u0026c=teconsent\u0026js=nj\u0026noticeType=bb\u0026gtm=1\u0026text=true","cookies_link_show":"true","cookies_link_selector":"","shopify_mapping_analytics":"","shopify_mapping_marketing":"","shopify_mapping_preferences":"","shopify_mapping_sale_of_data":"","consent_config":"notice_behavior","consent_setting":"","gcm_enabled":"true","ga_measurement_id":"G-622VSXWYP9","gcm_data_redaction_enabled":"true","gcm_url_passthrough_enabled":"true","gcm_mapping_ad_storage":"","gcm_mapping_ad_user_data":"","gcm_mapping_ad_personalization":"","gcm_mapping_analytics_storage":"","gcm_mapping_functionality_storage":"","gcm_mapping_personality_storage":"","gcm_mapping_security_storage":"","gcm_wait_for_update":"500"}, scriptUrl: 'https://consent.trustarc.com/notice?domain=www.beyondyoga.com&c=teconsent&js=nj&noticeType=bb&gtm=1&text=true' };(function() {
12796      const { cookies_link_show, cookies_link_selector } = window.trustArcApp.settings
12797
12798      const teconsent = document.createElement('DIV')
12799      teconsent.id = 'teconsent'
12800      if (cookies_link_show === 'false') {
12801        const wrapper = document.createElement('DIV')
12802        wrapper.style = 'display:none!important;visibility:hidden!important;opacity:0!important;'
12803        wrapper.appendChild(teconsent)
12804        document.body.appendChild(wrapper)
12805      } else {
12806        const wrapper = document.querySelector(cookies_link_selector || 'footer') || document.body
12807        wrapper.appendChild(teconsent)
12808      }
12809
12810      window.trustArcApp.teconsent = teconsent;
12811
12812      const banner = document.createElement('DIV')
12813      banner.id = 'consent_blackbar'
12814      document.body.appendChild(banner)
12815    })()
12816  </script>
12816
12817
12818  
12818<script type="text/javascript" async src="https://consent.trustarc.com/notice?domain=www.beyondyoga.com&c=teconsent&js=nj&noticeType=bb&gtm=1&text=true"></script>
12818 
12819  
12819<script src="https://cdn.shopify.com/extensions/01a06efa-9be5-77a6-97a0-dd197caaeb5b/trustarc-56/assets/trustarc.js" defer async ></script>
12819
12820</div><div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block">
12821<script>
12822  window.SwymCollectionsConfig = {
12823  'CollectionsSelectors': [],
12824  'CollectionsPosition': "top-right",
12825  'CollectionsIcon': "heart",
12826  'CollectionsButtonSize': 25,
12827  'CollectionsVerticalOffset': 0,
12828  'CollectionsHorizontalOffset': 0,
12829  'CollectionsProductLinkSelector': "-", 
12830  'CollectionsProductTileSelector': "-",
12831  'CollectionsVariantSelector': "false",
12832  'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist",
12833  'CollectionsCreateListTitle': "Name Your Wishlist",
12834  'CollectionsCreateListPlaceholder': "Enter wishlist name",
12835  'CollectionsCustomIconAdd': "",
12836  'CollectionsCustomIconAdded': "",
12837  'CollectionsIconColor': "#000000",
12838  'CollectionsIconThickness': "1.7",
12839}
12840</script>
12840
12841<style>
12842  .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; min-width: 25px; height: 25px!important;}
12843  .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;}
12844  .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;}
12845</style>
12846
12847
12848
12849<script>
12850  // Send heartbeat for collections button
12851  (function() {
12852    let collectionsButtonHeartbeatData = '';
12853    try {
12854      collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {};
12855    } catch (e) {
12856      collectionsButtonHeartbeatData = {};
12857    }
12858    const ShopifyTheme = window.Shopify.theme;
12859    const themeId = ShopifyTheme.id;
12860    let heartbeatMetadata = {
12861      schema_name: ShopifyTheme?.schema_name,
12862      schema_version: ShopifyTheme?.schema_version,
12863      theme_store_id: ShopifyTheme?.theme_store_id,
12864      role: ShopifyTheme?.role
12865    };
12866
12867    const isDesignMode = !!window.swymDesignMode;
12868
12869    if (!window.SwymCallbacks) {
12870      window.SwymCallbacks = [];
12871    }
12872    window.SwymCallbacks.push((swat) => {
12873      if (!swat || !themeId) {
12874        return;
12875      }
12876      const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
12877      if (typeof triggerHeartbeat !== "function") return;
12878
12879      const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId];
12880      const themeContext = isDesignMode ? 'editor' : themeId;
12881
12882      const extensionData = {
12883        extensionName: "add-to-wishlist-collections-button", 
12884        extensionType: "app-embed", 
12885        metadata: heartbeatMetadata, 
12886        themeId: themeContext, 
12887        extensionSource: "default"
12888      };
12889
12890      /** Stop heartbeat
12891      triggerHeartbeat(extensionData, lastHeartbeat);
12892      */
12893    });
12894  })(); // IIFE to prevent polluting global scope
12895</script>
12895
12896
12897
12898<style>
12899  .swym-advanced-wishlist-collections-container {
12900    display: none;
12901  }
12902</style>
12903</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block">
12904
12905
12906<!-- BEGIN app snippet: swymVersion -->
12906<script>var __SWYM__VERSION__ = '7.0.8';</script>
12906<!-- END app snippet -->
12907<!-- BEGIN app snippet: swymCustomCss -->
12908
12909
12910
12911
12912<style id="swym-custom-css">
12913
12914</style>
12915
12916<!-- END app snippet -->
12917
12918
12919
12920
12921
12922
12923
12924
12925
12926
12927
12928
12929<script>
12930  (function () {
12931    // Get CompanyLocation Metadata for B2B customer scenerios (SFS)
12932    
12933
12934    // Put metafields in window variable
12935    const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#000000","secondaryColor":"#ffffff","storefrontLayoutType":"as-modal","buttonType":{"displayIcon":true,"displayText":true,"style":"solid"},"collectionsButtonPosition":{"position":"top-left","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"default","verticalOffset":0,"horizontalOffset":0},"enableStorefrontLayoutNotification":true,"storefrontLayoutDrawerWidth":400}}';
12936    try {
12937      const parsedSettings = JSON.parse(commonCustomizationSettings);
12938      if (parsedSettings) {
12939        window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings'];
12940      } else {
12941        window.SwymWishlistCommonCustomizationSettings = {};
12942      }
12943    } catch (e) {
12944      window.SwymWishlistCommonCustomizationSettings = {};
12945    }
12946
12947    let enabledCommonFeatures = '{"add-to-wishlist-collections-button":false,"add-to-wishlist-pdp-button":false,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopLeft","enabled":false},"sfl-popup-v2":false,"control-centre":true,"multiple-wishlist":false,"social-count":{"enabledOnCollections":true}}';
12948    try {
12949      enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {};
12950    } catch (e) {
12951      enabledCommonFeatures = {};
12952    }
12953    // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code.
12954    window.SwymEnabledCommonFeatures = enabledCommonFeatures;
12955
12956    // Ghost-Intent Configuration
12957    // Defaults to disabled (false). Only enabled when metafields explicitly set to "true".
12958    try {
12959      let ghostIntentConfig = {
12960        isExplicitConsentNeeded: false,
12961        isExplicitConsentNeededEvenForLocalStorage: false,
12962        askForPermissionOnFirstClick: true
12963      };
12964      
12965      
12966      
12967      window.SwymGhostIntentConfig = ghostIntentConfig;
12968    } catch(e) {
12969      window.SwymGhostIntentConfig = {
12970        isExplicitConsentNeeded: false,
12971        isExplicitConsentNeededEvenForLocalStorage: false,
12972        askForPermissionOnFirstClick: true
12973      };
12974    }
12975
12976    // Education Layer Configuration
12977    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
12978    
12979    
12980    window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true;
12981
12982    // Login Nudge Configuration
12983    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
12984    
12985    
12986    window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true;
12987
12988    // Initialize or ensure SwymViewProducts exists
12989    if (!window.SwymViewProducts) {
12990      window.SwymViewProducts = {};
12991    }
12992    
12993      try {
12994        const socialCountMap = { "https://beyondyoga.com/products/beyond-yoga-dad-hat-riverbed-00c0s-0000": { "socialCount": 1, "empi": 8111059304547 }, "https://beyondyoga.com/products/beyond-yoga-dad-hat-sea-salt-washed-dark-ivy-00c0s-0001": { "socialCount": 1, "empi": 8111059468387 }, "https://beyondyoga.com/products/explorer-jacket-nocturnal-navy-fl2301": { "socialCount": 53, "empi": 7825349509219 }, "https://beyondyoga.com/products/youre-a-force-dress-cocoa-plum-007pn-0007": { "socialCount": 22, "empi": 8050138546275 }, "https://beyondyoga.com/products/spacedye-prep-halter-dress-pastel-periwinkle-heather-007mq-0006": { "socialCount": 47, "empi": 7988746092643 }, "https://beyondyoga.com/products/youre-a-force-dress-slate-green-007pn-0005": { "socialCount": 68, "empi": 7986746064995 }, "https://beyondyoga.com/products/midweight-spacedye-forever-dress-darkest-night-0092a-0001": { "socialCount": 44, "empi": 8004200071267 }, "https://beyondyoga.com/products/youre-a-force-dress-nocturnal-navy-007pn-0006": { "s
12994ocialCount": 48, "empi": 7986745704547 }, "https://beyondyoga.com/products/ace-active-dress-nocturnal-navy-by6317": { "socialCount": 106, "empi": 7953047027811 }, "https://beyondyoga.com/products/youre-a-force-dress-black-007pn-0000": { "socialCount": 50, "empi": 7986744754275 }, "https://beyondyoga.com/products/spacedye-starting-line-dress-nocturnal-navy-sd6283": { "socialCount": 42, "empi": 7748642603107 }, "https://beyondyoga.com/products/score-active-ace-pleated-dress-blush-blooms-by6317": { "socialCount": 36, "empi": 7951079964771 }, "https://beyondyoga.com/products/spacedye-refocus-dress-darkest-night-sd6211": { "socialCount": 72, "empi": 6951813906531 }, "https://beyondyoga.com/products/ace-active-dress-white-by6317": { "socialCount": 28, "empi": 7953047486563 }, "https://beyondyoga.com/products/spacedye-refocus-dress-nocturnal-navy-sd6211": { "socialCount": 60, "empi": 6951814365283 } };
12995        // Integrate social count data into existing SwymViewProducts structure
12996        Object.keys(socialCountMap).forEach(function(key) {
12997          if (!window.SwymViewProducts[key]) {
12998            window.SwymViewProducts[key] = {};
12999          }
13000
13001          window.SwymViewProducts[key] = socialCountMap[key];
13002        });
13003      } catch (e) {
13004        // Silent error handling
13005      }
13006    
13007  })();
13008</script>
13008
13009
13010<!-- BEGIN app snippet: swymLoadConsentManager -->
13011<script>
13012  (function () {
13013    if (document.querySelector("script[data-swym-consent-manager]")) return;
13014    var swymConsentManagerScript = document.createElement("script");
13015    swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0f142-9ec3-73a2-babd-8904a7e44cee\/swym-relay-840\/assets\/swym-consent-manager.js";
13016    swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves
13017    swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true");
13018    document.head.appendChild(swymConsentManagerScript);
13019  })();
13020</script>
13020
13021<!-- END app snippet -->
13022
13023<script
13024  
13025  id="wishlist-embed-init"
13026  defer
13027  async
13028>
13029  (function () {
13030    window.swymWishlistEmbedLoaded = true;
13031    var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/apps.bundle.js"; 
13032    var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1);
13033    var swymJsPath = '//entcdn.swymrelay.com/code/swym-shopify.js';
13034    var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1);
13035    window.SwymCurrentJSPath = baseJsPath;
13036    window.SwymAssetBaseUrl = assetBaseUrl;
13037    
13038      window.SwymCurrentStorePath = "//swymstore-v3enterprise-01.swymrelay.com";
13039    
13040    function loadSwymShopifyScript() {
13041      var element = "";
13042      var scriptSrc = "";
13043
13044      
13045        element = "swym-ext-shopify-script";
13046        window.SwymShopifyCdnInUse = true;
13047        scriptSrc = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-ext-shopify.js";
13048      
13049
13050      if (document.getElementById(element)) {
13051        return;
13052      }
13053
13054      var s = document.createElement("script");
13055      s.id = element;
13056      s.type = "text/javascript";
13057      s.async = true;
13058      s.defer = true;
13059      s.src = scriptSrc;
13060
13061      s.onerror = function() {
13062        console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default");
13063        // Fallback logic here
13064        element = `swym-ext-shopify-script-${__SWYM__VERSION__}`;
13065        var fallbackJsPathVal = "\/\/entcdn.swymrelay.com\/code\/swym-shopify.js";
13066        var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify");
13067        scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__;
13068
13069        var fallbackScript = document.createElement("script");
13070        fallbackScript.id = element;
13071        fallbackScript.type = "text/javascript";
13072        fallbackScript.async = true;
13073        fallbackScript.defer = true;
13074        fallbackScript.src = scriptSrc;
13075        var y = document.getElementsByTagName("script")[0];
13076        y.parentNode.insertBefore(fallbackScript, y);
13077      };
13078
13079      var x = document.getElementsByTagName("script")[0];
13080      x.parentNode.insertBefore(s, x);
13081    }
13082    
13083      var consentAPICallbackInvoked = false;
13084      function checkConsentAndLoad() {
13085        // Allow app to load in design mode (theme editor) regardless of consent
13086        if (window.Shopify?.designMode) {
13087          loadSwymShopifyScript();
13088          return;
13089        }
13090
13091        // Ghost-Intent: If merchant enabled explicit consent, block SDK until
13092        // consent is given through our Ghost-Intent flow (sync nudge accept).
13093        // This works on any store regardless of region (EU or non-EU).
13094        var ghostConfig = window.SwymGhostIntentConfig || {};
13095        if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) {
13096          try {
13097            var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || '');
13098            if (localStorage.getItem(consentKey) === 'true') {
13099              // Consent was given through our flow — load SDK
13100              loadSwymShopifyScript();
13101              return;
13102            }
13103          } catch(e) {}
13104
13105          // Check if Shopify native cookie consent was given via the cookie banner.
13106          // If user accepted cookies through Shopify's banner, load SDK normally
13107          // (Ghost-Intent is only needed when NO consent mechanism has been used).
13108          var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
13109          if (shopifyConsentGiven) {
13110            loadSwymShopifyScript();
13111            return;
13112          }
13113
13114          console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given");
13115          return;
13116        }
13117
13118        var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.();
13119        if(!isCookieBannerVisible) {
13120          loadSwymShopifyScript();
13121          return;
13122        }
13123        var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
13124        if (shouldLoadSwymScript) {
13125          loadSwymShopifyScript();
13126        } else {
13127          console.warn("No customer consent to load Swym Wishlist Plus");
13128        }
13129      }
13130      function initialiseConsentCheck() {
13131        document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); });
13132        window.Shopify?.loadFeatures?.(
13133          [{name: 'consent-tracking-api', version: '0.1'}],
13134          error => { 
13135            consentAPICallbackInvoked = true;
13136            if (error) {
13137              if(!window.Shopify?.customerPrivacy) {
13138                loadSwymShopifyScript();
13139                return;
13140              }
13141            }
13142            checkConsentAndLoad();
13143          }
13144        );
13145      }
13146      function consentCheckFallback(retryCount) {
13147        if(!consentAPICallbackInvoked) {
13148          if (window.Shopify?.customerPrivacy) {
13149            checkConsentAndLoad();
13150          } else if (retryCount >= 1) {
13151            console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load");
13152            // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected
13153            checkConsentAndLoad();
13154          } else {
13155            setTimeout(() => consentCheckFallback(retryCount + 1), 1000);
13156          }
13157        }
13158      }
13159      if (document.readyState === "loading") {
13160        document.addEventListener("DOMContentLoaded", initialiseConsentCheck);
13161        window.addEventListener("load", () => consentCheckFallback(0));
13162      } else {
13163        initialiseConsentCheck();
13164      }
13165    
13166  })();
13167</script>
13167
13168
13169<!-- BEGIN app snippet: swymSnippet -->
13169<script defer>
13170  (function () {
13171    const currentSwymJSPath = '//entcdn.swymrelay.com/code/swym-shopify.js';
13172    const currentSwymStorePath = 'https://swymstore-v3enterprise-01.swymrelay.com';
13173    const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`;
13174    const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`;
13175    const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`;
13176    const swymSnippet = document.getElementById('wishlist-embed-init');        
13177    if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);}
13178    if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);}
13179    if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);}
13180  })()
13181</script>
vendor: 1 bytes, line 13181
13181
13182<script id="swym-snippet" type="text">
13183  window.swymLandingURL = document.URL;
13184  window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
13185  window.swymPageLoad = function() {
13186    window.SwymProductVariants = window.SwymProductVariants || {};
13187    window.SwymHasCartItems = 0 > 0;
13188    window.SwymPageData = {}, window.SwymProductInfo = {};
13189      var unknown = {et: 0};
13190      window.SwymPageData = unknown;
13191    
13192    window.SwymPageData.uri = window.swymLandingURL;
13193  };
13194  if(window.selectCallback){
13195    (function(){
13196      var originalSelectCallback = window.selectCallback;
13197      window.selectCallback = function(variant){
13198        originalSelectCallback.apply(this, arguments);
13199        try{
13200          if(window.triggerSwymVariantEvent){
13201            window.triggerSwymVariantEvent(variant.id);
13202          }
13203        }catch(err){
13204          console.warn("Swym selectCallback", err);
13205        }
13206      };})();}
13207  window.swymCustomerId =null;
13208  window.swymCustomerExtraCheck =
13209    null;
13210  var swappName = ("Watchlist" || "Wishlist");
13211  var swymJSObject = {
13212    pid: "pjl1ubCnY7X+I+PWrFOfpIBALrGUnhu+wzcvdq6OG7s=",
13213    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
13214  };
13215  window.swymJSShopifyLoad = function(){
13216    if(window.swymPageLoad) swymPageLoad();
13217    if(!window._swat) {
13218      (function (s, w, r, e, l, a, y) {
13219        r['SwymRetailerConfig'] = s;
13220        r[s] = r[s] || function (k, v) {
13221          r[s][k] = v;
13222        };
13223      })('_swrc', '', window);
13224      _swrc('RetailerId', swymJSObject.pid);
13225      _swrc('Callback', function(){initSwymShopify();});
13226    }else if(window._swat.postLoader){
13227      _swrc = window._swat.postLoader;
13228      _swrc('RetailerId', swymJSObject.pid);
13229      _swrc('Callback', function(){initSwymShopify();});
13230    }else{
13231      initSwymShopify();}
13232  }
13233  if(!window._SwymPreventAutoLoad) {
13234    swymJSShopifyLoad();
13235  }
13236</script>
13236
13237
13238<style id="safari-flasher-pre"></style>
13239<script>
13240  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
13241    document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin  #swym-notepad, #swym-hosted-plugin  #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin  #swym-notepad, #swym-plugin  #swym-overlay, #swym-plugin  #swym-notification,' + '#swym-hosted-plugin  #swym-notepad, #swym-hosted-plugin  #swym-overlay, #swym-hosted-plugin  #swym-notification' + '{-webkit-transition: none; transition: none;}' + '';
13242    window.SwymCallbacks = window.SwymCallbacks || [];
13243    window.SwymCallbacks.push(function(tracker) {
13244      tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() {
13245        var x = function() {
13246          SwymUtils.onDOMReady(function() {
13247            var d = document.createElement("div");
13248            d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready  #swym-notepad, #swym-plugin.swym-ready  #swym-overlay, #swym-plugin.swym-ready  #swym-notification," + "#swym-hosted-plugin.swym-ready  #swym-notepad, #swym-hosted-plugin.swym-ready  #swym-overlay, #swym-hosted-plugin.swym-ready  #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>";
13249            document.head.appendChild(d);
13250          });};
13251        setTimeout(x, 10);
13252      });});}
13253  window.SwymOverrideMoneyFormat = "${{amount}}";
13254</script>
13254
13255<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet -->
13256
13257<script
13258  
13259  id="swymSnippetCheckAndActivate"
13260>
13261  (function () {
13262    var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler'];
13263
13264    function removeDuplicateIdNodes(id) {
13265      var nodes = document.querySelectorAll('#' + id);
13266      nodes.forEach(function (node, index) {
13267        if (index > 0) {
13268          node.remove();
13269        }
13270      });
13271    }
13272
13273    function cleanupDuplicateSnippetNodes(activeScript) {
13274      if (!activeScript) {
13275        return;
13276      }
13277      var allSwymSnippets = document.querySelectorAll('script#swym-snippet');
13278      allSwymSnippets.forEach(function (scriptNode) {
13279        if (scriptNode !== activeScript) {
13280          scriptNode.remove();
13281        }
13282      });
13283    }
13284
13285    function cleanupDuplicateActivationGuards() {
13286      var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate');
13287      guardScripts.forEach(function (scriptNode, index) {
13288        if (index > 0) {
13289          scriptNode.removeAttribute('id');
13290        }
13291      });
13292    }
13293
13294    function postDomLoad() {
13295      var activeScript = document.querySelector('script#swym-snippet:not([type="text"])');
13296      if (!activeScript) {
13297        var inactiveScript = document.querySelector('script#swym-snippet[type="text"]');
13298        if (inactiveScript) {
13299          inactiveScript.type = 'text/javascript';
13300          new Function(inactiveScript.textContent)();
13301          activeScript = inactiveScript;
13302        }
13303      }
13304
13305      cleanupDuplicateSnippetNodes(activeScript);
13306      cleanupDuplicateActivationGuards();
13307      duplicateProneIds.forEach(removeDuplicateIdNodes);
13308    }
13309
13310    if (document.readyState === 'loading') {
13311      document.addEventListener('DOMContentLoaded', postDomLoad);
13312    } else {
13313      postDomLoad();
13314    }
13315  })();
13316</script>
13316
13317
13318
13319
13320<script>
13321  (function () {
13322    const themeSchemaName = window.Shopify.theme.schema_name;
13323
13324    if (!window.SwymCallbacks) {
13325      window.SwymCallbacks = [];
13326    }
13327    window.SwymCallbacks.push(swat => {
13328      if (!swat) {
13329        return;
13330      }
13331
13332      // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent
13333      if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) {
13334        window.SwymLocalWishlist.syncToCloud(swat);
13335      }
13336
13337      if (window._SwymSDKOnlyMode) {
13338        return;
13339      }
13340
13341      // ENABLE COMMON FEATURES
13342      let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures;
13343      Object.keys(swymEnabledCommonFeatures).forEach(key => {
13344        if (!swymEnabledCommonFeatures[key]) return;
13345
13346        switch (key) {
13347          case 'add-to-wishlist-collections-button':
13348            // Check if app block is already handling the collections button
13349            if (window.SwymCollectionsConfig) {
13350              return;
13351            }
13352
13353            // Check if v2 default collections is handling it
13354            if (window.SwymAdvancedCollectionsWishlistConfig) {
13355              return;
13356            }
13357
13358            // Fallback to old v1 behavior if v2 config is not present
13359            swat?.collectionsApi?.setDefaultCustomizationOptions();
13360            swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName);
13361
13362            break;
13363          case 'add-to-wishlist-pdp-button':
13364            // Check if app block is already handling the PDP button
13365            if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') {
13366              return;
13367            }
13368
13369            if (!(window.SwymPageData && window.SwymPageData.et === 1)) {
13370              // Not initiating pdp button as it is not a product page
13371              return;
13372            }
13373
13374            // Inject addtowishlist.css into the document's <head>
13375            var head = document.head;
13376            var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/addtowishlistbutton.css";
13377            var pdpButtonStylesheetTag = document.createElement('link');
13378            pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`;
13379            pdpButtonStylesheetTag.rel = 'stylesheet';
13380            pdpButtonStylesheetTag.href = pdpButtonStylesheet;
13381
13382            if (!document.getElementById('swym-pdp-button-stylesheet')) {
13383              head.appendChild(pdpButtonStylesheetTag);
13384            }
13385
13386            var x = document.getElementsByTagName('script')[0];
13387            function createAndInsertScript(id, src, onLoadCallback) {
13388              var scriptTag = document.createElement('script');
13389              scriptTag.id = id;
13390              scriptTag.type = 'text/javascript';
13391              scriptTag.src = src;
13392              scriptTag.onload = onLoadCallback;
13393              x.parentNode.insertBefore(scriptTag, x);
13394            }
13395
13396            var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/addtowishlistbutton.js";
13397            createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () {
13398              const pdpBtnApi = window.WishlistPlusPDPButtonAPI;
13399              if (pdpBtnApi) {
13400                pdpBtnApi.setDefaultCustomizationOptions(swat);
13401                pdpBtnApi.initializePDPButton(swat, true);
13402              }
13403            });
13404            break;
13405          default:
13406            return;
13407        }
13408      });
13409    });
13410  })(); // IIFE to prevent polluting global scope
13411</script>
13411
13412
13413
13414
13415<script> 
13416  (function () {
13417    // Get the settings from Shopify's Liquid variables and create the styles
13418    const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
13419    const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
13420      Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
13421    const isControlCentreEnabledFromBlockSettings = false;
13422    
13423    if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
13424      // Don't enable control centre if this is disabled and block settings are not enabled
13425      return;
13426    }
13427    
13428    let borderRadius = 6;
13429    let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400;
13430    
13431    // Check if block settings exist, use them, otherwise fall back to common settings
13432    let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 
13433      "#000000" : 
13434      window.SwymWishlistCommonCustomizationSettings.primaryColor;
13435    
13436    let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 
13437      "#ffffff" : 
13438      window.SwymWishlistCommonCustomizationSettings.secondaryColor;
13439    
13440    let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 
13441      "#F4F8FE" : null;
13442    let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 
13443      "#333333" : null;
13444
13445    // Only use color adjustment functions if we're using common settings
13446    if (!secondaryBgColor || !secondaryTextColor) {
13447      function adjustOpacity(color, opacity) {
13448        if (color[0] === '#') {
13449          color = color.slice(1);
13450        }
13451
13452        if (color.length === 3) {
13453          color = color.split('').map(char => char + char).join('');
13454        }
13455
13456        const r = parseInt(color.slice(0, 2), 16);
13457        const g = parseInt(color.slice(2, 4), 16);
13458        const b = parseInt(color.slice(4, 6), 16);
13459
13460        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
13461      }
13462
13463      function hexToRgb(color) {
13464        if (color[0] === '#') {
13465          color = color.slice(1);
13466        }
13467        if (color.length === 3) {
13468          color = color.split('').map(c => c + c).join('');
13469        }
13470
13471        return {
13472          r: parseInt(color.slice(0, 2), 16),
13473          g: parseInt(color.slice(2, 4), 16),
13474          b: parseInt(color.slice(4, 6), 16)
13475        };
13476      }
13477
13478      function getLuminance({ r, g, b }) {
13479        return 0.299 * r + 0.587 * g + 0.114 * b;
13480      }
13481
13482      function generateSecondaryColors(primaryBgColor, primaryTextColor) {
13483        const secondaryBgOpacity = 0.2;
13484        const secondaryTextOpacity = 0.8;
13485
13486        const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity);
13487
13488        const bgRgb = hexToRgb(primaryBgColor);
13489        const bgLuminance = getLuminance(bgRgb);
13490
13491        // Determine whether to use dark or light text for contrast
13492        const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity);
13493        const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity);
13494
13495        const secondaryTextColor = bgLuminance > 186 ? darkText : lightText;
13496
13497        return {
13498          secondaryBgColor,
13499          secondaryTextColor
13500        };
13501      }
13502
13503      const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor);
13504      secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor;
13505      secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor;
13506    }
13507
13508    // Create the CSS rule
13509    let styles = `
13510      .swym-storefront-layout-root-component {
13511        --swym-storefront-layout-ui-border-radius: ${borderRadius}px;
13512        --swym-storefront-layout-button-border-radius: ${borderRadius}px;
13513        --swym-storefront-layout-side-drawer-width: ${drawerWidth}px;
13514        --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor};
13515        --swym-storefront-layout-button-color-text-primary: ${primaryTextColor};
13516        --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor};
13517        --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor};
13518      }
13519    `;
13520
13521    // Create a <style> element and append the styles
13522    let styleSheet = document.createElement("style");
13523    styleSheet.type = "text/css";
13524    styleSheet.innerText = styles;
13525    document.head.appendChild(styleSheet);
13526
13527    if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
13528        window.SwymStorefrontLayoutContext = {};
13529    }
13530    if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){
13531        window.SwymStorefrontLayoutExtensions = {};
13532    }
13533
13534    // Expose block settings toggle state so ThemeCSSMapping can respect it.
13535    // When true, theme editor color pickers take priority over inherited theme CSS variables.
13536    SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings;
13537
13538    if (isControlCentreEnabledFromBlockSettings) {
13539      // If block settings are enabled, use them
13540      SwymStorefrontLayoutContext.Settings = {
13541        EnableStorefrontLayoutOnLauncher: true,
13542        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
13543        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
13544        StorefrontLayoutDrawerPosition: "left",
13545        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
13546        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
13547        EnableStorefrontLayoutVariantSelector: true,
13548        StorefrontLayoutNotificationPosition: "left",
13549        StorefrontLayoutActionPopupPosition: "left",
13550        StorefrontLayoutNotificationDuration: 5000
13551      };
13552    } else {
13553      // If only metafield is enabled but no block settings, use common settings
13554      SwymStorefrontLayoutContext.Settings = {
13555        EnableStorefrontLayoutOnLauncher: true,
13556        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
13557        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
13558        StorefrontLayoutDrawerPosition: "left",
13559        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
13560        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
13561        EnableStorefrontLayoutVariantSelector: true,
13562        StorefrontLayoutNotificationPosition: "left",
13563        StorefrontLayoutActionPopupPosition: "left",
13564        StorefrontLayoutNotificationDuration: 5000
13565      };
13566    }
13567    const storefrontLayoutCallback = (swat) =>{
13568      SwymStorefrontLayoutContext.swat = swat;
13569      let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid'];
13570      let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled'];
13571      SwymStorefrontLayoutContext.Settings = {
13572        ...SwymStorefrontLayoutContext?.Settings,
13573        EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false,
13574        EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield),
13575      }
13576
13577      if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){
13578        if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){
13579          var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 
13580            detail: { settings: SwymStorefrontLayoutContext?.Settings }
13581          });
13582          document.dispatchEvent(event);
13583        }else{
13584          swat.utils.warn(`LayoutInitialized event is not defined.`);
13585        }
13586      }else{
13587        swat.utils.warn(`Storefront Layout is disabled.`);
13588        document.getElementById("swym-storefront-layout-container")?.remove();
13589        document.getElementById("swym-storefront-extention-render-container")?.remove();
13590      }
13591    }
13592  
13593    if (!window.SwymCallbacks) {
13594      window.SwymCallbacks = [];
13595    }
13596    window.SwymCallbacks.push(storefrontLayoutCallback);
13597  
13598    SwymStorefrontLayoutContext.SwymCustomerData = {
13599      
13600        name: null,
13601        email: null
13602      
13603    };
13604    SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email;
13605  })();
13606</script>
13606
13607
13608
13609
13610
13611  
13612    <div id="swym-storefront-extention-render-container">
13613      <!-- BEGIN app snippet: swymStorefrontLayout -->
13613<script>
13614    (function () {
13615        const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
13616        const isControlCentreEnabledFromBlockSettings = false;
13617        const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
13618            Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
13619        
13620        if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
13621            return;
13622        }
13623        if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
13624            window.SwymStorefrontLayoutContext = {};
13625        }
13626        
13627        // Initialize strings with empty values first to prevent string changes after loadStrings()
13628        SwymStorefrontLayoutContext.Strings = {
13629            title: "",
13630            addToCart: "",
13631            addedToCart: "",
13632            addAllToCartCta: "",
13633            addAllToCartSuccessText: "",
13634            addAllToCartEmptyText: "",
13635            addAllToCartErrorText: "",
13636            soldOut: "",
13637            addingToCart: "",
13638            viewCartCta: "",
13639            moveToCartCta: "",
13640            movingToCartCta: "",
13641            removeSflItemCta: "",
13642
13643            loginHeading: "",
13644            loginText: "",
13645            loginButtonText: "",
13646            loggedUserWelcomeMessage: "",
13647            VariantSelectorBtnText: "",
13648            wishlistTitle: "",
13649            wishlistInfo: "",
13650            emptyWishlistTitle: "",
13651            emptyWishlistDescription: "",
13652            
13653            collectionTitle: "",
13654            emptyCarouselCollectionText: "",
13655            emptyCollectionText: "",
13656            emptyCollectionDescription: "",
13657            
13658            addToCollectionTitle: "",
13659            removeItemCta: "",
13660            addToCollectionCta: "",
13661            createCollectionCta: "",
13662            saveNewCollectionCta: "",
13663            renameCollectionCta: "",
13664            deleteCollectionCta: "",
13665            shareCollectionCta: "",
13666            saveCollectionCta: "",
13667            editCollectionCta: "",
13668            shareCollectionTitle: "",
13669            shareCollectionMessage: "",
13670            sharedCollectionMessage: "",
13671            updateCollectionTitle: "",
13672
13673            errorMessageListNameRequired: "",
13674            errorMessageListNameRequire3Char: "",
13675            errorMessageListNameAlreadyExist: "",
13676
13677            notificationMessageItemSaved: "",
13678            notificationMessageItemRemoved: "",
13679            notificationMessageAddedToCart: "",
13680            notificationMessageAddedToCollection: "",
13681            notificationMessageCollectionSaved: "",
13682            notificationMessageCollectionDeleted: "",
13683            notificationMessageCollectionUpdated: "",
13684            notificationMessageCollectionUnavailable: "",
13685            notificationMessageSFLItemSaved: "",
13686            notificationMessageSFLItemRemoved: "",
13687            notificationMessageMovedToCart: "",
13688
13689            notificationActionAddToCollection: "",
13690            notificationActionView: "",
13691            notificationActionViewCollection: "",
13692            notificationActionGoToCart: "",
13693
13694            item: "",
13695            items: "",
13696
13697            tabWishlist: "",
13698            tabSavedForLater: "",
13699            tabSavedForYou: "",
13700            
13701            savedForLaterTitle: "",
13702            emptySavedForLaterTitle: "",
13703            emptySavedForLaterDescription: "",
13704
13705            awNudgeMessage: "",
13706            awNudgeMessageSub: "",
13707            awNudgeLoginCTA: "",
13708            awNudgeDismiss: "",
13709
13710            emptySingleLoggedInTitle: "",
13711            emptySingleLoggedInDescription: "",
13712            emptySingleLoggedInBullet1: "",
13713            emptySingleLoggedInBullet2: "",
13714            emptySingleLoggedInBullet3: "",
13715            emptySingleLoggedInCTA: "",
13716
13717            emptyMultiLoggedInTitle: "",
13718            emptyMultiLoggedInDescription: "",
13719            emptyMultiLoggedInCreateTitle: "",
13720            emptyMultiLoggedInCreateDescription: "",
13721            emptyMultiLoggedInBrowseLabel: "",
13722            emptyMultiLoggedInCTA: "",
13723            emptyMultiLoggedInTag1: "",
13724            emptyMultiLoggedInTag2: "",
13725            emptyMultiLoggedInTag3: "",
13726            emptyMultiLoggedInTag4: "",
13727            emptyMultiLoggedInTag5: "",
13728
13729            emptyGuestTitle: "",
13730            emptyGuestDescription: "",
13731            emptyGuestSingleNotice: "",
13732            emptyGuestMultiNotice: "",
13733            emptyGuestLoginCTA: "",
13734            emptyGuestBrowseCTA: "",
13735            emptyGuestSignupText: "",
13736            emptyGuestSignupCTA: "",
13737
13738            emptySflTitle: "",
13739            emptySflDescription: "",
13740            emptySflStep1Title: "",
13741            emptySflStep1Description: "",
13742            emptySflStep2Title: "",
13743            emptySflStep2Description: "",
13744            emptySflLoggedInNotice: "",
13745            emptySflGuestNotice: "",
13746            emptySflGoToCartCTA: "",
13747            emptySflLoginCTA: "",
13748            emptySflSignupText: "",
13749            emptySflSignupCTA: ""
13750        };
13751
13752        SwymStorefrontLayoutContext.stringsLoaded = false;
13753        SwymStorefrontLayoutContext.StorefrontLayoutUrls = SwymStorefrontLayoutContext.StorefrontLayoutUrls || {};
13754        SwymStorefrontLayoutContext.StorefrontLayoutUrls.Login = "\/customer_authentication\/login?return_to=%2F\u0026locale=en\u0026ui_hint=full\u0026region_country=US";
13755
13756        /** 
13757        * Function to override Swym's default UI behavior.
13758        **/
13759        const overrideSwymDefaultUI = (swat) => {
13760            try{
13761                swat.ui.open = function(){
13762                    window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List;
13763                }
13764
13765                if (swat.ui?.uiRef?.settings?.UI) {
13766                    swat.ui.uiRef.settings.UI.NotificationDisabled = true;
13767                }
13768            }catch(e){
13769                swat.utils?.warn('Error overriding Swym default UI:', e);
13770            }
13771        }
13772
13773        /**
13774        * Callback function to override Swym's default UI behavior based on Storefront Layout settings.
13775        * 
13776        * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled.
13777        * - Overrides Swym's default notifications to log notifications instead of displaying them.
13778        * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized.
13779        * 
13780        * @param {Object} swat - Swym's UI object used for overriding UI behaviors.
13781        */
13782        const swymStorefrontLayoutCallback = (swat) =>{
13783            SwymStorefrontLayoutContext.swat = swat;
13784            
13785            overrideSwymDefaultUI(swat);
13786
13787
13788            let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
13789            if (typeof triggerHeartbeat !== "function") return;
13790
13791            let wishlistNewUiHeartbeatData = '';
13792            try {
13793                wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {};
13794            } catch (e) {
13795                wishlistNewUiHeartbeatData = {};
13796            }
13797
13798            let themeId = window.Shopify.theme.id;
13799            let isDesignMode = !!window.swymDesignMode;
13800            let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId];
13801            let themeContext = isDesignMode ? 'editor' : themeId;
13802            let extensionData = {
13803                extensionName: "wishlist-new-ui", 
13804                extensionType: "app-embed", 
13805                metadata: {}, 
13806                themeId: themeContext, 
13807                extensionSource: "default"
13808            };
13809            /** Stop heartbeat
13810            triggerHeartbeat(extensionData, lastHeartbeat);
13811            */
13812        }
13813        
13814        if (!window.SwymCallbacks) {
13815            window.SwymCallbacks = [];
13816        }
13817        window.SwymCallbacks.push(swymStorefrontLayoutCallback);
13818    })();
13819</script>
13819
13820<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout.css">
13821<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/async-wishlist-apis.js" defer="defer"></script>
vendor: 1 bytes, line 13821
13821
13822<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout.js" defer="defer"></script>
vendor: 1 bytes, line 13822
13822
13823<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout-components.js" defer="defer"></script>
13823
13824
13825<swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout>
13826<!-- END app snippet -->
13827    </div>
13828    <!-- BEGIN app snippet: swymEducationTooltip -->
13829
13830
13831  
13832
13833  <div id="swym-education-tooltip" aria-hidden="true"
13834    data-toast-desktop-message="Interesting? Click &#39;{{wishlistIcon}}&#39; to save it to your {{wishlistName}}."
13835    data-toast-mobile-message="Interesting? Tap &#39;{{wishlistIcon}}&#39; to add to your {{wishlistName}}."
13836    data-toast-cta="Wishlist Now"
13837    data-tooltip-desktop-message="Interesting? Click &#39;{{wishlistIcon}}&#39; to save it to your {{wishlistName}}."
13838    data-tooltip-mobile-message="Interesting? Tap &#39;{{wishlistIcon}}&#39; to add to your {{wishlistName}}."
13839    data-button-transition-text-1="Price drops? Know first."
13840    data-button-transition-text-2="Almost gone. Just saying."
13841    data-button-transition-text-3="Yours when ready.">
13842  </div>
13843
13844  <div id="swym-education-tooltip-bubble" class="swym-education-tooltip swym-education-tooltip-above" aria-hidden="true" role="tooltip">
13845    <div class="swym-education-tooltip-content">
13846      <span class="swym-education-tooltip-message"></span>
13847      <button class="swym-education-tooltip-close" data-swym-education-tooltip-close aria-label="Close consent dialog">
13848        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
13849          <path d="M18 6L6 18M6 6l12 12"></path>
13850        </svg>
13851      </button>
13852    </div>
13853    <div class="swym-education-tooltip-arrow"></div>
13854  </div>
13855
13856  <style>
13857    /* Education tooltip — positioned fixed, managed by JS */
13858    .swym-education-tooltip {
13859      position: fixed;
13860      z-index: 500;
13861      visibility: hidden;
13862      opacity: 0;
13863      transition: opacity 0.2s ease, visibility 0.2s ease;
13864      pointer-events: none;
13865    }
13866    .swym-education-tooltip.swym-education-tooltip-visible {
13867      visibility: visible;
13868      opacity: 1;
13869      pointer-events: auto;
13870    }
13871    .swym-education-tooltip-content {
13872      background: var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13873      color: var(--swym-storefront-layout-notification-neutral-text-color, #383d41);
13874      border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color, #d6d8db);
13875      padding: 10px 14px;
13876      border-radius: var(--swym-storefront-layout-ui-border-radius, 10px);
13877      font-size: 13px;
13878      line-height: 1.4;
13879      display: flex;
13880      align-items: center;
13881      gap: 8px;
13882      max-width: 320px;
13883      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
13884    }
13885    .swym-education-tooltip-message {
13886      flex: 1;
13887    }
13888    .swym-education-tooltip-close {
13889      background: none;
13890      border: none;
13891      color: inherit;
13892      cursor: pointer;
13893      padding: 2px;
13894      line-height: 1;
13895      flex-shrink: 0;
13896      opacity: 0.7;
13897    }
13898    .swym-education-tooltip-close:hover {
13899      opacity: 1;
13900    }
13901
13902    /* Button text fade transition for education nudge */
13903    .swym-btn-text-fade-out {
13904      opacity: 0;
13905      transition: opacity 0.2s ease;
13906    }
13907    .swym-btn-text-fade-in {
13908      opacity: 1;
13909      transition: opacity 0.3s ease;
13910    }
13911
13912    /* Arrow — points down when tooltip is above, up when below */
13913    .swym-education-tooltip-arrow {
13914      width: 0;
13915      height: 0;
13916      position: absolute;
13917      left: 50%;
13918      transform: translateX(-50%);
13919    }
13920    .swym-education-tooltip-above .swym-education-tooltip-arrow {
13921      bottom: -6px;
13922      border-left: 6px solid transparent;
13923      border-right: 6px solid transparent;
13924      border-top: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13925    }
13926    .swym-education-tooltip-below .swym-education-tooltip-arrow {
13927      top: -6px;
13928      border-left: 6px solid transparent;
13929      border-right: 6px solid transparent;
13930      border-bottom: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13931    }
13932
13933    /* Hidden data element */
13934    #swym-education-tooltip {
13935      display: none;
13936    }
13937
13938    @media (max-width: 480px) {
13939      .swym-education-tooltip-content {
13940        max-width: 90vw;
13941        font-size: 12px;
13942      }
13943    }
13944  </style>
13945
13946  
13946<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-education-tooltip.js" defer="defer"></script>
13946
13947  
13947<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-education.js" defer="defer"></script>
13947
13948
13949<!-- END app snippet -->
13950  
13951
13952</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">
13953
13954
13955<script>
13956  console.log("[Alia app extension] v1.0.5");
13957
13958  const BACKEND_URL = "https://backend.alia-prod.com";
13959
13960  window.ALIA_SHOPIFY_EXTENSION_INFO = {
13961    customerID: "",
13962    country: "US",
13963    market: "us",
13964    language: "en"
13965  }
13966
13967  if (document.readyState !== "loading") {
13968    initAlia();
13969  } else {
13970    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
13971  }
13972
13973  async function initAlia() {
13974    const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=beyond-yoga-store.myshopify.com";
13975    const script = document.createElement("script");
13976    script.src = url;
13977    script.async = true;
13978    document.head.appendChild(script);
13979  }
13980</script>
13980
13981
13982</div><div id="shopify-block-AaUpCaW0zK0hQdkxYR__7586417359830130585" class="shopify-block shopify-app-block govalo"><!-- BEGIN APP EMBED: GOVALO -->
13983<!-- BEGIN app snippet: govalo-rewards -->
13984<!-- END app snippet -->
13985
13986
13987
13988
13989
13990<!-- END APP EMBED: GOVALO -->
13991
13992
13993</div><div id="shopify-block-ARzRUZFJhblF1OXJZV__17344971991852576190" class="shopify-block shopify-app-block">
13994
13995
13996</div>
13996<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13996
13997</body>
13998  </html>
13999  

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.