PageSourceSearch

https://beyondyoga.com/

html beyondyoga.com collected 2026-09-24 19:59:27 UTC 781,416 bytes, 13,588 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=145961248924139056141789689873" 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>Beyond Yoga: Premium Activewear for Men &amp; Women
39</title><meta name="description" content="Buttery-soft leggings, shorts, tops, bras, workout sets, and more. Premium activewear designed to move with you, for men and women who expect more from their gear.">
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="Beyond Yoga: Premium Activewear for Men &amp; Women">
50<meta property="og:type" content="website">
51<meta property="og:description" content="Buttery-soft leggings, shorts, tops, bras, workout sets, and more. Premium activewear designed to move with you, for men and women who expect more from their gear."><meta name="twitter:card" content="summary_large_image">
52<meta name="twitter:title" content="Beyond Yoga: Premium Activewear for Men &amp; Women">
53<meta name="twitter:description" content="Buttery-soft leggings, shorts, tops, bras, workout sets, and more. Premium activewear designed to move with you, for men and women who expect more from their gear.">
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 3: WAFFLE + POM","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":"8d36f466-f4b1-412f-803d-605ee6b76af5-1790279966","pageurl":"beyondyoga.com\/","u":"83de597a5f33","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: "tag::GLOWZONESOTOMETHOD",
255          tag2: "",
256          tag3: "",
257          text: "\u003cstrong\u003eGet 3 Free Months of SotoMethod On Demand with any glowzone™ Legging Purchase\u003cstrong\u003e\u003c\/strong\u003e\u003c\/strong\u003e",
258          text2: "",
259          text3: "",
260          color: "#000000",
261          color2: "#EA2F12",
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/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
303
304
305  
305<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/zKLdAz8WUNxYGgbSZxk9iD1hAbispWw64AeiGthy?languageCode=en" async></script>
305
306
307
308
309  
310<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
311<script type="text/javascript">
312  (function (c, l, a, r, i, t, y) {
313    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
314    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
315    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
316
317    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
318      if (error) {
319        console.error("Error loading Shopify features:", error);
320        return;
321      }
322
323      c[a]('consentv2', {
324        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
325        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
326        source: 101,
327      });
328    });
329
330    l.addEventListener("visitorConsentCollected", function (e) {
331      c[a]('consentv2', {
332        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
333        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
334        source: 101,
335      });
336    });
337  })(window, document, "clarity", "script", "uk04j4v9ak");
338</script>
338
339
340
341
342<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
343
344
345
346
347
348
349
350
351
352
353
354
355  
355<script async src="https://static.klaviyo.com/onsite/js/QD4YAs/klaviyo.js?company_id=QD4YAs"></script>
355
356  
356<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>
356
357
358  
359
360
361
362
363  
363<script>
364    window.klaviyoReviewsProductDesignMode = false
365  </script>
365
366
367
368
369
370
371
372
373
374
375<!-- END app block -->
375<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/wishlistcollections.js" type="text/javascript" defer="defer"></script>
375
376<link href="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/wishlistcollections.css" rel="stylesheet" type="text/css" media="all">
377<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
378<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 378
378
379<script>
380  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
381</script>
vendor: 1 bytes, line 381
381
382<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}
382).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: ["16072cab","8450a54b"],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"}
382,{"id":"1627816035","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f92d7cfd1521456d481ee553d236893f","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"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"]}
382,{"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"}
382,{"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":"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":"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":"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":"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":"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":"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}]},{"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":"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","
382image":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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"8126100013155","handle":"spacedye-walk-and-talk-high-waisted-capri-legging-20-5-caber
382net-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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"8100485038179","handle":"spacedye-slim-racerback-tank-ultra-blue-heather-007kx-0017","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44452595204195","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8107827789923","handle":"luxefleece-2-0-barrel-leg-sweatpant-heather-gray-00av7-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44474396442723","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123397701731","handle":"featherweight-on-the-down-low-tee-cabernet-heather-007aw-0047","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520715288675","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8102949060707","handle":"polish-ponte-pant-darkest-navy-00aas-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44457927278691","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8101008474211","handle":"forever-favorite-button-down-sea-salt-stripe-00abm-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44454058721379","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123412938851","handle":"featherweight-daydreamer-pullover-dark-ivy-heather-007b1-0045","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520846557283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8109489520739","handle":"rest-day-waffle-wrap-pullover-heather-gray-00abk-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44479907856483","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}]}
382,{"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":"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":"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
382nal-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":"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}]}
382,{"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":"8129135149155","handle":"always-beyond-mens-crew-tee-2-0-cabernet-heather-007b4-0026","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543287459939","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7956525973603","handle":"always-beyond-mens-crew-tee-2-0-elk-heather-lwsd7892d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43969247314019","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}]}
382,{"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}]},{"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"143157493859","themePublished":"true","eventMetadataId":"d5279dd8-65fe-4427-abcc-08744a0f07c6","pageType":"home","shopId":"26561413219","storefrontBaseUrl":"https:\/\/beyondyoga.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
382<script>
383  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
384  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
385  window.ShopifyAnalytics.meta.currency = 'USD';
386  var meta = {"page":{"pageType":"home","requestId":"8d36f466-f4b1-412f-803d-605ee6b76af5-1790279966"}};
387  for (var attr in meta) {
388    window.ShopifyAnalytics.meta[attr] = meta[attr];
389  }
390</script>
vendor: 1 bytes, line 390
390
391<script class="analytics">
392  (function () {
393    var customDocumentWrite = function(content) {
394      var jquery = null;
395
396      if (window.jQuery) {
397        jquery = window.jQuery;
398      } else if (window.Checkout && window.Checkout.$) {
399        jquery = window.Checkout.$;
400      }
401
402      if (jquery) {
403        jquery('body').append(content);
404      }
405    };
406
407    var hasLoggedConversion = function(token) {
408      if (token) {
409        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
410      }
411      return false;
412    }
413
414    var setCookieIfConversion = function(token) {
415      if (token) {
416        var twoMonthsFromNow = new Date(Date.now());
417        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
418
419        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
420      }
421    }
422
423    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
424    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
425    if (trekkie.integrations) {
426      return;
427    }
428    trekkie.methods = [
429      'identify',
430      'page',
431      'ready',
432      'track',
433      'trackForm',
434      'trackLink'
435    ];
436    trekkie.factory = function(method) {
437      return function() {
438        var args = Array.prototype.slice.call(arguments);
439        args.unshift(method);
440        trekkie.push(args);
441        if (method == 'track' || method == 'page') {
442          try {
443            if (window.__TREKKIE_SHIM_QUEUE == null) {
444              window.__TREKKIE_SHIM_QUEUE = [];
445            }
446            window.__TREKKIE_SHIM_QUEUE.push({
447              from: 'trekkie-stub',
448              method: method,
449              args: args.slice(1)
450            });
451          } catch (e) {
452            // no-op
453          }
454        }
455        return trekkie;
456      };
457    };
458    for (var i = 0; i < trekkie.methods.length; i++) {
459      var key = trekkie.methods[i];
460      trekkie[key] = trekkie.factory(key);
461    }
462    trekkie.load = function(config) {
463      trekkie.config = config || {};
464      trekkie.config.initialDocumentCookie = document.cookie;
465      var first = document.getElementsByTagName('script')[0];
466var script = document.createElement('script');
467script.type = 'text/javascript';
468script.onerror = function(e) {
469  var scriptFallback = document.createElement('script');
470  scriptFallback.type = 'text/javascript';
471  scriptFallback.onerror = function(error) {
472          var Monorail = {
473      produce: function produce(monorailDomain, schemaId, payload) {
474        var currentMs = new Date().getTime();
475        var event = {
476          schema_id: schemaId,
477          payload: payload,
478          metadata: {
479            event_created_at_ms: currentMs,
480            event_sent_at_ms: currentMs
481          }
482        };
483        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
484      },
485      sendRequest: function sendRequest(endpointUrl, payload) {
486        // Try the sendBeacon API
487        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
488          var blobData = new window.Blob([payload], {
489            type: 'text/plain'
490          });
491
492          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
493            return true;
494          } // sendBeacon was not successful
495
496        } // XHR beacon
497
498        var xhr = new XMLHttpRequest();
499
500        try {
501          xhr.open('POST', endpointUrl);
502          xhr.setRequestHeader('Content-Type', 'text/plain');
503          xhr.send(payload);
504        } catch (e) {
505          console.log(e);
506        }
507
508        return false;
509      },
510      isIos12: function isIos12() {
511        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
512      }
513    };
514    Monorail.produce('monorail-edge.shopifysvc.com',
515      'trekkie_storefront_load_errors/1.1',
516      {shop_id: 26561413219,
517      theme_id: 143157493859,
518      app_name: "storefront",
519      context_url: window.location.href,
520      source_url: "//beyondyoga.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
521
522  };
523  scriptFallback.async = true;
524  scriptFallback.src = '//beyondyoga.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
525  first.parentNode.insertBefore(scriptFallback, first);
526};
527script.async = true;
528script.src = '//beyondyoga.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
529first.parentNode.insertBefore(script, first);
530
531    };
532    trekkie.load(
533      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26561413219,"isMerchantRequest":null,"themeId":143157493859,"themeCityHash":"8663821382232259656","contentLanguage":"en","currency":"USD","eventMetadataId":"d5279dd8-65fe-4427-abcc-08744a0f07c6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
534    );
535
536    var loaded = false;
537    trekkie.ready(function() {
538      if (loaded) return;
539      loaded = true;
540
541      window.ShopifyAnalytics.lib = window.trekkie;
542
543      var originalDocumentWrite = document.write;
544      document.write = customDocumentWrite;
545      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
546      document.write = originalDocumentWrite;
547
548      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
549      var token = match? match[1]: undefined;
550      if (!hasLoggedConversion(token)) {
551        setCookieIfConversion(token);
552        
553      }
554    });
555
556    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"8d36f466-f4b1-412f-803d-605ee6b76af5-1790279966","shopifyEmitted":true});
557
558    var eventsListenerScript = document.createElement('script');
559    eventsListenerScript.async = true;
560    eventsListenerScript.src = "//beyondyoga.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
561    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
562})();</script>
562
563  
563<script>
564  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
565    window.ga = function ga() {
566      (window.ga.q = window.ga.q || []).push(arguments);
567      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
568        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
569      }
570      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.");
571    };
572    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
573      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
574    }
575  }
576</script>
vendor: 1 bytes, line 576
576
577<script
578  defer
579  src="https://beyondyoga.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
580  data-application="storefront-renderer"
581  data-shop-id="26561413219"
582  data-render-region="gcp-us-central1"
583  data-page-type="index"
584  data-theme-instance-id="143157493859"
585  data-theme-name="SEED"
586  data-theme-version="1.0.0"
587  data-monorail-region="shop_domain"
588  data-resource-timing-sampling-rate="10"
589  data-shs="true"
590  data-shs-beacon="true"
591  data-shs-export-with-fetch="true"
592  data-shs-logs-sample-rate="1"
593  data-shs-beacon-endpoint="https://beyondyoga.com/api/collect"
594></script>
594
595<meta name="shopify-y" content="ec5c6016-8295-4ed7-9899-5f23541718fe" data-expiration="1821837566000"><meta name="shopify-s" content="d7cdcfc7-7c90-4cdb-a010-032476b10f12" data-expiration="1790281766000"><meta name="new-cookie-storage-activated" content="t">
596</head><body  class="template-index">
597      
598      <div id="consent_blackbar"></div>
vendor: 88 bytes, lines 598-601
598
599      
600      
601      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
601GTM-P2C87C
vendor: 96 bytes, lines 601-603
601" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
602      
603      
603<a class="skip-to-content-link button sr-only" href="#MainContent">
604        Skip to content
605      </a>
606  
607      <!-- BEGIN sections: header-group -->
608<div id="shopify-section-sections--19357271097443__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section-announcement-bar">
609  <announcement-bar class="announcement-bar block"  style="--ann-bg: #fef39b; --ann-bg-hover: #fef39b; --ann-text-color: #000000; margin-bottom: -1px;">
610    
611<s-carousel data-options='{
612          "slidesPerView": 1,
613          "autoHeight": false,
614          "loop": true,
615          "autoplay": true,
616          "freeMode": true
617        }' class="announcement-bar__carousel grid relative">
618        <div id="CarouselAnnouncementBar" class="swiper w-full max-w-full" js-carousel>
619          <div class="swiper-wrapper">
620            
621              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
622                
623                
624                  <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!">
625                
626                    <div>
627                      <span class="announcement-bar__text f0 mr-4 tabletl:mr-6">
628                        Sign Up For SMS to Receive 20% Off Your First Order!
629                      </span>
630                      
631                        <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap">
632                          Join Here
633                        </span>
634                      
635                    </div>
636                
637                  </a>
638                
639              </div>
640            
641              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
642                
643                
644                  <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.">
645                
646                    <div>
647                      <span class="announcement-bar__text f0 mr-4 tabletl:mr-6">
648                        Just Added: New Arrivals Are Selling Fast.
649                      </span>
650                      
651                        <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap">
652                          Shop Now
653                        </span>
654                      
655                    </div>
656                
657                  </a>
658                
659              </div>
660            
661              <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide>
662                
663                
664                  <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.">
665                
666                    <div>
667                      <span class="announcement-bar__text f0 ">
668                        Always Free Shipping + Returns In The U.S.
669                      </span>
670                      
671                    </div>
672                
673                  </a>
674                
675              </div>
676            
677          </div> 
678        </div>
679        <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">
680          <span class="flex justify-center items-center w-16 h-16 rounded-full border border-black">
681            <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">
682<path d="M0.21875 0.0091917V20L17.7795 9.99999L0.21875 0V0.0091917Z" fill="currentColor"/>
683</svg>
684</span>
685            <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">
686<path d="M4.2623 0H0.347656V20H4.2623V0Z" fill="currentColor"/>
687<path d="M15.649 0H11.7344V20H15.649V0Z" fill="currentColor"/>
688</svg>
689</span>
690          </span>
691        </button>
692      </s-carousel>
693    
694  </announcement-bar>
695
696
697<style>
698  :root {
699    --ann-bar-height: 44px;
700  }
701</style>
702
703
704</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">
705  
706    <div class="site-header__progressive-blur-wrapper absolute inset-0 z-[-1]">
707      <div class="site-header__progressive-blur absolute inset-0"></div>
708      <div class="site-header__progressive-blur absolute inset-0"></div>
709      <div class="site-header__progressive-blur absolute inset-0"></div>
710      <div class="site-header__progressive-blur absolute inset-0"></div>
711      <div class="site-header__progressive-blur absolute inset-0"></div>
712      <div class="site-header__progressive-blur absolute inset-0"></div>
713    </div>
714  
715  
716  
717  
718
719  <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">
720    <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]">
721      <div class="wrapper flex items-center gap-8">
722        <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">
723          <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">
724<path d="M12 0.666672H0V2.19048H12V0.666672Z" fill="currentColor"/>
725<path d="M12 5.2381H0V6.76191H12V5.2381Z" fill="currentColor"/>
726<path d="M12 9.80952H0V11.3333H12V9.80952Z" fill="currentColor"/>
727</svg>
728</span>
729        </button>
730        <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">
731          <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">
732<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"/>
733</svg>
734</span>
735        </button>
736      </div>
737        <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">
738          <svg class="icon icon--logo" viewBox="0 0 234 24" fill="none" xmlns="http://www.w3.org/2000/svg">
739<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"/>
740<path d="M25.9253 0.472139H23.1779V23.217H39.7302V20.33H26.0649V13.2568H36.0854V10.3698H26.0649V3.33269H39.7302V0.445674H25.9253V0.472139Z" fill="currentColor"/>
741<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"/>
742<path d="M173.658 0C167.184 0 161.918 5.37705 161.918 11.9859C161.9
74218 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"/>
743<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"/>
744<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"/>
745<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"/>
746<path d="M105.045 18.7275L92.7777 0.481638H89.4409V23.2481H92.3279V4.98537L104.605 23.2481H107.932V0.481638H105.045V18.7275Z" fill="currentColor"/>
747<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"/>
748<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"/>
749</svg>
750
751        </a>
752      
753        <ul class="site-header__nav hidden tabletl:flex widescreen:ml-48">
754          
755          
756            <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 >
757              <a href="/collections/new-arrivals" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
758                New
759                
760              </a>
761              
762                <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>
763                  <div class="mega-menu grid grid-cols-4 gap-24">
764  
765  
766  
767  
768    
769      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
770        
771          <a href="/collections/new-arrivals" class="mega-memu__link f2 " >
772            Shop All New Arrivals
773          </a>
774        
775          <a href="/pages/glowzone" class="mega-memu__link f2 " >
776            Meet glowzone™
777          </a>
778        
779          <a href="/collections/spacedye-soft-shop" class="mega-memu__link f2 " >
780            Spacedye™ Soft Shop
781          </a>
782        
783          <a href="/collections/new-hue" class="mega-memu__link f2 " >
784            New Hues
785          </a>
786        
787          <a href="/collections/fall-edit" class="mega-memu__link f2 " >
788            Fall Edit
789          </a>
790        
791          <a href="/collections/the-travel-collection" class="mega-memu__link f2 " >
792            Travel Collection
793          </a>
794        
795          <a href="/collections/trending-pants" class="mega-memu__link f2 " >
796            Bootcut + Wide Leg Pants
797          </a>
798        
799          <a href="/collections/the-new-neutrals" class="mega-memu__link f2 " >
800            New Neutrals
801          </a>
802        
803          <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " >
804            LuxeFleece 2.0™ Shop
805          </a>
806        
807      </div>
808    
809  
810    
811      
812      
813      
814      
815      
816      
817      <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">
818        
819          
820          <a href="/collections/shop-all-womens" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Women's">
821            
822            
823            
824            
825
826
827
828
829  <picture class="lazypicture block w-full h-full">
830    
831    <img
832      src="//beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=300"
833      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
833w, //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"
834      sizes="25vw"
835      width="600"
836      height="900"
837      loading="lazy"
838      decoding="async"
839      
840      alt=""
841      class="w-full h-full object-cover"
842      
843    >
844  </picture>
845
846
847            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
848              Shop Women's
849            </div>
850          </a>
851        
852          
853          <a href="/collections/mens-collection" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Men's">
854            
855            
856            
857            
858
859
860
861
862  <picture class="lazypicture block w-full h-full">
863    
864    <img
865      src="//beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=300"
866      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"
867      sizes="25vw"
868      width="600"
869      height="900"
870      loading="lazy"
871      decoding="async"
872      
873      alt=""
874      class="w-full h-full object-cover"
875      
876    >
877  </picture>
878
879
880            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
881              Shop Men's
882            </div>
883          </a>
884        
885      </div>
886      
887    
888  
889</div>
890                </div>
891              
892            </li>
893          
894            <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 >
895              <a href="/collections/shop-all-womens" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
896                Women
897                
898              </a>
899              
900                <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>
901                  <div class="mega-menu grid grid-cols-4 gap-24">
902  
903  
904  
905  
906    
907      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
908        
909          <a href="/collections/shop-all-womens" class="mega-memu__link f2 " >
910            Shop All
911          </a>
912        
913          <a href="/collections/new-arrivals" class="mega-memu__link f2 " >
914            New Arrivals
915          </a>
916        
917          <a href="/collections/bestsellers" class="mega-memu__link f2 " >
918            Bestsellers
919          </a>
920        
921          <a href="https://beyondyoga.com/collections/new-hue" class="mega-memu__link f2 " >
922            New Hues
923          </a>
924        
925          <a href="/collections/now-trending" class="mega-memu__link f2 " >
926            Now Trending
927          </a>
928        
929          <a href="/collections/matching-sets" class="mega-memu__link f2 " >
930            Matching Sets
931          </a>
932        
933          <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " >
934            LuxeFleece 2.0™ Shop
935          </a>
936        
937          <a href="/pages/fabric-guide" class="mega-memu__link f2 " >
938            Fabric Guide
939          </a>
940        
941          <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mega-memu__link f2 " >
942            Gift Card
943          </a>
944        
945          <a href="/collections/sale-view-all" class="mega-memu__link f2 " style="color: #FF4040;">
946            Sale
947          </a>
948        
949      </div>
950    
951  
952    
953      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
954        
955          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
956          
957          
958            <li>
959              <a href="/collections/tops-shop-all" class="mega-memu__link f0 " >
960                <b>All Tops</b>
961              </a>
962            </li>
963          
964          
965          
966          
967            <li>
968              <a href="/collections/bras" class="mega-memu__link f0 " >
969                Bras
970              </a>
971            </li>
972          
973          
974          
975          
976            <li>
977              <a href="/collections/crop-tanks" class="mega-memu__link f0 " >
978                Crop Tanks
979              </a>
980            </li>
981          
982          
983          
984          
985            <li>
986              <a href="/collections/tanks" class="mega-memu__link f0 " >
987                Tanks
988              </a>
989            </li>
990          
991          
992          
993          
994            <li>
995              <a href="/collections/short-sleeve-tops" class="mega-memu__link f0 " >
996                Short Sleeve Tops
997              </a>
998            </li>
999          
1000          
1001          
1002          
1003            <li>
1004              <a href="/collections/long-sleeve-tees-pullovers" class="mega-memu__link f0 " >
1005                Long Sleeve Tops
1006              </a>
1007            </li>
1008          
1009          
1010          
1011          
1012            <li>
1013              <a href="/collections/sweaters" class="mega-memu__link f0 " >
1014                Sweaters
1015              </a>
1016            </li>
1017          
1018          
1019          
1020          
1021            <li>
1022              <a href="/collections/sweatshirts" class="mega-memu__link f0 " >
1023                Sweatshirts
1024              </a>
1025            </li>
1026          
1027          
1028          
1029          
1030            <li>
1031              <a href="/collections/layers" class="mega-memu__link f0 " >
1032                Layers
1033              </a>
1034            </li>
1035          
1036          
1037          
1038          
1039          </ul>
1040          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1041          
1042          
1043          
1044            <li>
1045              <a href="/collections/bottoms-shop-all" class="mega-memu__link f0 " >
1046                <b>All Bottoms</b>
1047              </a>
1048            </li>
1049          
1050          
1051          
1052          
1053            <li>
1054              <a href="/collections/leggings" class="mega-memu__link f0 " >
1055                Leggings
1056              </a>
1057            </li>
1058          
1059          
1060          
1061          
1062            <li>
1063              <a href="/collections/leggings-pants-with-pockets" class="mega-memu__link f0 " >
1064                Leggings with Pockets
1065              </a>
1066            </li>
1067          
1068          
1069          
1070          
1071            <li>
1072              <a href="/collections/pedal-pushers-capris" class="mega-memu__link f0 " >
1073                Capris + Pedal Pushers
1074              </a>
1075            </li>
1076          
1077          
1078          
1079          
1080            <li>
1081              <a href="/collections/shorts" class="mega-memu__link f0 " >
1082                Shorts
1083              </a>
1084            </li>
1085          
1086          
1087          
1088          
1089            <li>
1090              <a href="/collections/skirts" class="mega-memu__link f0 " >
1091                Skirts
1092              </a>
1093            </li>
1094          
1095          
1096          
1097          
1098            <li>
1099              <a href="/collections/pants" class="mega-memu__link f0 " >
1100                Pants
1101              </a>
1102            </li>
1103          
1104          
1105          
1106          
1107            <li>
1108              <a href="/collections/trending-pants" class="mega-memu__link f0 " >
1109                Bootcut + Wide Leg Pants
1110              </a>
1111            </li>
1112          
1113          
1114          
1115          
1116            <li>
1117              <a href="/collections/joggers-sweatpants" class="mega-memu__link f0 " >
1118                Joggers + Sweatpants
1119              </a>
1120            </li>
1121          
1122          
1123          
1124          
1125          </ul>
1126          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1127          
1128          
1129          
1130            <li>
1131              <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mega-memu__link f0 " >
1132                <b>All Dresses + Jumpsuits</b>
1133              </a>
1134            </li>
1135          
1136          
1137          
1138          
1139            <li>
1140              <a href="/collections/dresses" class="mega-memu__link f0 " >
1141                Dresses
1142              </a>
1143            </li>
1144          
1145          
1146          
1147          
1148            <li>
1149              <a href="/collections/active-dresses" class="mega-memu__link f0 " >
1150                Active Dresses
1151              </a>
1152            </li>
1153          
1154          
1155          
1156          
1157            <li>
1158              <a href="/collections/jumpsuits" class="mega-memu__link f0 " >
1159                Jumpsuits
1160              </a>
1161            </li>
1162          
1163          
1164          
1165          
1166          </ul>
1167          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1168          
1169          
1170          
1171            <li>
1172              <a href="/collections/outerwear" class="mega-memu__link f0 " >
1173                <b>All Outerwear + Jackets</b>
1174              </a>
1175            </li>
1176          
1177          
1178          
1179          
1180            <li>
1181              <a href="/collections/outerwear" class="mega-memu__link f0 " >
1182                Jackets
1183              </a>
1184            </li>
1185          
1186          
1187          
1188          
1189            <li>
1190              <a href="/collections/sweatshirts" class="mega-memu__link f0 " >
1191                Sweatshirts + Hoodies
1192              </a>
1193            </li>
1194          
1195          
1196          
1197          
1198          </ul>
1199          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1200          
1201          
1202          
1203            <li>
1204              <a href="/" class="mega-memu__link f0 font-700" >
1205                <b>More</b>
1206              </a>
1207            </li>
1208          
1209          
1210          
1211          
1212            <li>
1213              <a href="/collections/extended-sizes-1x-4x" class="mega-memu__link f0 " >
1214                Extended/Plus Sizes
1215              </a>
1216            </li>
1217          
1218          
1219          
1220          
1221            <li>
1222              <a href="/collections/toddler-leggings" class="mega-memu__link f0 " >
1223                Toddler Leggings
1224              </a>
1225            </li>
1226          
1227          
1228          
1229          
1230            <li>
1231              <a href="/collections/accessories" class="mega-memu__link f0 " >
1232                Accessories
1233              </a>
1234            </li>
1235          
1236          
1237          
1238          
1239          </ul>
1240          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1241          
1242          
1243          
1244            <li>
1245              <a href="/" class="mega-memu__link f0 font-700" >
1246                <b>Shop By Activity</b>
1247              </a>
1248            </li>
1249          
1250          
1251          
1252          
1253            <li>
1254              <a href="/collections/glowzone" class="mega-memu__link f0 " >
1255                HIIT + Train
1256              </a>
1257            </li>
1258          
1259          
1260          
1261          
1262            <li>
1263              <a href="/collections/pilates-yoga-collection" class="mega-memu__link f0 " >
1264                Pilates + Yoga
1265              </a>
1266            </li>
1267          
1268          
1269          
1270          
1271            <li>
1272              <a href="/collections/running-collection" class="mega-memu__link f0 " >
1273                Running
1274              </a>
1275            </li>
1276          
1277          
1278          
1279          
1280            <li>
1281              <a href="/collections/tennis-pickleball-collection" class="mega-memu__link f0 " >
1282                Tennis + Pickleball
1283              </a>
1284            </li>
1285          
1286          
1287          
1288          
1289            <li>
1290              <a href="/collections/golf-collection" class="mega-memu__link f0 " >
1291                Golf
1292              </a>
1293            </li>
1294          
1295          
1296          
1297          
1298            <li>
1299              <a href="/collections/lounge-shop" class="mega-memu__link f0 " >
1300                Lounge
1301              </a>
1302            </li>
1303          
1304          </ul>
1305          
1306          
1307          
1308        
1309      </div>
1310    
1311  
1312    
1313      
1314      
1315      
1316    
1317  
1318</div>
1319                </div>
1320              
1321            </li>
1322          
1323            <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 >
1324              <a href="/pages/mens" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1325                Men
1326                
1327                  <sub class="site-header-nav__subscript">
1328                    NEW
1329                  </sub>
1330                
1331              </a>
1332              
1333                <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>
1334                  <div class="mega-menu grid grid-cols-4 gap-24">
1335  
1336  
1337  
1338  
1339    
1340      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1341        
1342          <a href="/pages/mens" class="mega-memu__link f2 " >
1343            Explore
1344          </a>
1345        
1346          <a href="/collections/mens-collection" class="mega-memu__link f2 " >
1347            Shop All
1348          </a>
1349        
1350          <a href="/collections/mens-new-arrivals" class="mega-memu__link f2 " >
1351            New Arrivals
1352          </a>
1353        
1354          <a href="/collections/mens-bestsellers" class="mega-memu__link f2 " >
1355            Bestsellers
1356          </a>
1357        
1358          <a href="/collections/mens-in-the-gym" class="mega-memu__link f2 " >
1359            Active Edit
1360          </a>
1361        
1362          <a href="/collections/mens-hues" class="mega-memu__link f2 " >
1363            Hues Collection
1364          </a>
1365        
1366          <a href="/collections/mens-the-fairway-collection" class="mega-memu__link f2 " >
1367            Fairway Collection
1368          </a>
1369        
1370          <a href="/collections/mens-luxefleece-shop" class="mega-memu__link f2 " >
1371            LuxeFleece Shop
1372          </a>
1373        
1374          <a href="/pages/mens-fabric-guide" class="mega-memu__link f2 " >
1375            Fabric Guide
1376          </a>
1377        
1378          <a href="/collections/sale-mens" class="mega-memu__link f2 " style="color: #FF4040;">
1379            Sale
1380          </a>
1381        
1382      </div>
1383    
1384  
1385    
1386      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
1387        
1388          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1389          
1390          
1391            <li>
1392              <a href="/collections/mens-tops" class="mega-memu__link f0 " >
1393                <b>All Tops</b>
1394              </a>
1395            </li>
1396          
1397          
1398          
1399          
1400            <li>
1401              <a href="/collections/mens-tanks-tees" class="mega-memu__link f0 " >
1402                Tanks + Tees
1403              </a>
1404            </li>
1405          
1406          
1407          
1408          
1409            <li>
1410              <a href="/collections/mens-long-sleeve" class="mega-memu__link f0 " >
1411                Long Sleeves
1412              </a>
1413            </li>
1414          
1415          
1416          
1417          
1418            <li>
1419              <a href="/collections/mens-hoodies-sweatshirts" class="mega-memu__link f0 " >
1420                Hoodies + Sweatshirts
1421              </a>
1422            </li>
1423          
1424          
1425          
1426          
1427            <li>
1428              <a href="/collections/mens-jackets" class="mega-memu__link f0 " >
1429                Jackets + Vests
1430              </a>
1431            </li>
1432          
1433          
1434          
1435          
1436          </ul>
1437          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1438          
1439          
1440          
1441            <li>
1442              <a href="/collections/mens-bottoms" class="mega-memu__link f0 " >
1443                <b>All Bottoms</b>
1444              </a>
1445            </li>
1446          
1447          
1448          
1449          
1450            <li>
1451              <a href="/collections/mens-shorts" class="mega-memu__link f0 " >
1452                Shorts
1453              </a>
1454            </li>
1455          
1456          
1457          
1458          
1459            <li>
1460              <a href="/collections/mens-pants" class="mega-memu__link f0 " >
1461                Pants
1462              </a>
1463            </li>
1464          
1465          
1466          
1467          
1468            <li>
1469              <a href="/collections/mens-joggers" class="mega-memu__link f0 " >
1470                Joggers + Sweatpants
1471              </a>
1472            </li>
1473          
1474          </ul>
1475          
1476          
1477          
1478        
1479      </div>
1480    
1481  
1482    
1483      
1484      
1485      
1486      
1487      
1488      
1489      <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">
1490        
1491          
1492          <a href="/collections/mens-new-arrivals" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="New Arrivals">
1493            
1494            
1495            
1496            
1497
1498
1499
1500
1501  <picture class="lazypicture block w-full h-full">
1502    
1503    <img
1504      src="//beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=300"
1505      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"
1506      sizes="25vw"
1507      width="600"
1508      height="900"
1509      loading="lazy"
1510      decoding="async"
1511      
1512      alt=""
1513      class="w-full h-full object-cover"
1514      
1515    >
1516  </picture>
1517
1518
1519            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1520              New Arrivals
1521            </div>
1522          </a>
1523        
1524      </div>
1525      
1526    
1527  
1528</div>
1529                </div>
1530              
1531            </li>
1532          
1533            <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 >
1534              <a href="/collections/maternity-all" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1535                Maternity
1536                
1537              </a>
1538              
1539                <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>
1540                  <div class="mega-menu grid grid-cols-4 gap-24">
1541  
1542  
1543  
1544  
1545    
1546      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1547        
1548          <a href="/collections/maternity-all" class="mega-memu__link f2 " >
1549            Shop All
1550          </a>
1551        
1552          <a href="/collections/maternity-new-arrivals" class="mega-memu__link f2 " >
1553            New Arrivals
1554          </a>
1555        
1556          <a href="/collections/bestsellers-maternity" class="mega-memu__link f2 " >
1557            Bestsellers
1558          </a>
1559        
1560          <a href="/collections/maternity-postnatal-4th-trimester" class="mega-memu__link f2 " >
1561            Beyond Birth Collection
1562          </a>
1563        
1564          <a href="/collections/match-your-mini" class="mega-memu__link f2 " >
1565            Match Your Mini
1566          </a>
1567        
1568          <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " style="color: #FF4040;">
1569            Sale
1570          </a>
1571        
1572      </div>
1573    
1574  
1575    
1576      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
1577        
1578          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1579          
1580          
1581            <li>
1582              <a href="/collections/maternity-tops" class="mega-memu__link f0 " >
1583                Tops
1584              </a>
1585            </li>
1586          
1587          
1588          
1589          
1590            <li>
1591              <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " >
1592                Bottoms
1593              </a>
1594            </li>
1595          
1596          
1597          
1598          
1599            <li>
1600              <a href="/collections/maternity-dresses" class="mega-memu__link f0 " >
1601                Dresses + Jumpsuits
1602              </a>
1603            </li>
1604          
1605          
1606          
1607          
1608          </ul>
1609          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
1610          
1611          
1612          
1613            <li>
1614              <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " >
1615                Leggings + Biker Shorts
1616              </a>
1617            </li>
1618          
1619          
1620          
1621          
1622            <li>
1623              <a href="/collections/maternity-tops" class="mega-memu__link f0 " >
1624                Tanks
1625              </a>
1626            </li>
1627          
1628          
1629          
1630          
1631            <li>
1632              <a href="/collections/maternity-dresses" class="mega-memu__link f0 " >
1633                Dresses, Skirts, + Jumpsuits
1634              </a>
1635            </li>
1636          
1637          
1638          
1639          
1640            <li>
1641              <a href="/collections/toddler-leggings" class="mega-memu__link f0 " >
1642                Toddler Leggings
1643              </a>
1644            </li>
1645          
1646          </ul>
1647          
1648          
1649          
1650        
1651      </div>
1652    
1653  
1654    
1655      
1656      
1657      
1658      
1659      
1660      
1661      <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">
1662        
1663          
1664            <div class="absolute top-0 left-0 w-full h-full">
1665              
1666
1667
1668
1669
1670<shop-the-look class="flex w-full h-full">
1671  <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">
1672    <div class="shop-the-look__sneak-peek__wrapper relative flex flex-col gap-8 pointer-events-auto"
1673      style="--margin-top-mobile: 0px;
1674              --margin-right-mobile: 0px;
1675              --margin-bottom-mobile: 50px;
1676              --margin-left-mobile: 0px;
1677              --margin-top-desktop: 0px;
1678              --margin-right-desktop: 0px;
1679              --margin-bottom-desktop: 50px;
1680              --margin-left-desktop: 0px;">
1681      <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>
1682        <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"
1683                js-close-sneak-peek
1684                data-sneak-peek-id="ShopTheLookSneakPeek-sections--19357271097443__header-shop-the-look"
1685                aria-label="Close sneak peek">
1686          <span class="shop-the-look__sneak-peek__close-icon flex items-center justify-center w-[6px] h-[6px]">
1687            <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1688<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"/>
1689</svg>
1690
1691          </span>
1692        </button>
1693        
1694        <div class="shop-the-look__sneak-peek__products flex flex-col gap-8">
1695          
1696            <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">
1697              <div class="shop-the-look__sneak-peek__product-image min-w-[50px] h-full rounded-[4px] overflow-hidden">
1698                
1699
1700
1701
1702
1703  <picture class="lazypicture block w-full w-full h-full">
1704    
1705    <img
1706      src="//beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=300"
1707      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
1707w, //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"
1708      sizes="100vw"
1709      width="1884"
1710      height="2440"
1711      loading="lazy"
1712      decoding="async"
1713      
1714      alt="woman wearing a red slim racerback cropped tank top and high-waisted midi length leggings against a plain background. "
1715      class="w-full w-full h-full object-cover"
1716      
1717    >
1718  </picture>
1719
1720
1721              </div>
1722              <div class="shop-the-look-sneak-peek__product-title w-full px-8">
1723                <h3 class="text-left text-12">Spacedye™ Caught In The Midi High Waisted Legging</h3>
1724              </div>
1725            </button>
1726          
1727        </div>
1728      </div>
1729
1730      <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"
1731        data-action="js-open-shop-the-look-sections--19357271097443__header"
1732        
1733        data-drawer-url="/products/spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243?view=shop-the-look-drawer"
1734        data-mode="light-mode"
1735        
1736        aria-label="Shop this look">
1737        <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">
1738<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"/>
1739</svg>
1740</span>
1741        
1742          <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase block tabletl:hidden">Shop</span>
1743        
1744        
1745          <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase hidden tabletl:block">Shop</span>
1746        
1747      </button>
1748    </div>
1749  </div>
1750
1751</shop-the-look>
1752
1753
1754            </div>
1755          
1756          <a href="/collections/maternity-all" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Maternity">
1757            
1758            
1759            
1760            
1761
1762
1763
1764
1765  <picture class="lazypicture block w-full h-full">
1766    
1767    <img
1768      src="//beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=300"
1769      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"
1770      sizes="25vw"
1771      width="600"
1772      height="900"
1773      loading="lazy"
1774      decoding="async"
1775      
1776      alt=""
1777      class="w-full h-full object-cover"
1778      
1779    >
1780  </picture>
1781
1782
1783            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1784              Shop Maternity
1785            </div>
1786          </a>
1787        
1788      </div>
1789      
1790    
1791  
1792</div>
1793                </div>
1794              
1795            </li>
1796          
1797            <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 >
1798              <a href="/collections/toddler-leggings" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1799                Toddler
1800                
1801              </a>
1802              
1803                <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>
1804                  <div class="mega-menu grid grid-cols-4 gap-24">
1805  
1806  
1807  
1808  
1809    
1810      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1811        
1812          <a href="/collections/toddler-leggings" class="mega-memu__link f2 " >
1813            Shop All
1814          </a>
1815        
1816          <a href="/collections/match-your-mini" class="mega-memu__link f2 " >
1817            Match Your Mini
1818          </a>
1819        
1820      </div>
1821    
1822  
1823</div>
1824                </div>
1825              
1826            </li>
1827          
1828            <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 >
1829              <a href="/blogs/the-beyond-journal" class="site-header-nav__link flex py-8 whitespace-nowrap"  js-header-mega-menu-trigger-link>
1830                Explore
1831                
1832              </a>
1833              
1834                <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>
1835                  <div class="mega-menu grid grid-cols-4 gap-24">
1836  
1837  
1838  
1839  
1840    
1841      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1842        
1843          <a href="/pages/about-us" class="mega-memu__link f2 " >
1844            About Us
1845          </a>
1846        
1847          <a href="/pages/stores" class="mega-memu__link f2 " >
1848            Find a Store
1849          </a>
1850        
1851      </div>
1852    
1853  
1854    
1855      <div class="mega-memu__link-group col-start-2 col-end-3 flex flex-col gap-8">
1856        
1857          
1858            
1859              <a href="/pages/product-guide" class="mega-memu__link f0 " >
1860                Product Guide
1861              </a>
1862            
1863          
1864            
1865              <a href="/pages/move-beyond-collective" class="mega-memu__link f0 " >
1866                Move Beyond Collective
1867              </a>
1868            
1869          
1870            
1871              <a href="/blogs/the-beyond-journal" class="mega-memu__link f0 " >
1872                Blog
1873              </a>
1874            
1875          
1876            
1877              <a href="/products/beyond-yoga-digital-gift-card" class="mega-memu__link f0 " >
1878                Gift Card
1879              </a>
1880            
1881          
1882        
1883      </div>
1884    
1885  
1886    
1887      
1888      
1889      
1890      
1891      
1892      
1893      <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">
1894        
1895          
1896          <a href="/pages/stores" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Visit us in Store">
1897            
1898            
1899            
1900            
1901
1902
1903
1904
1905  <picture class="lazypicture block w-full h-full">
1906    
1907    <img
1908      src="//beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=300"
1909      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
1909w, //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"
1910      sizes="25vw"
1911      width="600"
1912      height="900"
1913      loading="lazy"
1914      decoding="async"
1915      
1916      alt=""
1917      class="w-full h-full object-cover"
1918      
1919    >
1920  </picture>
1921
1922
1923            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1924              Visit us in Store
1925            </div>
1926          </a>
1927        
1928          
1929          <a href="/collections/bestsellers" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Bestsellers">
1930            
1931            
1932            
1933            
1934
1935
1936
1937
1938  <picture class="lazypicture block w-full h-full">
1939    
1940    <img
1941      src="//beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=300"
1942      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"
1943      sizes="25vw"
1944      width="600"
1945      height="900"
1946      loading="lazy"
1947      decoding="async"
1948      
1949      alt=""
1950      class="w-full h-full object-cover"
1951      
1952    >
1953  </picture>
1954
1955
1956            <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16">
1957              Shop Bestsellers
1958            </div>
1959          </a>
1960        
1961      </div>
1962      
1963    
1964  
1965</div>
1966                </div>
1967              
1968            </li>
1969          
1970            <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 >
1971              <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>
1972                Sale
1973                
1974              </a>
1975              
1976                <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>
1977                  <div class="mega-menu grid grid-cols-4 gap-24">
1978  
1979  
1980  
1981  
1982    
1983      <div class="mega-memu__link-group col-span-1 flex flex-col gap-16">
1984        
1985          <a href="/collections/sale-view-all" class="mega-memu__link f2 " >
1986            Shop All Sale
1987          </a>
1988        
1989          <a href="/collections/sale-mens" class="mega-memu__link f2 " >
1990            Shop Men's Sale
1991          </a>
1992        
1993          <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " >
1994            Shop Maternity Sale
1995          </a>
1996        
1997          <a href="/collections/new-sale" class="mega-memu__link f2 " >
1998            Matching Sets
1999          </a>
2000        
2001          <a href="/collections/sale-under-50" class="mega-memu__link f2 " >
2002            Sale Under $50
2003          </a>
2004        
2005          <a href="/collections/final-sale" class="mega-memu__link f2 " style="color: #FF4040;">
2006            Last Chance - Final Sale
2007          </a>
2008        
2009      </div>
2010    
2011  
2012    
2013      <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24">
2014        
2015          <ul class="mega-memu__links-container flex-1 flex flex-col gap-8">
2016          
2017          
2018            <li>
2019              <a href="/collections/sale-bottoms" class="mega-memu__link f0 " >
2020                Bottoms
2021              </a>
2022            </li>
2023          
2024          
2025          
2026          
2027            <li>
2028              <a href="/collections/sale-leggings" class="mega-memu__link f0 " >
2029                Leggings
2030              </a>
2031            </li>
2032          
2033          
2034          
2035          
2036            <li>
2037              <a href="/collections/sale-pants" class="mega-memu__link f0 " >
2038                Pants
2039              </a>
2040            </li>
2041          
2042          
2043          
2044          
2045            <li>
2046              <a href="/collections/sale-tops-bras-all" class="mega-memu__link f0 " >
2047                Tops + Bras
2048              </a>
2049            </li>
2050          
2051          
2052          
2053          
2054            <li>
2055              <a href="/collections/sale-shorts-skirts" class="mega-memu__link f0 " >
2056                Shorts + Skirts
2057              </a>
2058            </li>
2059          
2060          
2061          
2062          
2063            <li>
2064              <a href="/collections/sale-dresses" class="mega-memu__link f0 " >
2065                Dresses
2066              </a>
2067            </li>
2068          
2069          
2070          
2071          
2072            <li>
2073              <a href="/collections/sale-sweatshirts-hoodies" class="mega-memu__link f0 " >
2074                Sweatshirts & Hoodies
2075              </a>
2076            </li>
2077          
2078          
2079          
2080          
2081            <li>
2082              <a href="/collections/sale-jumpsuits" class="mega-memu__link f0 " >
2083                Jumpsuits
2084              </a>
2085            </li>
2086          
2087          
2088          
2089          
2090            <li>
2091              <a href="/collections/sale-outerwear" class="mega-memu__link f0 " >
2092                Outerwear + Jackets
2093              </a>
2094            </li>
2095          
2096          
2097          
2098          
2099            <li>
2100              <a href="/collections/sale-extended-sizes" class="mega-memu__link f0 " >
2101                Extended/Plus Sizes
2102              </a>
2103            </li>
2104          
2105          
2106          
2107          
2108            <li>
2109              <a href="/collections/sale-toddler-leggings" class="mega-memu__link f0 " >
2110                Toddler Leggings
2111              </a>
2112            </li>
2113          
2114          </ul>
2115          
2116          
2117          
2118        
2119      </div>
2120    
2121  
2122</div>
2123                </div>
2124              
2125            </li>
2126          
2127        </ul>
2128      
2129      <div class="site-header__icon-links flex justify-end items-center gap-8 tabletl:py-16 tabletl:flex-1">
2130        <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">
2131          <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">
2132<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"/>
2133</svg>
2134</span>
2135        </button>
2136        <a href="/account" class="sit-header__account w-16 h-32 justify-center items-center flex tabletl:w-32" aria-label="Login">
2137          <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">
2138<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"/>
2139<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"/>
2140</svg>
2141</span>
2142        </a>
2143        
2144          <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">
2145              <span class="w-[16px] leading-[0]" aria-hidden="true">
2146                <i aria-hidden="true" focusable="false" role="presentation" class="icon icon-swym-wishlist"></i>
2147              </span>
2148          </a>
2149        
2150        <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">
2151          <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">
2152<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"/>
2153<path d="M2.66645 5.19048H13.3331V15.8571H2.66645V5.19048Z" stroke="currentColor" stroke-width="1.52381"/>
2154</svg>
2155</span>
2156          <span id="cart-count" class="text-[9px] leading-[1] absolute left-1/2 -translate-x-1/2 top-[42%]" aria-hidden="true"></span>
2157        </a>
2158      </div>
2159    </div>
2160    <div class="site-header__mega-menu-placeholder bg-white relative z-[-1] hidden" js-header-mega-menu-placeholder></div>
2161  </div>
2162</s-header>
2163
2164<style> 
2165  :root{
2166    --header-height: 96px;
2167  }
2168</style>
2169
2170<s-drawer id="MobileNavDrawer" class="mobile-nav-drawer h-full" position='mobile-nav' open="[js-open-mobile-nav]" close="[js-close-mobile-nav]">
2171  <div class="mobile-nav h-full flex flex-col">
2172    <div class="mobile-nav__header p-18 h-[84px] flex justify-between items-center gap-12 border-b border-papyrus-light relative">
2173      <button class="mobile-nav__close link link--underline f0-mono leading-[1] order-2" aria-label="Close" js-close-mobile-nav>CLOSE</button>
2174      <div class="mobile-nav__search flex-1 order-0" data-active="true" js-mobile-nav-search>
2175        <form action="/search" method="get" role="search" class="mobile-nav-search__form w-full flex items-center">
2176          <label for="MobileNavSearch" aria-label="Search" class="mobile-nav-search__label w-16 p-[1px] leading-[0]">
2177            <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2178<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"/>
2179</svg>
2180
2181          </label>
2182          <input
2183            id="MobileNavSearch"
2184            class="mobile-nav-search__input flex-1 border-0 bg-transparent p-12 text-16"
2185            type="search"
2186            name="query"
2187            value=""autocomplete="off"
2188            placeholder="Search"
2189          >
2190        </form>
2191      </div>
2192      <button class="mobile-nav__back-btn link flex items-center order-1" data-active="false" aria-label="Back" js-moble-nav-back-btn>
2193        <span class="w-[19px] h-[19px] flex justify-center items-center">
2194          <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">
2195<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
2196</svg>
2197</span>
2198        </span>
2199        <span class="f0 leading-[1]">Back</span>
2200      </button>
2201    </div>
2202    <div class="mobile-nav__body flex-1 max-h-full overflow-auto">
2203      
2204      
2205      <div class="mobile-nav__main-menu h-full flex flex-col justify-between" data-active="true" js-mobile-nav-main-menu>
2206        <div class="mobile-nav__main-stack flex flex-col">
2207          <div class="mobile-nav__submenu-triggers flex flex-col gap-16 p-18">
2208            
2209              
2210                <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>
2211                  <span class="f2 flex" >
2212                    New
2213                    
2214                  </span>
2215                  <span class="w-32 h-32 flex justify-center items-center">
2216                    <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">
2217<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2218</svg>
2219</span>
2220                  </span>
2221                </button>
2222              
2223            
2224              
2225                <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>
2226                  <span class="f2 flex" >
2227                    Women
2228                    
2229                  </span>
2230                  <span class="w-32 h-32 flex justify-center items-center">
2231                    <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">
2232<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2233</svg>
2234</span>
2235                  </span>
2236                </button>
2237              
2238            
2239              
2240                <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>
2241                  <span class="f2 flex" >
2242                    Men
2243                    
2244                      <sub class="site-header-nav__subscript">
2245                        NEW
2246                      </sub>
2247                    
2248                  </span>
2249                  <span class="w-32 h-32 flex justify-center items-center">
2250                    <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">
2251<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2252</svg>
2253</span>
2254                  </span>
2255                </button>
2256              
2257            
2258              
2259                <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>
2260                  <span class="f2 flex" >
2261                    Maternity
2262                    
2263                  </span>
2264                  <span class="w-32 h-32 flex justify-center items-center">
2265                    <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">
2266<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
2267</svg>
2268</span>
2269                  </span>
2270                </button>
2271              
2272            
2273              
2274                <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>
2275                  <span class="f2 flex" >
2276                    Toddler
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-6-explore" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2290                  <span class="f2 flex" >
2291                    Explore
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-7-sale-callout" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2305                  <span class="f2 flex" style="color: #FF4040;">
2306                    Sale
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          </div>
2319          
2320            <nav class="mobile-nav-promo py-18" aria-label="Featured categories" >
2321              <div class="mobile-nav-promo__track flex gap-2 overflow-x-auto scroll-smooth scroll-pl-18 scroll-pr-18" tabindex="0">
2322                
2323                  
2324                    
2325                    
2326                      
2327
2328
2329  <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"
2330    href="/pages/glowzone"
2331    
2332    aria-label="Meet glowzone™">
2333    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2334      
2335
2336
2337
2338
2339  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2340    
2341    <img
2342      src="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300"
2343      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"
2344      sizes="(max-width: 1023px) 42vw, 200px"
2345      width="1884"
2346      height="2440"
2347      loading="lazy"
2348      decoding="async"
2349      
2350      alt="A woman in a matching green athletic set performs a handstand on a grassy lawn under a clear blue sky."
2351      class="w-full object-cover rounded-none"
2352      
2353        aria-hidden="true"
2354      
2355    >
2356  </picture>
2357
2358
2359    </span>
2360    
2361      <span class="mobile-nav-promo__label f0" aria-hidden="true">Meet glowzone™</span>
2362    
2363  </a>
2364
2365
2366                    
2367                  
2368                
2369                  
2370                    
2371                    
2372                      
2373
2374
2375  <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"
2376    href="/collections/shop-all-womens"
2377    
2378    aria-label="Shop Women&#39;s">
2379    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2380      
2381
2382
2383
2384
2385  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2386    
2387    <img
2388      src="//beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=300"
2389      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"
2390      sizes="(max-width: 1023px) 42vw, 200px"
2391      width="848"
2392      height="1272"
2393      loading="lazy"
2394      decoding="async"
2395      
2396      alt=""
2397      class="w-full object-cover rounded-none"
2398      
2399        aria-hidden="true"
2400      
2401    >
2402  </picture>
2403
2404
2405    </span>
2406    
2407      <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Women's</span>
2408    
2409  </a>
2410
2411
2412                    
2413                  
2414                
2415                  
2416                    
2417                    
2418                      
2419
2420
2421  <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"
2422    href="/collections/mens-collection"
2423    
2424    aria-label="Shop Men&#39;s">
2425    <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none">
2426      
2427
2428
2429
2430
2431  <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;">
2432    
2433    <img
2434      src="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300"
2435      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"
2436      sizes="(max-width: 1023px) 42vw, 200px"
2437      width="1884"
2438      height="2440"
2439      loading="lazy"
2440      decoding="async"
2441      
2442      alt=""
2443      class="w-full object-cover rounded-none"
2444      
2445        aria-hidden="true"
2446      
2447    >
2448  </picture>
2449
2450
2451    </span>
2452    
2453      <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Men's</span>
2454    
2455  </a>
2456
2457
2458                    
2459                  
2460                
2461              </div>
2462            </nav>
2463          
2464        </div>
2465        
2466          
2467          <div class="mobile-nav__secondary-links flex flex-col gap-12 p-18">
2468            <a href="/account" class="mobile-nav__secondary-link f0">
2469              Login
2470            </a>
2471            
2472              <a href="/pages/tracking" class="mobile-nav__secondary-link f0">
2473                Order Tracking
2474              </a>
2475            
2476              <a href="/pages/retail-stores" class="mobile-nav__secondary-link f0">
2477                Store Locator
2478              </a>
2479            
2480              <a href="/pages/returns" class="mobile-nav__secondary-link f0">
2481                Returns
2482              </a>
2483            
2484          </div>
2485        
2486      </div>
2487      
2488        
2489          
2490          <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>
2491            <div class="mobile-nav__submenu-title px-18 f0 text-grey">New</div>
2492            
2493              
2494                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2495                  
2496                    
2497                      <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 ">
2498                        Shop All New Arrivals
2499                      </a>
2500                    
2501                  
2502                    
2503                      <a href="/pages/glowzone" class="mobile-nav__link f2 f2 ">
2504                        Meet glowzone™
2505                      </a>
2506                    
2507                  
2508                    
2509                      <a href="/collections/spacedye-soft-shop" class="mobile-nav__link f2 f2 ">
2510                        Spacedye™ Soft Shop
2511                      </a>
2512                    
2513                  
2514                    
2515                      <a href="/collections/new-hue" class="mobile-nav__link f2 f2 ">
2516                        New Hues
2517                      </a>
2518                    
2519                  
2520                    
2521                      <a href="/collections/fall-edit" class="mobile-nav__link f2 f2 ">
2522                        Fall Edit
2523                      </a>
2524                    
2525                  
2526                    
2527                      <a href="/collections/the-travel-collection" class="mobile-nav__link f2 f2 ">
2528                        Travel Collection
2529                      </a>
2530                    
2531                  
2532                    
2533                      <a href="/collections/trending-pants" class="mobile-nav__link f2 f2 ">
2534                        Bootcut + Wide Leg Pants
2535                      </a>
2536                    
2537                  
2538                    
2539                      <a href="/collections/the-new-neutrals" class="mobile-nav__link f2 f2 ">
2540                        New Neutrals
2541                      </a>
2542                    
2543                  
2544                    
2545                      <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 ">
2546                        LuxeFleece 2.0™ Shop
2547                      </a>
2548                    
2549                  
2550                </div>
2551              
2552            
2553              
2554            
2555            
2556          </div>
2557        
2558      
2559        
2560          
2561          <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>
2562            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Women</div>
2563            
2564              
2565                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2566                  
2567                    
2568                      <a href="/collections/shop-all-womens" class="mobile-nav__link f2 f2 ">
2569                        Shop All
2570                      </a>
2571                    
2572                  
2573                    
2574                      <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 ">
2575                        New Arrivals
2576                      </a>
2577                    
2578                  
2579                    
2580                      <a href="/collections/bestsellers" class="mobile-nav__link f2 f2 ">
2581                        Bestsellers
2582                      </a>
2583                    
2584                  
2585                    
2586                      <a href="https://beyondyoga.com/collections/new-hue" class="mobile-nav__link f2 f2 ">
2587                        New Hues
2588                      </a>
2589                    
2590                  
2591                    
2592                      <a href="/collections/now-trending" class="mobile-nav__link f2 f2 ">
2593                        Now Trending
2594                      </a>
2595                    
2596                  
2597                    
2598                      <a href="/collections/matching-sets" class="mobile-nav__link f2 f2 ">
2599                        Matching Sets
2600                      </a>
2601                    
2602                  
2603                    
2604                      <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 ">
2605                        LuxeFleece 2.0™ Shop
2606                      </a>
2607                    
2608                  
2609                    
2610                      <a href="/pages/fabric-guide" class="mobile-nav__link f2 f2 ">
2611                        Fabric Guide
2612                      </a>
2613                    
2614                  
2615                    
2616                      <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f2 ">
2617                        Gift Card
2618                      </a>
2619                    
2620                  
2621                    
2622                      <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 text-red">
2623                        Sale
2624                      </a>
2625                    
2626                  
2627                </div>
2628              
2629            
2630              
2631                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2632                  
2633                    
2634                      <a href="/collections/tops-shop-all" class="mobile-nav__link f2 f0 ">
2635                        <b>All Tops</b>
2636                      </a>
2637                    
2638                  
2639                    
2640                      <a href="/collections/bras" class="mobile-nav__link f2 f0 ">
2641                        Bras
2642                      </a>
2643                    
2644                  
2645                    
2646                      <a href="/collections/crop-tanks" class="mobile-nav__link f2 f0 ">
2647                        Crop Tanks
2648                      </a>
2649                    
2650                  
2651                    
2652                      <a href="/collections/tanks" class="mobile-nav__link f2 f0 ">
2653                        Tanks
2654                      </a>
2655                    
2656                  
2657                    
2658                      <a href="/collections/short-sleeve-tops" class="mobile-nav__link f2 f0 ">
2659                        Short Sleeve Tops
2660                      </a>
2661                    
2662                  
2663                    
2664                      <a href="/collections/long-sleeve-tees-pullovers" class="mobile-nav__link f2 f0 ">
2665                        Long Sleeve Tops
2666                      </a>
2667                    
2668                  
2669                    
2670                      <a href="/collections/sweaters" class="mobile-nav__link f2 f0 ">
2671                        Sweaters
2672                      </a>
2673                    
2674                  
2675                    
2676                      <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 ">
2677                        Sweatshirts
2678                      </a>
2679                    
2680                  
2681                    
2682                      <a href="/collections/layers" class="mobile-nav__link f2 f0 ">
2683                        Layers
2684                      </a>
2685                    
2686                  
2687                    
2688                  
2689                    
2690                      <a href="/collections/bottoms-shop-all" class="mobile-nav__link f2 f0 ">
2691                        <b>All Bottoms</b>
2692                      </a>
2693                    
2694                  
2695                    
2696                      <a href="/collections/leggings" class="mobile-nav__link f2 f0 ">
2697                        Leggings
2698                      </a>
2699                    
2700                  
2701                    
2702                      <a href="/collections/leggings-pants-with-pockets" class="mobile-nav__link f2 f0 ">
2703                        Leggings with Pockets
2704                      </a>
2705                    
2706                  
2707                    
2708                      <a href="/collections/pedal-pushers-capris" class="mobile-nav__link f2 f0 ">
2709                        Capris + Pedal Pushers
2710                      </a>
2711                    
2712                  
2713                    
2714                      <a href="/collections/shorts" class="mobile-nav__link f2 f0 ">
2715                        Shorts
2716                      </a>
2717                    
2718                  
2719                    
2720                      <a href="/collections/skirts" class="mobile-nav__link f2 f0 ">
2721                        Skirts
2722                      </a>
2723                    
2724                  
2725                    
2726                      <a href="/collections/pants" class="mobile-nav__link f2 f0 ">
2727                        Pants
2728                      </a>
2729                    
2730                  
2731                    
2732                      <a href="/collections/trending-pants" class="mobile-nav__link f2 f0 ">
2733                        Bootcut + Wide Leg Pants
2734                      </a>
2735                    
2736                  
2737                    
2738                      <a href="/collections/joggers-sweatpants" class="mobile-nav__link f2 f0 ">
2739                        Joggers + Sweatpants
2740                      </a>
2741                    
2742                  
2743                    
2744                  
2745                    
2746                      <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mobile-nav__link f2 f0 ">
2747                        <b>All Dresses + Jumpsuits</b>
2748                      </a>
2749                    
2750                  
2751                    
2752                      <a href="/collections/dresses" class="mobile-nav__link f2 f0 ">
2753                        Dresses
2754                      </a>
2755                    
2756                  
2757                    
2758                      <a href="/collections/active-dresses" class="mobile-nav__link f2 f0 ">
2759                        Active Dresses
2760                      </a>
2761                    
2762                  
2763                    
2764                      <a href="/collections/jumpsuits" class="mobile-nav__link f2 f0 ">
2765                        Jumpsuits
2766                      </a>
2767                    
2768                  
2769                    
2770                  
2771                    
2772                      <a href="/collections/outerwear" class="mobile-nav__link f2 f0 ">
2773                        <b>All Outerwear + Jackets</b>
2774                      </a>
2775                    
2776                  
2777                    
2778                      <a href="/collections/outerwear" class="mobile-nav__link f2 f0 ">
2779                        Jackets
2780                      </a>
2781                    
2782                  
2783                    
2784                      <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 ">
2785                        Sweatshirts + Hoodies
2786                      </a>
2787                    
2788                  
2789                    
2790                  
2791                    
2792                      <a href="/" class="mobile-nav__link f2 f0 ">
2793                        <b>More</b>
2794                      </a>
2795                    
2796                  
2797                    
2798                      <a href="/collections/extended-sizes-1x-4x" class="mobile-nav__link f2 f0 ">
2799                        Extended/Plus Sizes
2800                      </a>
2801                    
2802                  
2803                    
2804                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 ">
2805                        Toddler Leggings
2806                      </a>
2807                    
2808                  
2809                    
2810                      <a href="/collections/accessories" class="mobile-nav__link f2 f0 ">
2811                        Accessories
2812                      </a>
2813                    
2814                  
2815                    
2816                  
2817                    
2818                      <a href="/" class="mobile-nav__link f2 f0 ">
2819                        <b>Shop By Activity</b>
2820                      </a>
2821                    
2822                  
2823                    
2824                      <a href="/collections/glowzone" class="mobile-nav__link f2 f0 ">
2825                        HIIT + Train
2826                      </a>
2827                    
2828                  
2829                    
2830                      <a href="/collections/pilates-yoga-collection" class="mobile-nav__link f2 f0 ">
2831                        Pilates + Yoga
2832                      </a>
2833                    
2834                  
2835                    
2836                      <a href="/collections/running-collection" class="mobile-nav__link f2 f0 ">
2837                        Running
2838                      </a>
2839                    
2840                  
2841                    
2842                      <a href="/collections/tennis-pickleball-collection" class="mobile-nav__link f2 f0 ">
2843                        Tennis + Pickleball
2844                      </a>
2845                    
2846                  
2847                    
2848                      <a href="/collections/golf-collection" class="mobile-nav__link f2 f0 ">
2849                        Golf
2850                      </a>
2851                    
2852                  
2853                    
2854                      <a href="/collections/lounge-shop" class="mobile-nav__link f2 f0 ">
2855                        Lounge
2856                      </a>
2857                    
2858                  
2859                </div>
2860              
2861            
2862              
2863            
2864            
2865          </div>
2866        
2867      
2868        
2869          
2870          <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>
2871            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Men</div>
2872            
2873              
2874                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2875                  
2876                    
2877                      <a href="/pages/mens" class="mobile-nav__link f2 f2 ">
2878                        Explore
2879                      </a>
2880                    
2881                  
2882                    
2883                      <a href="/collections/mens-collection" class="mobile-nav__link f2 f2 ">
2884                        Shop All
2885                      </a>
2886                    
2887                  
2888                    
2889                      <a href="/collections/mens-new-arrivals" class="mobile-nav__link f2 f2 ">
2890                        New Arrivals
2891                      </a>
2892                    
2893                  
2894                    
2895                      <a href="/collections/mens-bestsellers" class="mobile-nav__link f2 f2 ">
2896                        Bestsellers
2897                      </a>
2898                    
2899                  
2900                    
2901                      <a href="/collections/mens-in-the-gym" class="mobile-nav__link f2 f2 ">
2902                        Active Edit
2903                      </a>
2904                    
2905                  
2906                    
2907                      <a href="/collections/mens-hues" class="mobile-nav__link f2 f2 ">
2908                        Hues Collection
2909                      </a>
2910                    
2911                  
2912                    
2913                      <a href="/collections/mens-the-fairway-collection" class="mobile-nav__link f2 f2 ">
2914                        Fairway Collection
2915                      </a>
2916                    
2917                  
2918                    
2919                      <a href="/collections/mens-luxefleece-shop" class="mobile-nav__link f2 f2 ">
2920                        LuxeFleece Shop
2921                      </a>
2922                    
2923                  
2924                    
2925                      <a href="/pages/mens-fabric-guide" class="mobile-nav__link f2 f2 ">
2926                        Fabric Guide
2927                      </a>
2928                    
2929                  
2930                    
2931                      <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 text-red">
2932                        Sale
2933                      </a>
2934                    
2935                  
2936                </div>
2937              
2938            
2939              
2940                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
2941                  
2942                    
2943                      <a href="/collections/mens-tops" class="mobile-nav__link f2 f0 ">
2944                        <b>All Tops</b>
2945                      </a>
2946                    
2947                  
2948                    
2949                      <a href="/collections/mens-tanks-tees" class="mobile-nav__link f2 f0 ">
2950                        Tanks + Tees
2951                      </a>
2952                    
2953                  
2954                    
2955                      <a href="/collections/mens-long-sleeve" class="mobile-nav__link f2 f0 ">
2956                        Long Sleeves
2957                      </a>
2958                    
2959                  
2960                    
2961                      <a href="/collections/mens-hoodies-sweatshirts" class="mobile-nav__link f2 f0 ">
2962                        Hoodies + Sweatshirts
2963                      </a>
2964                    
2965                  
2966                    
2967                      <a href="/collections/mens-jackets" class="mobile-nav__link f2 f0 ">
2968                        Jackets + Vests
2969                      </a>
2970                    
2971                  
2972                    
2973                  
2974                    
2975                      <a href="/collections/mens-bottoms" class="mobile-nav__link f2 f0 ">
2976                        <b>All Bottoms</b>
2977                      </a>
2978                    
2979                  
2980                    
2981                      <a href="/collections/mens-shorts" class="mobile-nav__link f2 f0 ">
2982                        Shorts
2983                      </a>
2984                    
2985                  
2986                    
2987                      <a href="/collections/mens-pants" class="mobile-nav__link f2 f0 ">
2988                        Pants
2989                      </a>
2990                    
2991                  
2992                    
2993                      <a href="/collections/mens-joggers" class="mobile-nav__link f2 f0 ">
2994                        Joggers + Sweatpants
2995                      </a>
2996                    
2997                  
2998                </div>
2999              
3000            
3001              
3002            
3003            
3004          </div>
3005        
3006      
3007        
3008          
3009          <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>
3010            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Maternity</div>
3011            
3012              
3013                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3014                  
3015                    
3016                      <a href="/collections/maternity-all" class="mobile-nav__link f2 f2 ">
3017                        Shop All
3018                      </a>
3019                    
3020                  
3021                    
3022                      <a href="/collections/maternity-new-arrivals" class="mobile-nav__link f2 f2 ">
3023                        New Arrivals
3024                      </a>
3025                    
3026                  
3027                    
3028                      <a href="/collections/bestsellers-maternity" class="mobile-nav__link f2 f2 ">
3029                        Bestsellers
3030                      </a>
3031                    
3032                  
3033                    
3034                      <a href="/collections/maternity-postnatal-4th-trimester" class="mobile-nav__link f2 f2 ">
3035                        Beyond Birth Collection
3036                      </a>
3037                    
3038                  
3039                    
3040                      <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 ">
3041                        Match Your Mini
3042                      </a>
3043                    
3044                  
3045                    
3046                      <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 text-red">
3047                        Sale
3048                      </a>
3049                    
3050                  
3051                </div>
3052              
3053            
3054              
3055                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3056                  
3057                    
3058                      <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 ">
3059                        Tops
3060                      </a>
3061                    
3062                  
3063                    
3064                      <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 ">
3065                        Bottoms
3066                      </a>
3067                    
3068                  
3069                    
3070                      <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 ">
3071                        Dresses + Jumpsuits
3072                      </a>
3073                    
3074                  
3075                    
3076                  
3077                    
3078                      <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 ">
3079                        Leggings + Biker Shorts
3080                      </a>
3081                    
3082                  
3083                    
3084                      <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 ">
3085                        Tanks
3086                      </a>
3087                    
3088                  
3089                    
3090                      <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 ">
3091                        Dresses, Skirts, + Jumpsuits
3092                      </a>
3093                    
3094                  
3095                    
3096                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 ">
3097                        Toddler Leggings
3098                      </a>
3099                    
3100                  
3101                </div>
3102              
3103            
3104              
3105            
3106            
3107          </div>
3108        
3109      
3110        
3111          
3112          <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>
3113            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Toddler</div>
3114            
3115              
3116                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3117                  
3118                    
3119                      <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f2 ">
3120                        Shop All
3121                      </a>
3122                    
3123                  
3124                    
3125                      <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 ">
3126                        Match Your Mini
3127                      </a>
3128                    
3129                  
3130                </div>
3131              
3132            
3133            
3134          </div>
3135        
3136      
3137        
3138          
3139          <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>
3140            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Explore</div>
3141            
3142              
3143                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3144                  
3145                    
3146                      <a href="/pages/about-us" class="mobile-nav__link f2 f2 ">
3147                        About Us
3148                      </a>
3149                    
3150                  
3151                    
3152                      <a href="/pages/stores" class="mobile-nav__link f2 f2 ">
3153                        Find a Store
3154                      </a>
3155                    
3156                  
3157                </div>
3158              
3159            
3160              
3161                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3162                  
3163                    
3164                      <a href="/pages/product-guide" class="mobile-nav__link f2 f0 ">
3165                        Product Guide
3166                      </a>
3167                    
3168                  
3169                    
3170                      <a href="/pages/move-beyond-collective" class="mobile-nav__link f2 f0 ">
3171                        Move Beyond Collective
3172                      </a>
3173                    
3174                  
3175                    
3176                      <a href="/blogs/the-beyond-journal" class="mobile-nav__link f2 f0 ">
3177                        Blog
3178                      </a>
3179                    
3180                  
3181                    
3182                      <a href="/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f0 ">
3183                        Gift Card
3184                      </a>
3185                    
3186                  
3187                </div>
3188              
3189            
3190              
3191            
3192            
3193          </div>
3194        
3195      
3196        
3197          
3198          <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>
3199            <div class="mobile-nav__submenu-title px-18 f0 text-grey">Sale</div>
3200            
3201              
3202                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3203                  
3204                    
3205                      <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 ">
3206                        Shop All Sale
3207                      </a>
3208                    
3209                  
3210                    
3211                      <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 ">
3212                        Shop Men's Sale
3213                      </a>
3214                    
3215                  
3216                    
3217                      <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 ">
3218                        Shop Maternity Sale
3219                      </a>
3220                    
3221                  
3222                    
3223                      <a href="/collections/new-sale" class="mobile-nav__link f2 f2 ">
3224                        Matching Sets
3225                      </a>
3226                    
3227                  
3228                    
3229                      <a href="/collections/sale-under-50" class="mobile-nav__link f2 f2 ">
3230                        Sale Under $50
3231                      </a>
3232                    
3233                  
3234                    
3235                      <a href="/collections/final-sale" class="mobile-nav__link f2 f2 text-red">
3236                        Last Chance - Final Sale
3237                      </a>
3238                    
3239                  
3240                </div>
3241              
3242            
3243              
3244                <div class="mobile-nav__link-group flex flex-col gap-12 px-18">
3245                  
3246                    
3247                      <a href="/collections/sale-bottoms" class="mobile-nav__link f2 f0 ">
3248                        Bottoms
3249                      </a>
3250                    
3251                  
3252                    
3253                      <a href="/collections/sale-leggings" class="mobile-nav__link f2 f0 ">
3254                        Leggings
3255                      </a>
3256                    
3257                  
3258                    
3259                      <a href="/collections/sale-pants" class="mobile-nav__link f2 f0 ">
3260                        Pants
3261                      </a>
3262                    
3263                  
3264                    
3265                      <a href="/collections/sale-tops-bras-all" class="mobile-nav__link f2 f0 ">
3266                        Tops + Bras
3267                      </a>
3268                    
3269                  
3270                    
3271                      <a href="/collections/sale-shorts-skirts" class="mobile-nav__link f2 f0 ">
3272                        Shorts + Skirts
3273                      </a>
3274                    
3275                  
3276                    
3277                      <a href="/collections/sale-dresses" class="mobile-nav__link f2 f0 ">
3278                        Dresses
3279                      </a>
3280                    
3281                  
3282                    
3283                      <a href="/collections/sale-sweatshirts-hoodies" class="mobile-nav__link f2 f0 ">
3284                        Sweatshirts & Hoodies
3285                      </a>
3286                    
3287                  
3288                    
3289                      <a href="/collections/sale-jumpsuits" class="mobile-nav__link f2 f0 ">
3290                        Jumpsuits
3291                      </a>
3292                    
3293                  
3294                    
3295                      <a href="/collections/sale-outerwear" class="mobile-nav__link f2 f0 ">
3296                        Outerwear + Jackets
3297                      </a>
3298                    
3299                  
3300                    
3301                      <a href="/collections/sale-extended-sizes" class="mobile-nav__link f2 f0 ">
3302                        Extended/Plus Sizes
3303                      </a>
3304                    
3305                  
3306                    
3307                      <a href="/collections/sale-toddler-leggings" class="mobile-nav__link f2 f0 ">
3308                        Toddler Leggings
3309                      </a>
3310                    
3311                  
3312                </div>
3313              
3314            
3315            
3316          </div>
3317        
3318      
3319    </div>
3320  </div>
3321</s-drawer>
3322
3323</div>
3324<!-- END sections: header-group -->
3325  
3326      <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>
3327  <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">
3328    <div class="cart-drawer__header flex items-center justify-between px-24 py-18 tabletl:pt-24 tabletl:pb-16 tabletl:px-48">
3329      <h2 id="CartDrawer-Title" class="f2 font-400">My Bag</h2>
3330      <button class="f0-mono link link--underline" aria-label="Close" js-close-cart>Close</button>
3331    </div>
3332    <cart-drawer class="flex-1 block overflow-hidden">
3333  <div id="cart" class="cart-drawer h-full" js-cart-drawer-contents>
3334    <cart-drawer-items class="h-full flex flex-col">
3335      <div class="flex-1 max-h-full overflow-y-auto">
3336        
3337        
3338          <p class="px-28 py-12 tabletl:px-48" js-empty-cart>
3339            Your bag is empty, <a href="/collections/all" js-cart-continue-link>continue shopping</a>.
3340          </p>
3341        
3342        <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">
3343          <div id="CartDrawer-CartItems" class="drawer__contents"></div>
3344          <div id="CartDrawer-CartErrors" role="alert"></div>
3345        </form>
3346        <div class="cart-drawer__cross-sell pl-18 tabletl:pl-48 pt-16 pb-32">
3347          <div data-rebuy-id="59181"></div>  
3348        </div>
3349      </div>
3350      <div class="cart-drawer__footer bg-papyrus-light pt-16 px-24 pb-24 tabletl:px-48">
3351        <div class="cart-drawer__discount py-16">
3352          
3353
3354<s-accordion data-manual-collapse="false" js-accordion>
3355  <div class="accordion-item" js-accordion-item>
3356    <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>
3357      Discount
3358      <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">
3359<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"/>
3360</svg>
3361<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
3362<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/>
3363</svg>
3364</span>
3365    </button>
3366    <div id="cartDiscount" class="accordion-content" aria-hidden="true" js-accordion-content>
3367      <div class="cart-discount">
3368        <div class="details-content mt-16">
3369          <div class="cart-discount__content flex gap-x-16">
3370              <label
3371                for="cart-discount"
3372                class="visually-hidden"
3373              >
3374                Discount Code
3375              </label>
3376              <input
3377                id="cart-discount"
3378                class="cart-discount__input flex-1 border border-black p-8 text-16"
3379                name="discount"
3380                placeholder="Discount Code"
3381                js-cart-discount-form-input
3382              >
3383              <button
3384                type="button"
3385                class="btn btn--atc h-auto"
3386                aria-label="Apply Discount"
3387                js-cart-discount-form-submit
3388              >
3389                Apply
3390              </button>
3391          </div>
3392          <div
3393            class="cart-discount__error hidden"
3394            role="alert"
3395            aria-live="polite"
3396            js-cart-discount-error
3397          >
3398            <small
3399              class="cart-discount__error-text cart-primary-typography hidden"
3400              js-cart-discount-error-discount-code
3401            >
3402             Discount code cannot be applied to your cart
3403            </small>
3404            <small
3405              class="cart-discount__error-text cart-primary-typography hidden"
3406              js-cart-discount-error-shipping
3407            >
3408              Shipping discounts are shown at checkout after adding an address
3409            </small>
3410          </div>
3411          <ul class="cart-discount__codes flex flex-col gap-y-8 pt-8">
3412            
3413          </ul>
3414        </div>
3415      </div>
3416    </div>
3417  </div>
3418</s-accordion>
3419        </div>
3420        <div class="cart-drawer__totals">
3421          <div class="totals flex items-center justify-between f0" role="status">
3422            <p class="totals__subtotal">Subtotal</p>
3423            <p class="totals__subtotal-value">$0.00 USD</p>
3424          </div>
3425
3426          <div class="my-12 tabletl:my-16"><p class="fn1 text-grey">Taxes and shipping calculated at checkout</p>
3427          </div>
3428        </div>
3429
3430        <div class="cart-drawer__ctas" >
3431          <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>
3432        </div>
3433        <p class="fn1-mono text-center mt-12 tabletl:mt-16">Free Shipping and Free returns</p>
3434      </div>
3435    </cart-drawer-items>
3436  </div>
3437</cart-drawer>
3438  </div>
3439</s-drawer>
3440      <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">
3441  <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">
3442    <div class="filter-drawer__header px-18 py-24 tabletl:px-56 tabletl:py-32 flex justify-between items-center">
3443      <h2 id="FilterDrawer-Title" class="filter-drawer__title f1">Active filters</h2>
3444      <button class="filter-drawer__close f0-mono link link--underline leading-[1]" aria-label="Close" js-close-filter-drawer>CLOSE</button>
3445    </div>
3446    <div class="filter-drawer__filter-sort flex-1 max-h-full overflow-auto">
3447      
3448        <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>
3449  
3450  
3451  
3452</active-filters>
3453        <filter-sort class="filter-sort block px-18 py-24 tabletl:px-56 tabletl:py-32" data-scope="global">
3454  <form class="filter-sort__form" js-filter-form>
3455    <p class="sr-only" role="status" aria-atomic="true" js-filter-status></p>
3456    <div class="filter-sort__filters-container">
3457      <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" 
3458            class="filter-sort__label accordion-header link w-full flex justify-between items-center py-8 relative" 
3459            aria-expanded="false" 
3460            aria-controls="sort-master-filter" 
3461            aria-label="Sort By"
3462            js-accordion-header>
3463            <span class="f0-mono">SORT BY</span>
3464            <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">
3465<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"/>
3466</svg>
3467<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
3468<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/>
3469</svg>
3470</span>
3471          </button>
3472          <div id="sort-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="true" js-accordion-content>
3473            <ul class="filter-sort__values filter-sort__values--other py-16" role="list"></ul>
3474          </div>
3475        </div></s-accordion>
3476    </div><!-- .filter-sort__filters-container -->
3477
3478    <div class="filter-sort__footer absolute bottom-0 left-0 right-0 hidden">
3479      <button class="active-filters__remove hidden" aria-label="Clear All" js-clear-all>
3480        Clear All
3481      </button>
3482      <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>
3483    </div>
3484
3485    
3486</form>
3487  <loading-spinner class="filter__loading-spinner fixed" style="--width: 40px; --height: 40px;"></loading-spinner>
3488</filter-sort>
3489      
3490    </div>
3491  </div>
3492</s-drawer>
3493      <s-drawer id="PredictiveSearchDrawer" class="predictive-search-drawer" position='bottom' open="[js-open-predictive-search]" close="[js-close-predictive-search]">
3494  <predictive-search class="predictive-search-drawer__wrapper h-full flex flex-col">
3495    <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">
3496      <form action="/search" method="get" role="search" id="PredictiveSearchForm" class="predictive-search__form flex-1 relative" js-predictive-search-form>
3497        <button type="submit" class="block w-16 absolute left-0 top-1/2 -translate-y-1/2 leading-[0]" aria-label="Search">
3498          <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3499<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"/>
3500</svg>
3501
3502        </button>  
3503        <label for="PredictiveSearch" class="visually-hidden">Search</label>
3504        <input
3505          id="PredictiveSearch"
3506          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"
3507          type="search"
3508          name="query"
3509          value=""autocomplete="off"
3510          placeholder="Search"
3511          js-predictive-search-input
3512        >
3513        <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>
3514          <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3515<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"/>
3516</svg>
3517
3518        </button>
3519      </form>
3520      <button type="button" class="predictive-search__close f0 link" aria-label="Close" js-close-predictive-search>Close</button>
3521    </div>
3522    <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">
3523      <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
3523ive="polite">
3524        <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-terms-title></div>
3525        <ul class="predictive-search__terms grid gap-6 tabletl:gap-8" js-predictive-search-terms>
3526        </ul>
3527        <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>
3528      </div>
3529      <div class="predictive-search__products-container tabletl:flex-1" js-predictive-search-products-container aria-label="Predictive search products">
3530        <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-products-title></div>
3531        <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>
3532        </ul>
3533      </div>
3534      <div class="predictive-search__no-results hidden" js-predictive-search-no-results></div>
3535    </div>
3536  </predictive-search>
3537</s-drawer>
3538      <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]">
3539  <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">
3540    <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">
3541      <span class="quickshop-size-guide__title f1">Size Guide</span>
3542      <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>
3543    </div>
3544    <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>
3545    </div>
3546  </div>
3547</s-drawer>
3548      <s-drawer
3549  id="ShopTheLookDrawer"
3550  class="shop-the-look-drawer bg-transparent z-20"
3551  position="bottom"
3552  close="[js-close-shop-the-look]"
3553  body-open-class="js-shop-the-look-drawer-open"
3554>
3555  <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">
3556    <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">
3557      <h2 class="f2 font-NoiGrotesk font-600">Shop This Look</h2>
3558      <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">
3559<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"/>
3560</svg>
3561</button>
3562    </div>
3563    <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>
3564      <div class="absolute inset-0 bg-white/80 hidden" js-shop-the-look-loader aria-hidden="true">
3565        <div class="flex items-center justify-center h-full w-full">
3566          <loading-spinner style="--size: 3rem; --bg-opacity: 100%; --background: #ffffff;"></loading-spinner>
3567        </div>
3568      </div>
3569    </div>
3570  </div>
3571</s-drawer>
3572
3573      <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">
3574  <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>
3575  <div class="quickshop-modal__wrapper h-full" tabindex="1" js-quickshop-wrapper></div>
3576</s-modal>
3577  
3578      <main id="MainContent" class="main drawer-background modal-background grid min-h-header" role="main">
3579        <div id="shopify-section-template--19357268639843__section_hero_nDETGM" class="shopify-section">
3580
3581
3582
3583<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;">
3584  <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">
3585    
3586      <s-hero>
3587      <s-carousel class="section__hero-carousel block w-full relative" data-options='{
3588      "slidesPerView": 1,
3589      "spaceBetween": 0,
3590      "grabCursor": true,
3591      "autoHeight": false,
3592      "effect": "fade",
3593      "fadeEffect": { "crossFade": true }
3594    }'>
3595        <div id="HeroCarousel-template--19357268639843__section_hero_nDETGM" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel>
3596          <div class="swiper-wrapper">
3597            
3598              <div class="swiper-slide" js-carousel-slide >
3599                <div id="shopify-block-ATEFNMndYb0ZFS2V5N__media_banner_j7D3mt" class="shopify-block">
3600
3601
3602<div
3603  class="media-banner relative"
3604  style="
3605    
3606    
3607    --aspect-mobile: 0.6;
3608    --aspect-desktop: 1.6;
3609    --content-width-mobile: 100%;
3610    --content-width-desktop: 100%;
3611  "
3612>
3613  
3614  
3615  
3616    
3617    
3618      <link rel="preload" as="image" href="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1920" fetchpriority="high">
3619    
3620  
3621  <s-video data-auto-play="true">
3622    <div class="media-banner-container relative h-full">
3623      
3624      
3625        
3626          <div class="media-banner-media h-full tabletl:hidden">
3627            
3628
3629
3630
3631
3632  <picture class="lazypicture block w-full h-full">
3633    
3634    <img
3635      src="//beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=300"
3636      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"
3637      sizes="(min-width: 1024px) 100vw, 100vw"
3638      width="780"
3639      height="1300"
3640      loading="eager"
3641      decoding="async"
3642      
3643        fetchpriority="high"
3644      
3645      alt=""
3646      class="w-full h-full object-cover object-center"
3647      
3648    >
3649  </picture>
3650
3651
3652          </div>
3653        
3654        
3655          <div class="media-banner-media h-full hidden tabletl:block">
3656            
3657
3658
3659
3660
3661  <picture class="lazypicture block w-full h-full">
3662    
3663    <img
3664      src="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=300"
3665      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"
3666      sizes="(min-width: 1024px) 100vw, 100vw"
3667      width="2880"
3668      height="1800"
3669      loading="eager"
3670      decoding="async"
3671      
3672        fetchpriority="high"
3673      
3674      alt=""
3675      class="w-full h-full object-cover object-center"
3676      
3677    >
3678  </picture>
3679
3680
3681          </div>
3682        
3683      
3684    </div>
3685  </s-video>
3686  <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-center tabletl:items-start tabletl:text-left" style="color: #ffffff;">
3687    
3688      <a href="/collections/new-hues-dark-ivy" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
3689    
3690    <div class="media-banner-content-inner relative">
3691      
3692
3693<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:ju
3693stify-start gap-24 tabletl:gap-32">
3694  
3695    <div class="flex flex-col gap-6 tabletl:gap-8">
3696      
3697      
3698        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
3699          Meet Dark Ivy.
3700        </p>
3701      
3702    </div>
3703  
3704
3705  
3706    <div class="flex flex-col gap-12 tabletl:gap-16">
3707      
3708      
3709        <div class="rte font-noiGrotesk ">Just in time for fall, a new green has <br> entered the chat.</div>
3710      
3711    </div>
3712  
3713
3714  
3715    
3716    <div
3717      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
3718      
3719        style="--cta-padding-top-mobile: 0px;
3720               --cta-padding-right-mobile: 0px;
3721               --cta-padding-bottom-mobile: 0px;
3722               --cta-padding-left-mobile: 0px;
3723               --cta-padding-top-desktop: 0px;
3724               --cta-padding-right-desktop: 0px;
3725               --cta-padding-bottom-desktop: 0px;
3726               --cta-padding-left-desktop: 0px;"
3727      
3728    >
3729      <a href="/collections/new-hues-dark-ivy" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
3730      
3731    </div>
3732  
3733</div>
3734
3735    </div>
3736  </div>
3737</div>
3738
3739
3740
3741
3742</div>
3743
3744              </div>
3745            
3746          </div>
3747          
3748        </div>
3749      </s-carousel>
3750      </s-hero>
3751    
3752  </div>
3753</section>
3754
3755</div><div id="shopify-section-template--19357268639843__section_product_carousel_tabbed_fL9VLL" class="shopify-section">
3756
3757
3758<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">
3759  <s-tabs class="section__product-carousel-tabbed-tabs">
3760    
3761      <div class="section__product-carousel-tabbed-header flex gap-18 tabletl:gap-24 flex-col tabletl:items-start px-24 tabletl:px-64">
3762        <p class="section__product-carousel-tabbed-title f3">New Arrivals</p>
3763      </div>
3764      <div class="section__product-carousel-tabbed-tabs-container flex justify-between items-center pr-24 gap-24 whitespace-nowrap max-w-[100vw]">
3765        <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>
3766          
3767          
3768          
3769          
3770          
3771            
3772            
3773              
3774              
3775              <button 
3776                id="tab-collection_67EAGk-tab" 
3777                class="tab__trigger" 
3778                aria-controls="tab-collection_67EAGk-content-panel" 
3779                role="tab" 
3780                aria-selected="true"
3781                data-cta-url="/collections/new-arrivals"
3782                data-cta-text="VIEW ALL"
3783                data-cta-style="btn btn--papyrus"
3784                js-tab
3785              >
3786                Women's
3787              </button>
3788              
3789            
3790          
3791            
3792            
3793              
3794              
3795              <button 
3796                id="tab-collection_6j7qr6-tab" 
3797                class="tab__trigger" 
3798                aria-controls="tab-collection_6j7qr6-content-panel" 
3799                role="tab" 
3800                aria-selected="false"
3801                data-cta-url="/collections/mens-new-arrivals"
3802                data-cta-text="VIEW ALL"
3803                data-cta-style="btn btn--papyrus"
3804                js-tab
3805              >
3806                Men's
3807              </button>
3808              
3809            
3810          
3811        </div>
3812
3813        
3814          <a 
3815            href="/collections/new-arrivals" 
3816            class="section__product-carousel-tabbed-cta btn btn btn--papyrus mb-0 tabletl:mb-10"
3817            js-tabbed-carousel-cta
3818          >
3819            VIEW ALL
3820          </a>
3821        
3822      </div>
3823    
3824    
3825    
3826    
3827      
3828      
3829        
3830        
3831        
3832<div 
3833          id="tab-collection_67EAGk-content-panel" 
3834          class="tab__panel" 
3835          role="tabpanel" 
3836          aria-labelledby="tab-collection_67EAGk-tab" 
3837          aria-hidden="false"
3838          js-tab-panel
3839        >
3840          <s-carousel class="block relative" data-options='{
3841            "slidesPerView": "auto",
3842            "spaceBetween": 6,
3843            "slidesOffsetBefore": 24,
3844            "slidesOffsetAfter": 24,
3845            "freeMode": true,
3846            "autoHeight": false,
3847            "loop": false,
3848            "navigation": {
3849              "enabled": true,
3850              "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]",
3851              "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]"
3852            },
3853            "breakpoints": {
3854              "1024": {
3855                "slidesPerView": "auto",
3856                "spaceBetween": 8,
3857                "slidesOffsetBefore": 64,
3858                "slidesOffsetAfter": 64
3859              }
3860            }
3861          }'>
3862            <div id="Carousel-collection_67EAGk" class="swiper grid grid-cols-1" js-carousel>
3863              <div class="swiper-wrapper">
3864                
3865                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
3866                    <div class="collection-carousel__content h-full">
3867                      
3868
3869<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 1/4 Zip Hoodie" data-product-handle="unity-1-4-zip-hoodie-mineral-blue-007gj-0004" data-swatch-carousel-disabled">
3870  <div class="product-card__image-container relative">
3871    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
3872      <!-- Swym Wishlist Plus EPI Button with default first variant -->
3873      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129121157219 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129121157219" data-variant-id="44543236604003" data-product-url="https://beyondyoga.com/products/unity-1-4-zip-hoodie-mineral-blue-007gj-0004">
3874      </button>
3875      <!-- Swym Wishlist Plus EPI Button-->
3876      
3877    </div>
3878    
3879      <a href="/products/unity-1-4-zip-hoodie-mineral-blue-007gj-0004" class="product-card__image-link" js-produdct-card-link aria-label="Unity 1/4 Zip Hoodie">
3880        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
3881          
3882
3883
3884
3885
3886  <picture class="lazypicture block w-full aspect-[2/3] w-full">
3887    
3888    <img
3889      src="//beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=300"
3890      srcset="//beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_FV.jpg?v=1788302818&width=1920 1920w"
3891      sizes="(min-width: 1024px) 25vw, 50vw"
3892      width="1884"
3893      height="2440"
3894      loading="lazy"
3895      decoding="async"
3896      
3897      alt="Unity 1/4 Zip Hoodie"
3898      class="w-full w-full h-full object-cover object-center"
3899      
3900    >
3901  </picture>
3902
3903
3904        </div>
3905        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
3906          
3907
3908
3909
3910
3911  <picture class="lazypicture block w-full aspect-[2/3] w-full">
3912    
3913    <img
3914      src="//beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=300"
3915      srcset="//beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0004_GLO_CM_BV.jpg?v=1788302818&width=1920 1920w"
3916      sizes="(min-width: 1024px) 25vw, 50vw"
3917      width="1884"
3918      height="2440"
3919      loading="lazy"
3920      decoding="async"
3921      
3922      alt="Unity 1/4 Zip Hoodie"
3923      class="w-full w-full h-full object-cover object-center"
3924      
3925    >
3926  </picture>
3927
3928
3929        </div>
3930      </a>
3931    
3932    
3933    
3934      
3935          
3936          
3937
3938          <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>
3939            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
3940            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
3941              <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>
3942              <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-1-4-zip-hoodie-mineral-blue-007gj-0004" js-product-card-options>
3943                
3944                  
3945                
3946                  
3947                    
3948                      
3949                      <li class="product-swatch__label-container">
3950                        <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
3950ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-1-4-zip-hoodie-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3951                          XXS
3952                        </button>
3953                      </li>
3954                    
3955                      
3956                      <li class="product-swatch__label-container">
3957                        <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-1-4-zip-hoodie-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3958                          XS
3959                        </button>
3960                      </li>
3961                    
3962                      
3963                      <li class="product-swatch__label-container">
3964                        <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-1-4-zip-hoodie-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3965                          S
3966                        </button>
3967                      </li>
3968                    
3969                      
3970                      <li class="product-swatch__label-container">
3971                        <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-1-4-zip-hoodie-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3972                          M
3973                        </button>
3974                      </li>
3975                    
3976                      
3977                      <li class="product-swatch__label-container">
3978                        <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-1-4-zip-hoodie-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3979                          L
3980                        </button>
3981                      </li>
3982                    
3983                      
3984                      <li class="product-swatch__label-container">
3985                        <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-1-4-zip-hoodie-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3986                          XL
3987                        </button>
3988                      </li>
3989                    
3990                      
3991                      <li class="product-swatch__label-container">
3992                        <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-1-4-zip-hoodie-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
3993                          XXL
3994                        </button>
3995                      </li>
3996                    
3997                  
3998                
3999              </ul>
4000            </div>
4001          </div>
4002
4003          <select class="product-card__select hidden" js-product-card-select>
4004            
4005              <option value="44543236604003"
4006                      data-title="Mineral Blue / XXS"
4007                      selected
4008                      >
4009                Mineral Blue / XXS
4010              </option>
4011            
4012              <option value="44543236636771"
4013                      data-title="Mineral Blue / XS"
4014                      
4015                      >
4016                Mineral Blue / XS
4017              </option>
4018            
4019              <option value="44543236669539"
4020                      data-title="Mineral Blue / S"
4021                      
4022                      >
4023                Mineral Blue / S
4024              </option>
4025            
4026              <option value="44543236702307"
4027                      data-title="Mineral Blue / M"
4028                      
4029                      >
4030                Mineral Blue / M
4031              </option>
4032            
4033              <option value="44543236735075"
4034                      data-title="Mineral Blue / L"
4035                      
4036                      >
4037                Mineral Blue / L
4038              </option>
4039            
4040              <option value="44543236767843"
4041                      data-title="Mineral Blue / XL"
4042                      
4043                      >
4044                Mineral Blue / XL
4045              </option>
4046            
4047              <option value="44543236800611"
4048                      data-title="Mineral Blue / XXL"
4049                      
4050                      >
4051                Mineral Blue / XXL
4052              </option>
4053            
4054          </select>
4055        <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 1/4 Zip Hoodie" js-quickshop-trigger>
4056          QUICK VIEW
4057        </button>
4058      
4059    
4060  </div>
4061  <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 " 
4062    data-handle="unity-1-4-zip-hoodie-mineral-blue-007gj-0004" 
4063    data-collection="" 
4064    data-core="swatch-collection-core-non-sale"
4065    data-seasonal="swatch-collection-non-sale" 
4066    data-group="YGroup_QC7986"
4067    js-product-card-swatch-container>
4068      <fieldset>
4069        <legend id="product-card-swatch-legend-unity-1-4-zip-hoodie-mineral-blue-007gj-0004" class="visually-hidden">Unity 1/4 Zip Hoodie - Color Options</legend>
4070        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-1-4-zip-hoodie-mineral-blue-007gj-0004" js-swatch-carousel>
4071          <!-- SWATCHES RENDER HERE -->
4072        </div>
4073      </fieldset>
4074      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4075        <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;">
4076          <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">
4077<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4078</svg>
4079</span>
4080        </button>
4081        <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;">
4082          <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">
4083<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4084</svg>
4085</span>
4086        </button>
4087      </div>
4088      <a href="/products/unity-1-4-zip-hoodie-mineral-blue-007gj-0004" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity 1/4 Zip Hoodie Colors" js-product-card-swatch-count js-produdct-card-link></a>
4089  </div>
4090  <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">
4091    
4092    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4093      <a href="/products/unity-1-4-zip-hoodie-mineral-blue-007gj-0004" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
4094        <h3 class="f0">Unity 1/4 Zip Hoodie</h3>
4095      </a>
4096      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4097        
4098        
4099          <span class="product-card__price product-card__price--current ">$158.00</span>
4100        
4101      </div>
4102      
4103    </div>
4104    
4105  </div>
4106</product-card>
4107                    </div>
4108                  </div>
4109                
4110                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4111                    <div class="collection-carousel__content h-full">
4112                      
4113
4114<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">
4115  <div class="product-card__image-container relative">
4116    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4117      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4118      <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">
4119      </button>
4120      <!-- Swym Wishlist Plus EPI Button-->
4121      
4122    </div>
4123    
4124      <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">
4125        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4126          
4127
4128
4129
4130
4131  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4132    
4133    <img
4134      src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=300"
4135      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
4135w, //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"
4136      sizes="(min-width: 1024px) 25vw, 50vw"
4137      width="1884"
4138      height="2440"
4139      loading="lazy"
4140      decoding="async"
4141      
4142      alt="Spacedye™ Forever Tank"
4143      class="w-full w-full h-full object-cover object-center"
4144      
4145    >
4146  </picture>
4147
4148
4149        </div>
4150        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4151          
4152
4153
4154
4155
4156  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4157    
4158    <img
4159      src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=300"
4160      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"
4161      sizes="(min-width: 1024px) 25vw, 50vw"
4162      width="1884"
4163      height="2440"
4164      loading="lazy"
4165      decoding="async"
4166      
4167      alt="Spacedye™ Forever Tank"
4168      class="w-full w-full h-full object-cover object-center"
4169      
4170    >
4171  </picture>
4172
4173
4174        </div>
4175      </a>
4176    
4177    
4178    
4179      
4180          
4181          
4182
4183          <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>
4184            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4185            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4186              <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>
4187              <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>
4188                
4189                  
4190                
4191                  
4192                    
4193                      
4194                      <li class="product-swatch__label-container">
4195                        <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>
4196                          XXS
4197                        </button>
4198                      </li>
4199                    
4200                      
4201                      <li class="product-swatch__label-container">
4202                        <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
4202ded-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>
4203                          XS
4204                        </button>
4205                      </li>
4206                    
4207                      
4208                      <li class="product-swatch__label-container">
4209                        <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>
4210                          S
4211                        </button>
4212                      </li>
4213                    
4214                      
4215                      <li class="product-swatch__label-container">
4216                        <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>
4217                          M
4218                        </button>
4219                      </li>
4220                    
4221                      
4222                      <li class="product-swatch__label-container">
4223                        <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>
4224                          L
4225                        </button>
4226                      </li>
4227                    
4228                      
4229                      <li class="product-swatch__label-container">
4230                        <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>
4231                          XL
4232                        </button>
4233                      </li>
4234                    
4235                      
4236                      <li class="product-swatch__label-container">
4237                        <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>
4238                          XXL
4239                        </button>
4240                      </li>
4241                    
4242                  
4243                
4244              </ul>
4245            </div>
4246          </div>
4247
4248          <select class="product-card__select hidden" js-product-card-select>
4249            
4250              <option value="44488667136099"
4251                      data-title="Darkest Night/Cloud White / XXS"
4252                      selected
4253                      >
4254                Darkest Night/Cloud White / XXS
4255              </option>
4256            
4257              <option value="44488667168867"
4258                      data-title="Darkest Night/Cloud White / XS"
4259                      
4260                      >
4261                Darkest Night/Cloud White / XS
4262              </option>
4263            
4264              <option value="44488667201635"
4265                      data-title="Darkest Night/Cloud White / S"
4266                      
4267                      >
4268                Darkest Night/Cloud White / S
4269              </option>
4270            
4271              <option value="44488667234403"
4272                      data-title="Darkest Night/Cloud White / M"
4273                      
4274                      >
4275                Darkest Night/Cloud White / M
4276              </option>
4277            
4278              <option value="44488667267171"
4279                      data-title="Darkest Night/Cloud White / L"
4280                      
4281                      >
4282                Darkest Night/Cloud White / L
4283              </option>
4284            
4285              <option value="44488667299939"
4286                      data-title="Darkest Night/Cloud White / XL"
4287                      
4288                      >
4289                Darkest Night/Cloud White / XL
4290              </option>
4291            
4292              <option value="44488667332707"
4293                      data-title="Darkest Night/Cloud White / XXL"
4294                      
4295                      >
4296                Darkest Night/Cloud White / XXL
4297              </option>
4298            
4299          </select>
4300        <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>
4301          QUICK VIEW
4302        </button>
4303      
4304    
4305  </div>
4306  <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 " 
4307    data-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" 
4308    data-collection="" 
4309    data-core="swatch-collection-core-non-sale"
4310    data-seasonal="swatch-collection-non-sale" 
4311    data-group="YGroup_SD4746"
4312    js-product-card-swatch-container>
4313      <fieldset>
4314        <legend id="product-card-swatch-legend-spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="visually-hidden">Spacedye™ Forever Tank - Color Options</legend>
4315        <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>
4316          <!-- SWATCHES RENDER HERE -->
4317        </div>
4318      </fieldset>
4319      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4320        <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;">
4321          <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">
4322<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4323</svg>
4324</span>
4325        </button>
4326        <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;">
4327          <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">
4328<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4329</svg>
4330</span>
4331        </button>
4332      </div>
4333      <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>
4334  </div>
4335  <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">
4336    
4337    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4338      <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>
4339        <h3 class="f0">Spacedye™ Forever Tank</h3>
4340      </a>
4341      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4342        
4343        
4344          <span class="product-card__price product-card__price--current ">$74.00</span>
4345        
4346      </div>
4347      
4348    </div>
4349    
4350  </div>
4351</product-card>
4352                    </div>
4353                  </div>
4354                
4355                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4356                    <div class="collection-carousel__content h-full">
4357                      
4358
4359<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">
4360  <div class="product-card__image-container relative">
4361    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4362      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4363      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-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">
4364      </button>
4365      <!-- Swym Wishlist Plus EPI Button-->
4366      
4367    </div>
4368    
4369      <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">
4370        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4371          
4372
4373
4374
4375
4376  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4377    
4378    <img
4379      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=300"
4380      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 1024
4380w, //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"
4381      sizes="(min-width: 1024px) 25vw, 50vw"
4382      width="1884"
4383      height="2440"
4384      loading="lazy"
4385      decoding="async"
4386      
4387      alt="Roam Quilted Lightweight Jacket"
4388      class="w-full w-full h-full object-cover object-center"
4389      
4390    >
4391  </picture>
4392
4393
4394        </div>
4395        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4396          
4397
4398
4399
4400
4401  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4402    
4403    <img
4404      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=300"
4405      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"
4406      sizes="(min-width: 1024px) 25vw, 50vw"
4407      width="1884"
4408      height="2440"
4409      loading="lazy"
4410      decoding="async"
4411      
4412      alt="Roam Quilted Lightweight Jacket"
4413      class="w-full w-full h-full object-cover object-center"
4414      
4415    >
4416  </picture>
4417
4418
4419        </div>
4420      </a>
4421    
4422    
4423    
4424      
4425          
4426          
4427
4428          <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>
4429            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4430            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4431              <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>
4432              <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>
4433                
4434                  
4435                
4436                  
4437                    
4438                      
4439                      <li class="product-swatch__label-container">
4440                        <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>
4441                          XXS
4442                        </button>
4443                      </li>
4444                    
4445                      
4446                      <li class="product-swatch__label-container">
4447                        <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
4447ded-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>
4448                          XS
4449                        </button>
4450                      </li>
4451                    
4452                      
4453                      <li class="product-swatch__label-container">
4454                        <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>
4455                          S
4456                        </button>
4457                      </li>
4458                    
4459                      
4460                      <li class="product-swatch__label-container">
4461                        <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>
4462                          M
4463                        </button>
4464                      </li>
4465                    
4466                      
4467                      <li class="product-swatch__label-container">
4468                        <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>
4469                          L
4470                        </button>
4471                      </li>
4472                    
4473                      
4474                      <li class="product-swatch__label-container">
4475                        <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>
4476                          XL
4477                        </button>
4478                      </li>
4479                    
4480                  
4481                
4482              </ul>
4483            </div>
4484          </div>
4485
4486          <select class="product-card__select hidden" js-product-card-select>
4487            
4488              <option value="44536314003555"
4489                      data-title="Electric Fuchsia / XXS"
4490                      selected
4491                      >
4492                Electric Fuchsia / XXS
4493              </option>
4494            
4495              <option value="44536314036323"
4496                      data-title="Electric Fuchsia / XS"
4497                      
4498                      >
4499                Electric Fuchsia / XS
4500              </option>
4501            
4502              <option value="44536314069091"
4503                      data-title="Electric Fuchsia / S"
4504                      
4505                      >
4506                Electric Fuchsia / S
4507              </option>
4508            
4509              <option value="44536314101859"
4510                      data-title="Electric Fuchsia / M"
4511                      
4512                      >
4513                Electric Fuchsia / M
4514              </option>
4515            
4516              <option value="44536314134627"
4517                      data-title="Electric Fuchsia / L"
4518                      
4519                      >
4520                Electric Fuchsia / L
4521              </option>
4522            
4523              <option value="44536314167395"
4524                      data-title="Electric Fuchsia / XL"
4525                      
4526                      >
4527                Electric Fuchsia / XL
4528              </option>
4529            
4530          </select>
4531        <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>
4532          QUICK VIEW
4533        </button>
4534      
4535    
4536  </div>
4537  <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 " 
4538    data-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" 
4539    data-collection="" 
4540    data-core="swatch-collection-core-non-sale"
4541    data-seasonal="swatch-collection-non-sale" 
4542    data-group="YGroup_LD2344"
4543    js-product-card-swatch-container>
4544      <fieldset>
4545        <legend id="product-card-swatch-legend-roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="visually-hidden">Roam Quilted Lightweight Jacket - Color Options</legend>
4546        <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>
4547          <!-- SWATCHES RENDER HERE -->
4548        </div>
4549      </fieldset>
4550      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4551        <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;">
4552          <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">
4553<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4554</svg>
4555</span>
4556        </button>
4557        <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;">
4558          <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">
4559<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4560</svg>
4561</span>
4562        </button>
4563      </div>
4564      <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>
4565  </div>
4566  <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">
4567    
4568    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4569      <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
4570        <h3 class="f0">Roam Quilted Lightweight Jacket</h3>
4571      </a>
4572      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4573        
4574        
4575          <span class="product-card__price product-card__price--current ">$228.00</span>
4576        
4577      </div>
4578      
4579    </div>
4580    
4581  </div>
4582</product-card>
4583                    </div>
4584                  </div>
4585                
4586                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4587                    <div class="collection-carousel__content h-full">
4588                      
4589
4590<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-dark-ivy-heather-007j2-0086" data-swatch-carousel-disabled">
4591  <div class="product-card__image-container relative">
4592    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4593      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4594      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8126108401763 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8126108401763" data-variant-id="44529182605411" data-product-url="https://beyondyoga.com/products/spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086">
4595      </button>
4596      <!-- Swym Wishlist Plus EPI Button-->
4597      
4598    </div>
4599    
4600      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye™ Caught In The Midi High Waisted Legging">
4601        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4602          
4603
4604
4605
4606
4607  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4608    
4609    <img
4610      src="//beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=300"
4611      srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=1024 1024
4611w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_FV.jpg?v=1787958765&width=1920 1920w"
4612      sizes="(min-width: 1024px) 25vw, 50vw"
4613      width="1884"
4614      height="2440"
4615      loading="lazy"
4616      decoding="async"
4617      
4618      alt="Spacedye™ Caught In The Midi High Waisted Legging"
4619      class="w-full w-full h-full object-cover object-center"
4620      
4621    >
4622  </picture>
4623
4624
4625        </div>
4626        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4627          
4628
4629
4630
4631
4632  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4633    
4634    <img
4635      src="//beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=300"
4636      srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0086_GLO_CM_SV.jpg?v=1787958765&width=1920 1920w"
4637      sizes="(min-width: 1024px) 25vw, 50vw"
4638      width="1884"
4639      height="2440"
4640      loading="lazy"
4641      decoding="async"
4642      
4643      alt="Spacedye™ Caught In The Midi High Waisted Legging"
4644      class="w-full w-full h-full object-cover object-center"
4645      
4646    >
4647  </picture>
4648
4649
4650        </div>
4651      </a>
4652    
4653    
4654    
4655      
4656          
4657          
4658
4659          <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>
4660            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4661            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4662              <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>
4663              <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-dark-ivy-heather-007j2-0086" js-product-card-options>
4664                
4665                  
4666                
4667                  
4668                    
4669                      
4670                      <li class="product-swatch__label-container">
4671                        <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>
4672                          XXS
4673                        </button>
4674                      </li>
4675                    
4676                      
4677                      <li class="product-swatch__label-container">
4678                        <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
4678ded-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>
4679                          XS
4680                        </button>
4681                      </li>
4682                    
4683                      
4684                      <li class="product-swatch__label-container">
4685                        <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>
4686                          S
4687                        </button>
4688                      </li>
4689                    
4690                      
4691                      <li class="product-swatch__label-container">
4692                        <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>
4693                          M
4694                        </button>
4695                      </li>
4696                    
4697                      
4698                      <li class="product-swatch__label-container">
4699                        <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>
4700                          L
4701                        </button>
4702                      </li>
4703                    
4704                      
4705                      <li class="product-swatch__label-container">
4706                        <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>
4707                          XL
4708                        </button>
4709                      </li>
4710                    
4711                      
4712                      <li class="product-swatch__label-container">
4713                        <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-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>
4714                          XXL
4715                        </button>
4716                      </li>
4717                    
4718                  
4719                
4720              </ul>
4721            </div>
4722          </div>
4723
4724          <select class="product-card__select hidden" js-product-card-select>
4725            
4726              <option value="44529182605411"
4727                      data-title="Dark Ivy Heather / XXS"
4728                      selected
4729                      >
4730                Dark Ivy Heather / XXS
4731              </option>
4732            
4733              <option value="44529182638179"
4734                      data-title="Dark Ivy Heather / XS"
4735                      
4736                      >
4737                Dark Ivy Heather / XS
4738              </option>
4739            
4740              <option value="44529182670947"
4741                      data-title="Dark Ivy Heather / S"
4742                      
4743                      >
4744                Dark Ivy Heather / S
4745              </option>
4746            
4747              <option value="44529182703715"
4748                      data-title="Dark Ivy Heather / M"
4749                      
4750                      >
4751                Dark Ivy Heather / M
4752              </option>
4753            
4754              <option value="44529182736483"
4755                      data-title="Dark Ivy Heather / L"
4756                      
4757                      >
4758                Dark Ivy Heather / L
4759              </option>
4760            
4761              <option value="44529182769251"
4762                      data-title="Dark Ivy Heather / XL"
4763                      
4764                      >
4765                Dark Ivy Heather / XL
4766              </option>
4767            
4768              <option value="44529182802019"
4769                      data-title="Dark Ivy Heather / XXL"
4770                      
4771                      >
4772                Dark Ivy Heather / XXL
4773              </option>
4774            
4775          </select>
4776        <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>
4777          QUICK VIEW
4778        </button>
4779      
4780    
4781  </div>
4782  <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 " 
4783    data-handle="spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086" 
4784    data-collection="" 
4785    data-core="swatch-collection-core-non-sale"
4786    data-seasonal="swatch-collection-non-sale" 
4787    data-group="YGroup_SD3243"
4788    js-product-card-swatch-container>
4789      <fieldset>
4790        <legend id="product-card-swatch-legend-spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086" class="visually-hidden">Spacedye™ Caught In The Midi High Waisted Legging - Color Options</legend>
4791        <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-dark-ivy-heather-007j2-0086" js-swatch-carousel>
4792          <!-- SWATCHES RENDER HERE -->
4793        </div>
4794      </fieldset>
4795      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
4796        <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;">
4797          <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">
4798<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
4799</svg>
4800</span>
4801        </button>
4802        <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;">
4803          <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">
4804<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
4805</svg>
4806</span>
4807        </button>
4808      </div>
4809      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086" 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>
4810  </div>
4811  <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">
4812    
4813    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
4814      <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
4815        <h3 class="f0">Spacedye™ Caught In The Midi High Waisted Legging</h3>
4816      </a>
4817      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
4818        
4819        
4820          <span class="product-card__price product-card__price--current ">$99.00</span>
4821        
4822      </div>
4823      
4824    </div>
4825    
4826  </div>
4827</product-card>
4828                    </div>
4829                  </div>
4830                
4831                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
4832                    <div class="collection-carousel__content h-full">
4833                      
4834
4835<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-riverbed-007gh-0005" data-swatch-carousel-disabled">
4836  <div class="product-card__image-container relative">
4837    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
4838      <!-- Swym Wishlist Plus EPI Button with default first variant -->
4839      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129117880419 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129117880419" data-variant-id="44543215632483" data-product-url="https://beyondyoga.com/products/unity-zip-jacket-riverbed-007gh-0005">
4840      </button>
4841      <!-- Swym Wishlist Plus EPI Button-->
4842      
4843    </div>
4844    
4845      <a href="/products/unity-zip-jacket-riverbed-007gh-0005" class="product-card__image-link" js-produdct-card-link aria-label="Unity Zip Jacket">
4846        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
4847          
4848
4849
4850
4851
4852  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4853    
4854    <img
4855      src="//beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=300"
4856      srcset="//beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=1024 1024
4856w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO62_T_CZ70032D_CRSWT_T_CC70078_FSNOW_O_QC2303_RVBED_B_CC1339_FSNOW_14499.jpg?v=1789611800&width=1920 1920w"
4857      sizes="(min-width: 1024px) 25vw, 50vw"
4858      width="1884"
4859      height="2440"
4860      loading="lazy"
4861      decoding="async"
4862      
4863      alt="Unity Zip Jacket"
4864      class="w-full w-full h-full object-cover object-center"
4865      
4866    >
4867  </picture>
4868
4869
4870        </div>
4871        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
4872          
4873
4874
4875
4876
4877  <picture class="lazypicture block w-full aspect-[2/3] w-full">
4878    
4879    <img
4880      src="//beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=300"
4881      srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0005_GLO_CM_D3.jpg?v=1788301042&width=1920 1920w"
4882      sizes="(min-width: 1024px) 25vw, 50vw"
4883      width="1884"
4884      height="2440"
4885      loading="lazy"
4886      decoding="async"
4887      
4888      alt="Unity Zip Jacket"
4889      class="w-full w-full h-full object-cover object-center"
4890      
4891    >
4892  </picture>
4893
4894
4895        </div>
4896      </a>
4897    
4898    
4899    
4900      
4901          
4902          
4903
4904          <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>
4905            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
4906            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
4907              <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>
4908              <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-riverbed-007gh-0005" js-product-card-options>
4909                
4910                  
4911                
4912                  
4913                    
4914                      
4915                      <li class="product-swatch__label-container">
4916                        <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>
4917                          XXS
4918                        </button>
4919                      </li>
4920                    
4921                      
4922                      <li class="product-swatch__label-container">
4923                        <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
4923ded-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>
4924                          XS
4925                        </button>
4926                      </li>
4927                    
4928                      
4929                      <li class="product-swatch__label-container">
4930                        <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>
4931                          S
4932                        </button>
4933                      </li>
4934                    
4935                      
4936                      <li class="product-swatch__label-container">
4937                        <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>
4938                          M
4939                        </button>
4940                      </li>
4941                    
4942                      
4943                      <li class="product-swatch__label-container">
4944                        <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>
4945                          L
4946                        </button>
4947                      </li>
4948                    
4949                      
4950                      <li class="product-swatch__label-container">
4951                        <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>
4952                          XL
4953                        </button>
4954                      </li>
4955                    
4956                      
4957                      <li class="product-swatch__label-container">
4958                        <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>
4959                          XXL
4960                        </button>
4961                      </li>
4962                    
4963                  
4964                
4965              </ul>
4966            </div>
4967          </div>
4968
4969          <select class="product-card__select hidden" js-product-card-select>
4970            
4971              <option value="44543215632483"
4972                      data-title="Riverbed / XXS"
4973                      selected
4974                      >
4975                Riverbed / XXS
4976              </option>
4977            
4978              <option value="44543215665251"
4979                      data-title="Riverbed / XS"
4980                      
4981                      >
4982                Riverbed / XS
4983              </option>
4984            
4985              <option value="44543215698019"
4986                      data-title="Riverbed / S"
4987                      
4988                      >
4989                Riverbed / S
4990              </option>
4991            
4992              <option value="44543215730787"
4993                      data-title="Riverbed / M"
4994                      
4995                      >
4996                Riverbed / M
4997              </option>
4998            
4999              <option value="44543215763555"
5000                      data-title="Riverbed / L"
5001                      
5002                      >
5003                Riverbed / L
5004              </option>
5005            
5006              <option value="44543215796323"
5007                      data-title="Riverbed / XL"
5008                      
5009                      >
5010                Riverbed / XL
5011              </option>
5012            
5013              <option value="44543215829091"
5014                      data-title="Riverbed / XXL"
5015                      
5016                      >
5017                Riverbed / XXL
5018              </option>
5019            
5020          </select>
5021        <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>
5022          QUICK VIEW
5023        </button>
5024      
5025    
5026  </div>
5027  <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 " 
5028    data-handle="unity-zip-jacket-riverbed-007gh-0005" 
5029    data-collection="" 
5030    data-core="swatch-collection-core-non-sale"
5031    data-seasonal="swatch-collection-non-sale" 
5032    data-group="YGroup_QC2303"
5033    js-product-card-swatch-container>
5034      <fieldset>
5035        <legend id="product-card-swatch-legend-unity-zip-jacket-riverbed-007gh-0005" class="visually-hidden">Unity Zip Jacket - Color Options</legend>
5036        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-zip-jacket-riverbed-007gh-0005" js-swatch-carousel>
5037          <!-- SWATCHES RENDER HERE -->
5038        </div>
5039      </fieldset>
5040      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5041        <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;">
5042          <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">
5043<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5044</svg>
5045</span>
5046        </button>
5047        <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;">
5048          <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">
5049<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5050</svg>
5051</span>
5052        </button>
5053      </div>
5054      <a href="/products/unity-zip-jacket-riverbed-007gh-0005" 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>
5055  </div>
5056  <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">
5057    
5058    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5059      <a href="/products/unity-zip-jacket-riverbed-007gh-0005" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5060        <h3 class="f0">Unity Zip Jacket</h3>
5061      </a>
5062      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5063        
5064        
5065          <span class="product-card__price product-card__price--current ">$178.00</span>
5066        
5067      </div>
5068      
5069    </div>
5070    
5071  </div>
5072</product-card>
5073                    </div>
5074                  </div>
5075                
5076                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5077                    <div class="collection-carousel__content h-full">
5078                      
5079
5080<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">
5081  <div class="product-card__image-container relative">
5082    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5083      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5084      <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">
5085      </button>
5086      <!-- Swym Wishlist Plus EPI Button-->
5087      
5088    </div>
5089    
5090      <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">
5091        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5092          
5093
5094
5095
5096
5097  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5098    
5099    <img
5100      src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=300"
5101      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
5101w, //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"
5102      sizes="(min-width: 1024px) 25vw, 50vw"
5103      width="1884"
5104      height="2440"
5105      loading="lazy"
5106      decoding="async"
5107      
5108      alt="Spacedye™ Pedal Pusher High Waisted Legging"
5109      class="w-full w-full h-full object-cover object-center"
5110      
5111    >
5112  </picture>
5113
5114
5115        </div>
5116        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5117          
5118
5119
5120
5121
5122  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5123    
5124    <img
5125      src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=300"
5126      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"
5127      sizes="(min-width: 1024px) 25vw, 50vw"
5128      width="1884"
5129      height="2440"
5130      loading="lazy"
5131      decoding="async"
5132      
5133      alt="Spacedye™ Pedal Pusher High Waisted Legging"
5134      class="w-full w-full h-full object-cover object-center"
5135      
5136    >
5137  </picture>
5138
5139
5140        </div>
5141      </a>
5142    
5143    
5144    
5145      
5146          
5147          
5148
5149          <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>
5150            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5151            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5152              <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>
5153              <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>
5154                
5155                  
5156                
5157                  
5158                    
5159                      
5160                      <li class="product-swatch__label-container">
5161                        <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>
5162                          XXS
5163                        </button>
5164                      </li>
5165                    
5166                      
5167                      <li class="product-swatch__label-container">
5168                        <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
5168ded-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>
5169                          XS
5170                        </button>
5171                      </li>
5172                    
5173                      
5174                      <li class="product-swatch__label-container">
5175                        <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>
5176                          S
5177                        </button>
5178                      </li>
5179                    
5180                      
5181                      <li class="product-swatch__label-container">
5182                        <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>
5183                          M
5184                        </button>
5185                      </li>
5186                    
5187                      
5188                      <li class="product-swatch__label-container">
5189                        <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>
5190                          L
5191                        </button>
5192                      </li>
5193                    
5194                      
5195                      <li class="product-swatch__label-container">
5196                        <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>
5197                          XL
5198                        </button>
5199                      </li>
5200                    
5201                      
5202                      <li class="product-swatch__label-container">
5203                        <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>
5204                          XXL
5205                        </button>
5206                      </li>
5207                    
5208                  
5209                
5210              </ul>
5211            </div>
5212          </div>
5213
5214          <select class="product-card__select hidden" js-product-card-select>
5215            
5216              <option value="44529151246435"
5217                      data-title="Dark Ivy Heather / XXS"
5218                      selected
5219                      >
5220                Dark Ivy Heather / XXS
5221              </option>
5222            
5223              <option value="44529151279203"
5224                      data-title="Dark Ivy Heather / XS"
5225                      
5226                      >
5227                Dark Ivy Heather / XS
5228              </option>
5229            
5230              <option value="44529151311971"
5231                      data-title="Dark Ivy Heather / S"
5232                      
5233                      >
5234                Dark Ivy Heather / S
5235              </option>
5236            
5237              <option value="44529151344739"
5238                      data-title="Dark Ivy Heather / M"
5239                      
5240                      >
5241                Dark Ivy Heather / M
5242              </option>
5243            
5244              <option value="44529151377507"
5245                      data-title="Dark Ivy Heather / L"
5246                      
5247                      >
5248                Dark Ivy Heather / L
5249              </option>
5250            
5251              <option value="44529151410275"
5252                      data-title="Dark Ivy Heather / XL"
5253                      
5254                      >
5255                Dark Ivy Heather / XL
5256              </option>
5257            
5258              <option value="44529151443043"
5259                      data-title="Dark Ivy Heather / XXL"
5260                      
5261                      >
5262                Dark Ivy Heather / XXL
5263              </option>
5264            
5265          </select>
5266        <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>
5267          QUICK VIEW
5268        </button>
5269      
5270    
5271  </div>
5272  <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 " 
5273    data-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" 
5274    data-collection="" 
5275    data-core="swatch-collection-core-non-sale"
5276    data-seasonal="swatch-collection-non-sale" 
5277    data-group="YGroup_SD3448"
5278    js-product-card-swatch-container>
5279      <fieldset>
5280        <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>
5281        <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>
5282          <!-- SWATCHES RENDER HERE -->
5283        </div>
5284      </fieldset>
5285      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5286        <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;">
5287          <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">
5288<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5289</svg>
5290</span>
5291        </button>
5292        <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;">
5293          <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">
5294<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5295</svg>
5296</span>
5297        </button>
5298      </div>
5299      <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>
5300  </div>
5301  <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">
5302    
5303    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5304      <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>
5305        <h3 class="f0">Spacedye™ Pedal Pusher High Waisted Legging</h3>
5306      </a>
5307      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5308        
5309        
5310          <span class="product-card__price product-card__price--current ">$94.00</span>
5311        
5312      </div>
5313      
5314    </div>
5315    
5316  </div>
5317</product-card>
5318                    </div>
5319                  </div>
5320                
5321                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5322                    <div class="collection-carousel__content h-full">
5323                      
5324
5325<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 31&quot;" data-product-handle="that-tracks-pant-black-00aaw-0000" data-swatch-carousel-disabled">
5326  <div class="product-card__image-container relative">
5327    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5328      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5329      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8093113286755 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8093113286755" data-variant-id="44426355343459" data-product-url="https://beyondyoga.com/products/that-tracks-pant-black-00aaw-0000">
5330      </button>
5331      <!-- Swym Wishlist Plus EPI Button-->
5332      
5333    </div>
5334    
5335      <a href="/products/that-tracks-pant-black-00aaw-0000" class="product-card__image-link" js-produdct-card-link aria-label="That Tracks Pant 31"">
5336        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5337          
5338
5339
5340
5341
5342  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5343    
5344    <img
5345      src="//beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=300"
5346      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 1024
5346w, //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"
5347      sizes="(min-width: 1024px) 25vw, 50vw"
5348      width="1884"
5349      height="2440"
5350      loading="lazy"
5351      decoding="async"
5352      
5353      alt="That Tracks Pant 31""
5354      class="w-full w-full h-full object-cover object-center"
5355      
5356    >
5357  </picture>
5358
5359
5360        </div>
5361        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5362          
5363
5364
5365
5366
5367  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5368    
5369    <img
5370      src="//beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=300"
5371      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"
5372      sizes="(min-width: 1024px) 25vw, 50vw"
5373      width="1884"
5374      height="2440"
5375      loading="lazy"
5376      decoding="async"
5377      
5378      alt="That Tracks Pant 31""
5379      class="w-full w-full h-full object-cover object-center"
5380      
5381    >
5382  </picture>
5383
5384
5385        </div>
5386      </a>
5387    
5388    
5389    
5390      
5391          
5392          
5393
5394          <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>
5395            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5396            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5397              <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>
5398              <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-black-00aaw-0000" js-product-card-options>
5399                
5400                  
5401                
5402                  
5403                    
5404                      
5405                      <li class="product-swatch__label-container">
5406                        <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-31-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5407                          XXS
5408                        </button>
5409                      </li>
5410                    
5411                      
5412                      <li class="product-swatch__label-container">
5413                        <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
5413ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="that-tracks-pant-31-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5414                          XS
5415                        </button>
5416                      </li>
5417                    
5418                      
5419                      <li class="product-swatch__label-container">
5420                        <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-31-S" data-color="" role="button" data-value="S" aria-label="Add size:S of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5421                          S
5422                        </button>
5423                      </li>
5424                    
5425                      
5426                      <li class="product-swatch__label-container">
5427                        <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-31-M" data-color="" role="button" data-value="M" aria-label="Add size:M of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5428                          M
5429                        </button>
5430                      </li>
5431                    
5432                      
5433                      <li class="product-swatch__label-container">
5434                        <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-31-L" data-color="" role="button" data-value="L" aria-label="Add size:L of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5435                          L
5436                        </button>
5437                      </li>
5438                    
5439                      
5440                      <li class="product-swatch__label-container">
5441                        <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-31-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of That Tracks Pant 31" with color:  to cart" js-product-card-quick-add-swatch>
5442                          XL
5443                        </button>
5444                      </li>
5445                    
5446                  
5447                
5448              </ul>
5449            </div>
5450          </div>
5451
5452          <select class="product-card__select hidden" js-product-card-select>
5453            
5454              <option value="44426355343459"
5455                      data-title="Black / XXS"
5456                      selected
5457                      disabled="disabled">
5458                Black / XXS
5459              </option>
5460            
5461              <option value="44426355376227"
5462                      data-title="Black / XS"
5463                      
5464                      >
5465                Black / XS
5466              </option>
5467            
5468              <option value="44426355408995"
5469                      data-title="Black / S"
5470                      
5471                      >
5472                Black / S
5473              </option>
5474            
5475              <option value="44426355441763"
5476                      data-title="Black / M"
5477                      
5478                      >
5479                Black / M
5480              </option>
5481            
5482              <option value="44426355474531"
5483                      data-title="Black / L"
5484                      
5485                      >
5486                Black / L
5487              </option>
5488            
5489              <option value="44426355507299"
5490                      data-title="Black / XL"
5491                      
5492                      >
5493                Black / XL
5494              </option>
5495            
5496          </select>
5497        <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 31"" js-quickshop-trigger>
5498          QUICK VIEW
5499        </button>
5500      
5501    
5502  </div>
5503  <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 " 
5504    data-handle="that-tracks-pant-black-00aaw-0000" 
5505    data-collection="" 
5506    data-core="swatch-collection-core-non-sale"
5507    data-seasonal="swatch-collection-non-sale" 
5508    data-group="YGroup_TE1347"
5509    js-product-card-swatch-container>
5510      <fieldset>
5511        <legend id="product-card-swatch-legend-that-tracks-pant-black-00aaw-0000" class="visually-hidden">That Tracks Pant 31" - Color Options</legend>
5512        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-that-tracks-pant-black-00aaw-0000" js-swatch-carousel>
5513          <!-- SWATCHES RENDER HERE -->
5514        </div>
5515      </fieldset>
5516      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5517        <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;">
5518          <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">
5519<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5520</svg>
5521</span>
5522        </button>
5523        <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;">
5524          <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">
5525<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5526</svg>
5527</span>
5528        </button>
5529      </div>
5530      <a href="/products/that-tracks-pant-black-00aaw-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="That Tracks Pant 31" Colors" js-product-card-swatch-count js-produdct-card-link></a>
5531  </div>
5532  <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">
5533    
5534      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
5535        NEW ARRIVAL
5536      </p>
5537    
5538    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5539      <a href="/products/that-tracks-pant-black-00aaw-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5540        <h3 class="f0">That Tracks Pant 31"</h3>
5541      </a>
5542      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5543        
5544        
5545          <span class="product-card__price product-card__price--current ">$148.00</span>
5546        
5547      </div>
5548      
5549    </div>
5550    
5551  </div>
5552</product-card>
5553                    </div>
5554                  </div>
5555                
5556                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5557                    <div class="collection-carousel__content h-full">
5558                      
5559
5560<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-lavender-cream-00ab9-0002" data-swatch-carousel-disabled">
5561  <div class="product-card__image-container relative">
5562    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5563      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5564      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8082432983139 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8082432983139" data-variant-id="44398758723683" data-product-url="https://beyondyoga.com/products/luxelayer-fitted-cardigan-lavender-cream-00ab9-0002">
5565      </button>
5566      <!-- Swym Wishlist Plus EPI Button-->
5567      
5568    </div>
5569    
5570      <a href="/products/luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" class="product-card__image-link" js-produdct-card-link aria-label="LuxeLayer Fitted Cardigan">
5571        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5572          
5573
5574
5575
5576
5577  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5578    
5579    <img
5580      src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=300"
5581      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=1024 1024
5581w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_FV.jpg?v=1785993078&width=1920 1920w"
5582      sizes="(min-width: 1024px) 25vw, 50vw"
5583      width="1884"
5584      height="2440"
5585      loading="lazy"
5586      decoding="async"
5587      
5588      alt="LuxeLayer Fitted Cardigan"
5589      class="w-full w-full h-full object-cover object-center"
5590      
5591    >
5592  </picture>
5593
5594
5595        </div>
5596        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5597          
5598
5599
5600
5601
5602  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5603    
5604    <img
5605      src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=300"
5606      srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0002_GLO_CM_BV.jpg?v=1785993078&width=1920 1920w"
5607      sizes="(min-width: 1024px) 25vw, 50vw"
5608      width="1884"
5609      height="2440"
5610      loading="lazy"
5611      decoding="async"
5612      
5613      alt="LuxeLayer Fitted Cardigan"
5614      class="w-full w-full h-full object-cover object-center"
5615      
5616    >
5617  </picture>
5618
5619
5620        </div>
5621      </a>
5622    
5623    
5624    
5625      
5626          
5627          
5628
5629          <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>
5630            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5631            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5632              <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>
5633              <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-lavender-cream-00ab9-0002" js-product-card-options>
5634                
5635                  
5636                
5637                  
5638                    
5639                      
5640                      <li class="product-swatch__label-container">
5641                        <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>
5642                          XXS
5643                        </button>
5644                      </li>
5645                    
5646                      
5647                      <li class="product-swatch__label-container">
5648                        <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
5648ded-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>
5649                          XS
5650                        </button>
5651                      </li>
5652                    
5653                      
5654                      <li class="product-swatch__label-container">
5655                        <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>
5656                          S
5657                        </button>
5658                      </li>
5659                    
5660                      
5661                      <li class="product-swatch__label-container">
5662                        <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>
5663                          M
5664                        </button>
5665                      </li>
5666                    
5667                      
5668                      <li class="product-swatch__label-container">
5669                        <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>
5670                          L
5671                        </button>
5672                      </li>
5673                    
5674                      
5675                      <li class="product-swatch__label-container">
5676                        <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>
5677                          XL
5678                        </button>
5679                      </li>
5680                    
5681                  
5682                
5683              </ul>
5684            </div>
5685          </div>
5686
5687          <select class="product-card__select hidden" js-product-card-select>
5688            
5689              <option value="44398758723683"
5690                      data-title="Lavender Cream / XXS"
5691                      selected
5692                      >
5693                Lavender Cream / XXS
5694              </option>
5695            
5696              <option value="44398754431075"
5697                      data-title="Lavender Cream / XS"
5698                      
5699                      >
5700                Lavender Cream / XS
5701              </option>
5702            
5703              <option value="44398754463843"
5704                      data-title="Lavender Cream / S"
5705                      
5706                      >
5707                Lavender Cream / S
5708              </option>
5709            
5710              <option value="44398754496611"
5711                      data-title="Lavender Cream / M"
5712                      
5713                      >
5714                Lavender Cream / M
5715              </option>
5716            
5717              <option value="44398754529379"
5718                      data-title="Lavender Cream / L"
5719                      
5720                      >
5721                Lavender Cream / L
5722              </option>
5723            
5724              <option value="44398754562147"
5725                      data-title="Lavender Cream / XL"
5726                      
5727                      >
5728                Lavender Cream / XL
5729              </option>
5730            
5731          </select>
5732        <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>
5733          QUICK VIEW
5734        </button>
5735      
5736    
5737  </div>
5738  <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 " 
5739    data-handle="luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" 
5740    data-collection="" 
5741    data-core="swatch-collection-core-non-sale"
5742    data-seasonal="swatch-collection-non-sale" 
5743    data-group="YGroup_HM2377"
5744    js-product-card-swatch-container>
5745      <fieldset>
5746        <legend id="product-card-swatch-legend-luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" class="visually-hidden">LuxeLayer Fitted Cardigan - Color Options</legend>
5747        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" js-swatch-carousel>
5748          <!-- SWATCHES RENDER HERE -->
5749        </div>
5750      </fieldset>
5751      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
5752        <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;">
5753          <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">
5754<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
5755</svg>
5756</span>
5757        </button>
5758        <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;">
5759          <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">
5760<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
5761</svg>
5762</span>
5763        </button>
5764      </div>
5765      <a href="/products/luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" 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>
5766  </div>
5767  <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">
5768    
5769      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
5770        NEW ARRIVAL
5771      </p>
5772    
5773    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
5774      <a href="/products/luxelayer-fitted-cardigan-lavender-cream-00ab9-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
5775        <h3 class="f0">LuxeLayer Fitted Cardigan</h3>
5776      </a>
5777      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
5778        
5779        
5780          <span class="product-card__price product-card__price--current ">$98.00</span>
5781        
5782      </div>
5783      
5784    </div>
5785    
5786  </div>
5787</product-card>
5788                    </div>
5789                  </div>
5790                
5791                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
5792                    <div class="collection-carousel__content h-full">
5793                      
5794
5795<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 1/4 Zip Hoodie" data-product-handle="unity-1-4-zip-hoodie-dark-ivy-007gj-0003" data-swatch-carousel-disabled">
5796  <div class="product-card__image-container relative">
5797    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
5798      <!-- Swym Wishlist Plus EPI Button with default first variant -->
5799      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129118994531 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129118994531" data-variant-id="44543236407395" data-product-url="https://beyondyoga.com/products/unity-1-4-zip-hoodie-dark-ivy-007gj-0003">
5800      </button>
5801      <!-- Swym Wishlist Plus EPI Button-->
5802      
5803    </div>
5804    
5805      <a href="/products/unity-1-4-zip-hoodie-dark-ivy-007gj-0003" class="product-card__image-link" js-produdct-card-link aria-label="Unity 1/4 Zip Hoodie">
5806        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
5807          
5808
5809
5810
5811
5812  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5813    
5814    <img
5815      src="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=300"
5816      srcset="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=1024 1024
5816w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_T_QC7986_DKIVY_B_SD3243_DKIVH_13790.jpg?v=1789611790&width=1920 1920w"
5817      sizes="(min-width: 1024px) 25vw, 50vw"
5818      width="1884"
5819      height="2440"
5820      loading="lazy"
5821      decoding="async"
5822      
5823      alt="Unity 1/4 Zip Hoodie"
5824      class="w-full w-full h-full object-cover object-center"
5825      
5826    >
5827  </picture>
5828
5829
5830        </div>
5831        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
5832          
5833
5834
5835
5836
5837  <picture class="lazypicture block w-full aspect-[2/3] w-full">
5838    
5839    <img
5840      src="//beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=300"
5841      srcset="//beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GJ-0003_GLO_CM_FV.jpg?v=1788301689&width=1920 1920w"
5842      sizes="(min-width: 1024px) 25vw, 50vw"
5843      width="1884"
5844      height="2440"
5845      loading="lazy"
5846      decoding="async"
5847      
5848      alt="Unity 1/4 Zip Hoodie"
5849      class="w-full w-full h-full object-cover object-center"
5850      
5851    >
5852  </picture>
5853
5854
5855        </div>
5856      </a>
5857    
5858    
5859    
5860      
5861          
5862          
5863
5864          <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>
5865            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
5866            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
5867              <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>
5868              <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-1-4-zip-hoodie-dark-ivy-007gj-0003" js-product-card-options>
5869                
5870                  
5871                
5872                  
5873                    
5874                      
5875                      <li class="product-swatch__label-container">
5876                        <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-1-4-zip-hoodie-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5877                          XXS
5878                        </button>
5879                      </li>
5880                    
5881                      
5882                      <li class="product-swatch__label-container">
5883                        <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
5883ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="unity-1-4-zip-hoodie-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5884                          XS
5885                        </button>
5886                      </li>
5887                    
5888                      
5889                      <li class="product-swatch__label-container">
5890                        <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-1-4-zip-hoodie-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5891                          S
5892                        </button>
5893                      </li>
5894                    
5895                      
5896                      <li class="product-swatch__label-container">
5897                        <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-1-4-zip-hoodie-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5898                          M
5899                        </button>
5900                      </li>
5901                    
5902                      
5903                      <li class="product-swatch__label-container">
5904                        <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-1-4-zip-hoodie-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5905                          L
5906                        </button>
5907                      </li>
5908                    
5909                      
5910                      <li class="product-swatch__label-container">
5911                        <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-1-4-zip-hoodie-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5912                          XL
5913                        </button>
5914                      </li>
5915                    
5916                      
5917                      <li class="product-swatch__label-container">
5918                        <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-1-4-zip-hoodie-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity 1/4 Zip Hoodie with color:  to cart" js-product-card-quick-add-swatch>
5919                          XXL
5920                        </button>
5921                      </li>
5922                    
5923                  
5924                
5925              </ul>
5926            </div>
5927          </div>
5928
5929          <select class="product-card__select hidden" js-product-card-select>
5930            
5931              <option value="44543236407395"
5932                      data-title="Dark Ivy / XXS"
5933                      selected
5934                      >
5935                Dark Ivy / XXS
5936              </option>
5937            
5938              <option value="44543217959011"
5939                      data-title="Dark Ivy / XS"
5940                      
5941                      >
5942                Dark Ivy / XS
5943              </option>
5944            
5945              <option value="44543217991779"
5946                      data-title="Dark Ivy / S"
5947                      
5948                      >
5949                Dark Ivy / S
5950              </option>
5951            
5952              <option value="44543218024547"
5953                      data-title="Dark Ivy / M"
5954                      
5955                      >
5956                Dark Ivy / M
5957              </option>
5958            
5959              <option value="44543218057315"
5960                      data-title="Dark Ivy / L"
5961                      
5962                      >
5963                Dark Ivy / L
5964              </option>
5965            
5966              <option value="44543218090083"
5967                      data-title="Dark Ivy / XL"
5968                      
5969                      >
5970                Dark Ivy / XL
5971              </option>
5972            
5973              <option value="44543236440163"
5974                      data-title="Dark Ivy / XXL"
5975                      
5976                      >
5977                Dark Ivy / XXL
5978              </option>
5979            
5980          </select>
5981        <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 1/4 Zip Hoodie" js-quickshop-trigger>
5982          QUICK VIEW
5983        </button>
5984      
5985    
5986  </div>
5987  <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 " 
5988    data-handle="unity-1-4-zip-hoodie-dark-ivy-007gj-0003" 
5989    data-collection="" 
5990    data-core="swatch-collection-core-non-sale"
5991    data-seasonal="swatch-collection-non-sale" 
5992    data-group="YGroup_QC7986"
5993    js-product-card-swatch-container>
5994      <fieldset>
5995        <legend id="product-card-swatch-legend-unity-1-4-zip-hoodie-dark-ivy-007gj-0003" class="visually-hidden">Unity 1/4 Zip Hoodie - Color Options</legend>
5996        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-1-4-zip-hoodie-dark-ivy-007gj-0003" js-swatch-carousel>
5997          <!-- SWATCHES RENDER HERE -->
5998        </div>
5999      </fieldset>
6000      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6001        <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;">
6002          <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">
6003<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6004</svg>
6005</span>
6006        </button>
6007        <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;">
6008          <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">
6009<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6010</svg>
6011</span>
6012        </button>
6013      </div>
6014      <a href="/products/unity-1-4-zip-hoodie-dark-ivy-007gj-0003" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity 1/4 Zip Hoodie Colors" js-product-card-swatch-count js-produdct-card-link></a>
6015  </div>
6016  <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">
6017    
6018    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6019      <a href="/products/unity-1-4-zip-hoodie-dark-ivy-007gj-0003" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6020        <h3 class="f0">Unity 1/4 Zip Hoodie</h3>
6021      </a>
6022      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6023        
6024        
6025          <span class="product-card__price product-card__price--current ">$158.00</span>
6026        
6027      </div>
6028      
6029    </div>
6030    
6031  </div>
6032</product-card>
6033                    </div>
6034                  </div>
6035                
6036                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6037                    <div class="collection-carousel__content h-full">
6038                      
6039
6040<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">
6041  <div class="product-card__image-container relative">
6042    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6043      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6044      <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">
6045      </button>
6046      <!-- Swym Wishlist Plus EPI Button-->
6047      
6048    </div>
6049    
6050      <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">
6051        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6052          
6053
6054
6055
6056
6057  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6058    
6059    <img
6060      src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=300"
6061      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
6061w, //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"
6062      sizes="(min-width: 1024px) 25vw, 50vw"
6063      width="1884"
6064      height="2440"
6065      loading="lazy"
6066      decoding="async"
6067      
6068      alt="Roam Quilted Reversible Jacket"
6069      class="w-full w-full h-full object-cover object-center"
6070      
6071    >
6072  </picture>
6073
6074
6075        </div>
6076        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6077          
6078
6079
6080
6081
6082  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6083    
6084    <img
6085      src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=300"
6086      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"
6087      sizes="(min-width: 1024px) 25vw, 50vw"
6088      width="1884"
6089      height="2440"
6090      loading="lazy"
6091      decoding="async"
6092      
6093      alt="Roam Quilted Reversible Jacket"
6094      class="w-full w-full h-full object-cover object-center"
6095      
6096    >
6097  </picture>
6098
6099
6100        </div>
6101      </a>
6102    
6103    
6104    
6105      
6106          
6107          
6108
6109          <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>
6110            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6111            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6112              <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>
6113              <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>
6114                
6115                  
6116                
6117                  
6118                    
6119                      
6120                      <li class="product-swatch__label-container">
6121                        <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>
6122                          XXS
6123                        </button>
6124                      </li>
6125                    
6126                      
6127                      <li class="product-swatch__label-container">
6128                        <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
6128ded-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>
6129                          XS
6130                        </button>
6131                      </li>
6132                    
6133                      
6134                      <li class="product-swatch__label-container">
6135                        <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>
6136                          S
6137                        </button>
6138                      </li>
6139                    
6140                      
6141                      <li class="product-swatch__label-container">
6142                        <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>
6143                          M
6144                        </button>
6145                      </li>
6146                    
6147                      
6148                      <li class="product-swatch__label-container">
6149                        <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>
6150                          L
6151                        </button>
6152                      </li>
6153                    
6154                      
6155                      <li class="product-swatch__label-container">
6156                        <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>
6157                          XL
6158                        </button>
6159                      </li>
6160                    
6161                  
6162                
6163              </ul>
6164            </div>
6165          </div>
6166
6167          <select class="product-card__select hidden" js-product-card-select>
6168            
6169              <option value="44536331305059"
6170                      data-title="Bone/Riverbed / XXS"
6171                      selected
6172                      >
6173                Bone/Riverbed / XXS
6174              </option>
6175            
6176              <option value="44536331337827"
6177                      data-title="Bone/Riverbed / XS"
6178                      
6179                      >
6180                Bone/Riverbed / XS
6181              </option>
6182            
6183              <option value="44536331370595"
6184                      data-title="Bone/Riverbed / S"
6185                      
6186                      >
6187                Bone/Riverbed / S
6188              </option>
6189            
6190              <option value="44536331403363"
6191                      data-title="Bone/Riverbed / M"
6192                      
6193                      >
6194                Bone/Riverbed / M
6195              </option>
6196            
6197              <option value="44536331436131"
6198                      data-title="Bone/Riverbed / L"
6199                      
6200                      >
6201                Bone/Riverbed / L
6202              </option>
6203            
6204              <option value="44536331468899"
6205                      data-title="Bone/Riverbed / XL"
6206                      
6207                      >
6208                Bone/Riverbed / XL
6209              </option>
6210            
6211          </select>
6212        <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>
6213          QUICK VIEW
6214        </button>
6215      
6216    
6217  </div>
6218  <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 " 
6219    data-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" 
6220    data-collection="" 
6221    data-core="swatch-collection-core-non-sale"
6222    data-seasonal="swatch-collection-non-sale" 
6223    data-group="YGroup_LD2288"
6224    js-product-card-swatch-container>
6225      <fieldset>
6226        <legend id="product-card-swatch-legend-roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="visually-hidden">Roam Quilted Reversible Jacket - Color Options</legend>
6227        <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>
6228          <!-- SWATCHES RENDER HERE -->
6229        </div>
6230      </fieldset>
6231      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6232        <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;">
6233          <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">
6234<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6235</svg>
6236</span>
6237        </button>
6238        <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;">
6239          <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">
6240<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6241</svg>
6242</span>
6243        </button>
6244      </div>
6245      <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>
6246  </div>
6247  <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">
6248    
6249    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6250      <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6251        <h3 class="f0">Roam Quilted Reversible Jacket</h3>
6252      </a>
6253      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6254        
6255        
6256          <span class="product-card__price product-card__price--current ">$248.00</span>
6257        
6258      </div>
6259      
6260    </div>
6261    
6262  </div>
6263</product-card>
6264                    </div>
6265                  </div>
6266                
6267                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6268                    <div class="collection-carousel__content h-full">
6269                      
6270
6271<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="glowzone™ High Waisted Midi Legging" data-product-handle="glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" data-swatch-carousel-disabled">
6272  <div class="product-card__image-container relative">
6273    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6274      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6275      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8046423212131 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8046423212131" data-variant-id="44292066050147" data-product-url="https://beyondyoga.com/products/glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005">
6276      </button>
6277      <!-- Swym Wishlist Plus EPI Button-->
6278      
6279    </div>
6280    
6281      <a href="/products/glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" class="product-card__image-link" js-produdct-card-link aria-label="glowzone™ High Waisted Midi Legging">
6282        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6283          
6284
6285
6286
6287
6288  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6289    
6290    <img
6291      src="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=300"
6292      srcset="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=1024 1024
6292w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A5_0793dd40-5dd7-4da3-948e-ce32a2999619.jpg?v=1784589115&width=1920 1920w"
6293      sizes="(min-width: 1024px) 25vw, 50vw"
6294      width="1884"
6295      height="2440"
6296      loading="lazy"
6297      decoding="async"
6298      
6299      alt="glowzone™ High Waisted Midi Legging"
6300      class="w-full w-full h-full object-cover object-center"
6301      
6302    >
6303  </picture>
6304
6305
6306        </div>
6307        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6308          
6309
6310
6311
6312
6313  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6314    
6315    <img
6316      src="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300"
6317      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"
6318      sizes="(min-width: 1024px) 25vw, 50vw"
6319      width="1884"
6320      height="2440"
6321      loading="lazy"
6322      decoding="async"
6323      
6324      alt="glowzone™ High Waisted Midi Legging"
6325      class="w-full w-full h-full object-cover object-center"
6326      
6327    >
6328  </picture>
6329
6330
6331        </div>
6332      </a>
6333    
6334    
6335    
6336      
6337          
6338          
6339
6340          <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>
6341            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6342            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6343              <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>
6344              <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="glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" js-product-card-options>
6345                
6346                  
6347                
6348                  
6349                    
6350                      
6351                      <li class="product-swatch__label-container">
6352                        <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="glowzone™-high-waisted-midi-legging-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6353                          XXS
6354                        </button>
6355                      </li>
6356                    
6357                      
6358                      <li class="product-swatch__label-container">
6359                        <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
6359ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="glowzone™-high-waisted-midi-legging-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6360                          XS
6361                        </button>
6362                      </li>
6363                    
6364                      
6365                      <li class="product-swatch__label-container">
6366                        <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="glowzone™-high-waisted-midi-legging-S" data-color="" role="button" data-value="S" aria-label="Add size:S of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6367                          S
6368                        </button>
6369                      </li>
6370                    
6371                      
6372                      <li class="product-swatch__label-container">
6373                        <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="glowzone™-high-waisted-midi-legging-M" data-color="" role="button" data-value="M" aria-label="Add size:M of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6374                          M
6375                        </button>
6376                      </li>
6377                    
6378                      
6379                      <li class="product-swatch__label-container">
6380                        <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="glowzone™-high-waisted-midi-legging-L" data-color="" role="button" data-value="L" aria-label="Add size:L of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6381                          L
6382                        </button>
6383                      </li>
6384                    
6385                      
6386                      <li class="product-swatch__label-container">
6387                        <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="glowzone™-high-waisted-midi-legging-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6388                          XL
6389                        </button>
6390                      </li>
6391                    
6392                      
6393                      <li class="product-swatch__label-container">
6394                        <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="glowzone™-high-waisted-midi-legging-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of glowzone™ High Waisted Midi Legging with color:  to cart" js-product-card-quick-add-swatch>
6395                          XXL
6396                        </button>
6397                      </li>
6398                    
6399                  
6400                
6401              </ul>
6402            </div>
6403          </div>
6404
6405          <select class="product-card__select hidden" js-product-card-select>
6406            
6407              <option value="44292066050147"
6408                      data-title="Legacy Pine / XXS"
6409                      selected
6410                      >
6411                Legacy Pine / XXS
6412              </option>
6413            
6414              <option value="44292066082915"
6415                      data-title="Legacy Pine / XS"
6416                      
6417                      >
6418                Legacy Pine / XS
6419              </option>
6420            
6421              <option value="44292066115683"
6422                      data-title="Legacy Pine / S"
6423                      
6424                      >
6425                Legacy Pine / S
6426              </option>
6427            
6428              <option value="44292066148451"
6429                      data-title="Legacy Pine / M"
6430                      
6431                      >
6432                Legacy Pine / M
6433              </option>
6434            
6435              <option value="44292066181219"
6436                      data-title="Legacy Pine / L"
6437                      
6438                      >
6439                Legacy Pine / L
6440              </option>
6441            
6442              <option value="44292066213987"
6443                      data-title="Legacy Pine / XL"
6444                      
6445                      >
6446                Legacy Pine / XL
6447              </option>
6448            
6449              <option value="44292066246755"
6450                      data-title="Legacy Pine / XXL"
6451                      
6452                      >
6453                Legacy Pine / XXL
6454              </option>
6455            
6456          </select>
6457        <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 glowzone™ High Waisted Midi Legging" js-quickshop-trigger>
6458          QUICK VIEW
6459        </button>
6460      
6461    
6462  </div>
6463  <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 " 
6464    data-handle="glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" 
6465    data-collection="" 
6466    data-core="swatch-collection-core-non-sale"
6467    data-seasonal="swatch-collection-non-sale" 
6468    data-group="YGroup_PG3586"
6469    js-product-card-swatch-container>
6470      <fieldset>
6471        <legend id="product-card-swatch-legend-glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" class="visually-hidden">glowzone™ High Waisted Midi Legging - Color Options</legend>
6472        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" js-swatch-carousel>
6473          <!-- SWATCHES RENDER HERE -->
6474        </div>
6475      </fieldset>
6476      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6477        <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;">
6478          <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">
6479<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6480</svg>
6481</span>
6482        </button>
6483        <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;">
6484          <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">
6485<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6486</svg>
6487</span>
6488        </button>
6489      </div>
6490      <a href="/products/glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="glowzone™ High Waisted Midi Legging Colors" js-product-card-swatch-count js-produdct-card-link></a>
6491  </div>
6492  <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">
6493    
6494      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
6495        NEW FABRIC
6496      </p>
6497    
6498    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6499      <a href="/products/glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6500        <h3 class="f0">glowzone™ High Waisted Midi Legging</h3>
6501      </a>
6502      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6503        
6504        
6505          <span class="product-card__price product-card__price--current ">$108.00</span>
6506        
6507      </div>
6508      
6509        <div class="product-card__double-sale-text f0 w-full tabletl:mt-auto" style="color: #000000;" js-product-card-promo-text>
6510          <strong>Get 3 Free Months of SotoMethod On Demand with any glowzone™ Legging Purchase<strong></strong></strong>
6511        </div>
6512      
6513    </div>
6514    
6515  </div>
6516</product-card>
6517                    </div>
6518                  </div>
6519                
6520                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6521                    <div class="collection-carousel__content h-full">
6522                      
6523
6524<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="glowzone™ Hybrid Straight Leg Pant 29&quot;" data-product-handle="glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" data-swatch-carousel-disabled">
6525  <div class="product-card__image-container relative">
6526    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6527      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6528      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8046428192867 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8046428192867" data-variant-id="44292088168547" data-product-url="https://beyondyoga.com/products/glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001">
6529      </button>
6530      <!-- Swym Wishlist Plus EPI Button-->
6531      
6532    </div>
6533    
6534      <a href="/products/glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" class="product-card__image-link" js-produdct-card-link aria-label="glowzone™ Hybrid Straight Leg Pant 29"">
6535        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6536          
6537
6538
6539
6540
6541  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6542    
6543    <img
6544      src="//beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=300"
6545      srcset="//beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=300 300w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=600 600w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=750 750w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=1024 1024w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=1280 1280w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=1440 1440w, //beyondyoga.com/cdn/shop/files/00AAU-0001_20.jpg?v=1784180738&width=1920 1920w"
6546      sizes="(min-width: 1024px) 25vw, 50vw"
6547      width="1884"
6548      height="2440"
6549      loading="lazy"
6550      decoding="async"
6551      
6552      alt="glowzone™ Hybrid Straight Leg Pant 29""
6553      class="w-full w-full h-full object-cover object-center"
6554      
6555    >
6556  </picture>
6557
6558
6559        </div>
6560        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6561          
6562
6563
6564
6565
6566  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6567    
6568    <img
6569      src="//beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=300"
6570      srcset="//beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=300 300w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=600 600w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=750 750w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=1024 1024w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=1280 1280w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=1440 1440w, //beyondyoga.com/cdn/shop/files/00AAU-0001_22.jpg?v=1784180738&width=1920 1920w"
6571      sizes="(min-width: 1024px) 25vw, 50vw"
6572      width="1884"
6573      height="2440"
6574      loading="lazy"
6575      decoding="async"
6576      
6577      alt="glowzone™ Hybrid Straight Leg Pant 29""
6578      class="w-full w-full h-full object-cover object-center"
6579      
6580    >
6581  </picture>
6582
6583
6584        </div>
6585      </a>
6586    
6587    
6588    
6589      
6590          
6591          
6592
6593          <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>
6594            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6595            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6596              <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>
6597              <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="glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" js-product-card-options>
6598                
6599                  
6600                
6601                  
6602                    
6603                      
6604                      <li class="product-swatch__label-container">
6605                        <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
6605ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition"  id="glowzone™-hybrid-straight-leg-pant-29-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6606                          XXS
6607                        </button>
6608                      </li>
6609                    
6610                      
6611                      <li class="product-swatch__label-container">
6612                        <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="glowzone™-hybrid-straight-leg-pant-29-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6613                          XS
6614                        </button>
6615                      </li>
6616                    
6617                      
6618                      <li class="product-swatch__label-container">
6619                        <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="glowzone™-hybrid-straight-leg-pant-29-S" data-color="" role="button" data-value="S" aria-label="Add size:S of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6620                          S
6621                        </button>
6622                      </li>
6623                    
6624                      
6625                      <li class="product-swatch__label-container">
6626                        <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="glowzone™-hybrid-straight-leg-pant-29-M" data-color="" role="button" data-value="M" aria-label="Add size:M of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6627                          M
6628                        </button>
6629                      </li>
6630                    
6631                      
6632                      <li class="product-swatch__label-container">
6633                        <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="glowzone™-hybrid-straight-leg-pant-29-L" data-color="" role="button" data-value="L" aria-label="Add size:L of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6634                          L
6635                        </button>
6636                      </li>
6637                    
6638                      
6639                      <li class="product-swatch__label-container">
6640                        <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="glowzone™-hybrid-straight-leg-pant-29-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of glowzone™ Hybrid Straight Leg Pant 29" with color:  to cart" js-product-card-quick-add-swatch>
6641                          XL
6642                        </button>
6643                      </li>
6644                    
6645                  
6646                
6647              </ul>
6648            </div>
6649          </div>
6650
6651          <select class="product-card__select hidden" js-product-card-select>
6652            
6653              <option value="44292088168547"
6654                      data-title="Cocoa Plum / XXS"
6655                      selected
6656                      >
6657                Cocoa Plum / XXS
6658              </option>
6659            
6660              <option value="44292088201315"
6661                      data-title="Cocoa Plum / XS"
6662                      
6663                      >
6664                Cocoa Plum / XS
6665              </option>
6666            
6667              <option value="44292088234083"
6668                      data-title="Cocoa Plum / S"
6669                      
6670                      >
6671                Cocoa Plum / S
6672              </option>
6673            
6674              <option value="44292088266851"
6675                      data-title="Cocoa Plum / M"
6676                      
6677                      >
6678                Cocoa Plum / M
6679              </option>
6680            
6681              <option value="44292088299619"
6682                      data-title="Cocoa Plum / L"
6683                      
6684                      >
6685                Cocoa Plum / L
6686              </option>
6687            
6688              <option value="44292088332387"
6689                      data-title="Cocoa Plum / XL"
6690                      
6691                      >
6692                Cocoa Plum / XL
6693              </option>
6694            
6695          </select>
6696        <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 glowzone™ Hybrid Straight Leg Pant 29"" js-quickshop-trigger>
6697          QUICK VIEW
6698        </button>
6699      
6700    
6701  </div>
6702  <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 " 
6703    data-handle="glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" 
6704    data-collection="" 
6705    data-core="swatch-collection-core-non-sale"
6706    data-seasonal="swatch-collection-non-sale" 
6707    data-group="YGroup_RU1354S"
6708    js-product-card-swatch-container>
6709      <fieldset>
6710        <legend id="product-card-swatch-legend-glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" class="visually-hidden">glowzone™ Hybrid Straight Leg Pant 29" - Color Options</legend>
6711        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" js-swatch-carousel>
6712          <!-- SWATCHES RENDER HERE -->
6713        </div>
6714      </fieldset>
6715      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
6716        <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;">
6717          <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">
6718<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
6719</svg>
6720</span>
6721        </button>
6722        <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;">
6723          <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">
6724<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
6725</svg>
6726</span>
6727        </button>
6728      </div>
6729      <a href="/products/glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="glowzone™ Hybrid Straight Leg Pant 29" Colors" js-product-card-swatch-count js-produdct-card-link></a>
6730  </div>
6731  <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">
6732    
6733      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
6734        NEW FABRIC
6735      </p>
6736    
6737    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
6738      <a href="/products/glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
6739        <h3 class="f0">glowzone™ Hybrid Straight Leg Pant 29"</h3>
6740      </a>
6741      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
6742        
6743        
6744          <span class="product-card__price product-card__price--current ">$128.00</span>
6745        
6746      </div>
6747      
6748    </div>
6749    
6750  </div>
6751</product-card>
6752                    </div>
6753                  </div>
6754                
6755              </div>
6756              <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>
6757                <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">
6758<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"/>
6759</svg>
6760</span>
6761              </div>
6762              <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>
6763                <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">
6764<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"/>
6765</svg>
6766</span>
6767              </div>
6768            </div>
6769          </s-carousel>
6770        </div>
6771      
6772    
6773      
6774      
6775        
6776        
6777        
6778<div 
6779          id="tab-collection_6j7qr6-content-panel" 
6780          class="tab__panel" 
6781          role="tabpanel" 
6782          aria-labelledby="tab-collection_6j7qr6-tab" 
6783          aria-hidden="true"
6784          js-tab-panel
6785        >
6786          <s-carousel class="block relative" data-options='{
6787            "slidesPerView": "auto",
6788            "spaceBetween": 6,
6789            "slidesOffsetBefore": 24,
6790            "slidesOffsetAfter": 24,
6791            "freeMode": true,
6792            "autoHeight": false,
6793            "loop": false,
6794            "navigation": {
6795              "enabled": true,
6796              "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]",
6797              "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]"
6798            },
6799            "breakpoints": {
6800              "1024": {
6801                "slidesPerView": "auto",
6802                "spaceBetween": 8,
6803                "slidesOffsetBefore": 64,
6804                "slidesOffsetAfter": 64
6805              }
6806            }
6807          }'>
6808            <div id="Carousel-collection_6j7qr6" class="swiper grid grid-cols-1" js-carousel>
6809              <div class="swiper-wrapper">
6810                
6811                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
6812                    <div class="collection-carousel__content h-full">
6813                      
6814
6815<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">
6816  <div class="product-card__image-container relative">
6817    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
6818      <!-- Swym Wishlist Plus EPI Button with default first variant -->
6819      <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">
6820      </button>
6821      <!-- Swym Wishlist Plus EPI Button-->
6822      
6823    </div>
6824    
6825      <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"">
6826        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
6827          
6828
6829
6830
6831
6832  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6833    
6834    <img
6835      src="//beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=300"
6836      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 1024w, //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"
6837      sizes="(min-width: 1024px) 25vw, 50vw"
6838      width="1884"
6839      height="2440"
6840      loading="lazy"
6841      decoding="async"
6842      
6843      alt="Element Men's Chino Trouser 30""
6844      class="w-full w-full h-full object-cover object-center"
6845      
6846    >
6847  </picture>
6848
6849
6850        </div>
6851        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
6852          
6853
6854
6855
6856
6857  <picture class="lazypicture block w-full aspect-[2/3] w-full">
6858    
6859    <img
6860      src="//beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=300"
6861      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 1024
6861w, //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"
6862      sizes="(min-width: 1024px) 25vw, 50vw"
6863      width="1884"
6864      height="2440"
6865      loading="lazy"
6866      decoding="async"
6867      
6868      alt="Element Men's Chino Trouser 30""
6869      class="w-full w-full h-full object-cover object-center"
6870      
6871    >
6872  </picture>
6873
6874
6875        </div>
6876      </a>
6877    
6878    
6879    
6880      
6881          
6882          
6883
6884          <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>
6885            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
6886            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
6887              <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>
6888              <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>
6889                
6890                  
6891                
6892                  
6893                    
6894                      
6895                      <li class="product-swatch__label-container">
6896                        <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>
6897                          28
6898                        </button>
6899                      </li>
6900                    
6901                      
6902                      <li class="product-swatch__label-container">
6903                        <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-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>
6904                          30
6905                        </button>
6906                      </li>
6907                    
6908                      
6909                      <li class="product-swatch__label-container">
6910                        <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>
6911                          32
6912                        </button>
6913                      </li>
6914                    
6915                      
6916                      <li class="product-swatch__label-container">
6917                        <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
6917ded-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>
6918                          34
6919                        </button>
6920                      </li>
6921                    
6922                      
6923                      <li class="product-swatch__label-container">
6924                        <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>
6925                          36
6926                        </button>
6927                      </li>
6928                    
6929                      
6930                      <li class="product-swatch__label-container">
6931                        <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>
6932                          38
6933                        </button>
6934                      </li>
6935                    
6936                  
6937                
6938              </ul>
6939            </div>
6940          </div>
6941
6942          <select class="product-card__select hidden" js-product-card-select>
6943            
6944              <option value="43455600525411"
6945                      data-title="Nocturnal Navy / 28"
6946                      selected
6947                      >
6948                Nocturnal Navy / 28
6949              </option>
6950            
6951              <option value="43455600558179"
6952                      data-title="Nocturnal Navy / 30"
6953                      
6954                      >
6955                Nocturnal Navy / 30
6956              </option>
6957            
6958              <option value="43455600590947"
6959                      data-title="Nocturnal Navy / 32"
6960                      
6961                      >
6962                Nocturnal Navy / 32
6963              </option>
6964            
6965              <option value="43455600623715"
6966                      data-title="Nocturnal Navy / 34"
6967                      
6968                      >
6969                Nocturnal Navy / 34
6970              </option>
6971            
6972              <option value="43455600656483"
6973                      data-title="Nocturnal Navy / 36"
6974                      
6975                      >
6976                Nocturnal Navy / 36
6977              </option>
6978            
6979              <option value="43455600689251"
6980                      data-title="Nocturnal Navy / 38"
6981                      
6982                      >
6983                Nocturnal Navy / 38
6984              </option>
6985            
6986          </select>
6987        <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>
6988          QUICK VIEW
6989        </button>
6990      
6991    
6992  </div>
6993  <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 " 
6994    data-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" 
6995    data-collection="" 
6996    data-core="swatch-collection-core-non-sale"
6997    data-seasonal="swatch-collection-non-sale" 
6998    data-group="YGroup_MC1276DS"
6999    js-product-card-swatch-container>
7000      <fieldset>
7001        <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>
7002        <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>
7003          <!-- SWATCHES RENDER HERE -->
7004        </div>
7005      </fieldset>
7006      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7007        <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;">
7008          <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">
7009<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7010</svg>
7011</span>
7012        </button>
7013        <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;">
7014          <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">
7015<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7016</svg>
7017</span>
7018        </button>
7019      </div>
7020      <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>
7021  </div>
7022  <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">
7023    
7024    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7025      <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7026        <h3 class="f0">Element Men's Chino Trouser 30"</h3>
7027      </a>
7028      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7029        
7030        
7031          <span class="product-card__price product-card__price--current ">$128.00</span>
7032        
7033      </div>
7034      
7035    </div>
7036    
7037  </div>
7038</product-card>
7039                    </div>
7040                  </div>
7041                
7042                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7043                    <div class="collection-carousel__content h-full">
7044                      
7045
7046<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">
7047  <div class="product-card__image-container relative">
7048    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7049      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7050      <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">
7051      </button>
7052      <!-- Swym Wishlist Plus EPI Button-->
7053      
7054    </div>
7055    
7056      <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">
7057        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7058          
7059
7060
7061
7062
7063  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7064    
7065    <img
7066      src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=300"
7067      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
7067w, //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"
7068      sizes="(min-width: 1024px) 25vw, 50vw"
7069      width="1884"
7070      height="2440"
7071      loading="lazy"
7072      decoding="async"
7073      
7074      alt="Spacedye™ Terrain Men's Quarter Zip Pullover"
7075      class="w-full w-full h-full object-cover object-center"
7076      
7077    >
7078  </picture>
7079
7080
7081        </div>
7082        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7083          
7084
7085
7086
7087
7088  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7089    
7090    <img
7091      src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=300"
7092      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"
7093      sizes="(min-width: 1024px) 25vw, 50vw"
7094      width="1884"
7095      height="2440"
7096      loading="lazy"
7097      decoding="async"
7098      
7099      alt="Spacedye™ Terrain Men's Quarter Zip Pullover"
7100      class="w-full w-full h-full object-cover object-center"
7101      
7102    >
7103  </picture>
7104
7105
7106        </div>
7107      </a>
7108    
7109    
7110    
7111      
7112          
7113          
7114
7115          <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>
7116            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7117            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7118              <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>
7119              <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>
7120                
7121                  
7122                
7123                  
7124                    
7125                      
7126                      <li class="product-swatch__label-container">
7127                        <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>
7128                          XS
7129                        </button>
7130                      </li>
7131                    
7132                      
7133                      <li class="product-swatch__label-container">
7134                        <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
7134ded-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>
7135                          S
7136                        </button>
7137                      </li>
7138                    
7139                      
7140                      <li class="product-swatch__label-container">
7141                        <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>
7142                          M
7143                        </button>
7144                      </li>
7145                    
7146                      
7147                      <li class="product-swatch__label-container">
7148                        <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>
7149                          L
7150                        </button>
7151                      </li>
7152                    
7153                      
7154                      <li class="product-swatch__label-container">
7155                        <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>
7156                          XL
7157                        </button>
7158                      </li>
7159                    
7160                      
7161                      <li class="product-swatch__label-container">
7162                        <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>
7163                          2XL
7164                        </button>
7165                      </li>
7166                    
7167                  
7168                
7169              </ul>
7170            </div>
7171          </div>
7172
7173          <select class="product-card__select hidden" js-product-card-select>
7174            
7175              <option value="43455009128547"
7176                      data-title="Darkest Night / XS"
7177                      selected
7178                      >
7179                Darkest Night / XS
7180              </option>
7181            
7182              <option value="43455009161315"
7183                      data-title="Darkest Night / S"
7184                      
7185                      >
7186                Darkest Night / S
7187              </option>
7188            
7189              <option value="43455009194083"
7190                      data-title="Darkest Night / M"
7191                      
7192                      >
7193                Darkest Night / M
7194              </option>
7195            
7196              <option value="43455009226851"
7197                      data-title="Darkest Night / L"
7198                      
7199                      >
7200                Darkest Night / L
7201              </option>
7202            
7203              <option value="43455009259619"
7204                      data-title="Darkest Night / XL"
7205                      
7206                      >
7207                Darkest Night / XL
7208              </option>
7209            
7210              <option value="43455009292387"
7211                      data-title="Darkest Night / 2XL"
7212                      
7213                      >
7214                Darkest Night / 2XL
7215              </option>
7216            
7217          </select>
7218        <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>
7219          QUICK VIEW
7220        </button>
7221      
7222    
7223  </div>
7224  <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 " 
7225    data-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" 
7226    data-collection="" 
7227    data-core="swatch-collection-core-non-sale"
7228    data-seasonal="swatch-collection-non-sale" 
7229    data-group="YGroup_SD7971D"
7230    js-product-card-swatch-container>
7231      <fieldset>
7232        <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>
7233        <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>
7234          <!-- SWATCHES RENDER HERE -->
7235        </div>
7236      </fieldset>
7237      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7238        <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;">
7239          <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">
7240<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7241</svg>
7242</span>
7243        </button>
7244        <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;">
7245          <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">
7246<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7247</svg>
7248</span>
7249        </button>
7250      </div>
7251      <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>
7252  </div>
7253  <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">
7254    
7255    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7256      <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>
7257        <h3 class="f0">Spacedye™ Terrain Men's Quarter Zip Pullover</h3>
7258      </a>
7259      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7260        
7261        
7262          <span class="product-card__price product-card__price--current ">$110.00</span>
7263        
7264      </div>
7265      
7266    </div>
7267    
7268  </div>
7269</product-card>
7270                    </div>
7271                  </div>
7272                
7273                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7274                    <div class="collection-carousel__content h-full">
7275                      
7276
7277<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">
7278  <div class="product-card__image-container relative">
7279    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7280      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7281      <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">
7282      </button>
7283      <!-- Swym Wishlist Plus EPI Button-->
7284      
7285    </div>
7286    
7287      <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">
7288        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7289          
7290
7291
7292
7293
7294  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7295    
7296    <img
7297      src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=300"
7298      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
7298w, //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"
7299      sizes="(min-width: 1024px) 25vw, 50vw"
7300      width="1884"
7301      height="2440"
7302      loading="lazy"
7303      decoding="async"
7304      
7305      alt="Boucle Fleece Men's Zip Jacket"
7306      class="w-full w-full h-full object-cover object-center"
7307      
7308    >
7309  </picture>
7310
7311
7312        </div>
7313        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7314          
7315
7316
7317
7318
7319  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7320    
7321    <img
7322      src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=300"
7323      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"
7324      sizes="(min-width: 1024px) 25vw, 50vw"
7325      width="1884"
7326      height="2440"
7327      loading="lazy"
7328      decoding="async"
7329      
7330      alt="Boucle Fleece Men's Zip Jacket"
7331      class="w-full w-full h-full object-cover object-center"
7332      
7333    >
7334  </picture>
7335
7336
7337        </div>
7338      </a>
7339    
7340    
7341    
7342      
7343          
7344          
7345
7346          <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>
7347            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7348            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7349              <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>
7350              <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>
7351                
7352                  
7353                
7354                  
7355                    
7356                      
7357                      <li class="product-swatch__label-container">
7358                        <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>
7359                          XS
7360                        </button>
7361                      </li>
7362                    
7363                      
7364                      <li class="product-swatch__label-container">
7365                        <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
7365ded-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>
7366                          S
7367                        </button>
7368                      </li>
7369                    
7370                      
7371                      <li class="product-swatch__label-container">
7372                        <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>
7373                          M
7374                        </button>
7375                      </li>
7376                    
7377                      
7378                      <li class="product-swatch__label-container">
7379                        <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>
7380                          L
7381                        </button>
7382                      </li>
7383                    
7384                      
7385                      <li class="product-swatch__label-container">
7386                        <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>
7387                          XL
7388                        </button>
7389                      </li>
7390                    
7391                      
7392                      <li class="product-swatch__label-container">
7393                        <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>
7394                          2XL
7395                        </button>
7396                      </li>
7397                    
7398                  
7399                
7400              </ul>
7401            </div>
7402          </div>
7403
7404          <select class="product-card__select hidden" js-product-card-select>
7405            
7406              <option value="43519289786467"
7407                      data-title="Deep Maroon / XS"
7408                      selected
7409                      >
7410                Deep Maroon / XS
7411              </option>
7412            
7413              <option value="43519289819235"
7414                      data-title="Deep Maroon / S"
7415                      
7416                      >
7417                Deep Maroon / S
7418              </option>
7419            
7420              <option value="43519289852003"
7421                      data-title="Deep Maroon / M"
7422                      
7423                      >
7424                Deep Maroon / M
7425              </option>
7426            
7427              <option value="43519289884771"
7428                      data-title="Deep Maroon / L"
7429                      
7430                      >
7431                Deep Maroon / L
7432              </option>
7433            
7434              <option value="43519289917539"
7435                      data-title="Deep Maroon / XL"
7436                      
7437                      >
7438                Deep Maroon / XL
7439              </option>
7440            
7441              <option value="43519289950307"
7442                      data-title="Deep Maroon / 2XL"
7443                      
7444                      >
7445                Deep Maroon / 2XL
7446              </option>
7447            
7448          </select>
7449        <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>
7450          QUICK VIEW
7451        </button>
7452      
7453    
7454  </div>
7455  <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 " 
7456    data-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" 
7457    data-collection="" 
7458    data-core="swatch-collection-core-non-sale"
7459    data-seasonal="swatch-collection-non-sale" 
7460    data-group="YGroup_CU2295D"
7461    js-product-card-swatch-container>
7462      <fieldset>
7463        <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>
7464        <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>
7465          <!-- SWATCHES RENDER HERE -->
7466        </div>
7467      </fieldset>
7468      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7469        <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;">
7470          <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">
7471<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7472</svg>
7473</span>
7474        </button>
7475        <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;">
7476          <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">
7477<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7478</svg>
7479</span>
7480        </button>
7481      </div>
7482      <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>
7483  </div>
7484  <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">
7485    
7486      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
7487        NEW ARRIVAL
7488      </p>
7489    
7490    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7491      <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7492        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
7493      </a>
7494      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7495        
7496        
7497          <span class="product-card__price product-card__price--current ">$178.00</span>
7498        
7499      </div>
7500      
7501    </div>
7502    
7503  </div>
7504</product-card>
7505                    </div>
7506                  </div>
7507                
7508                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7509                    <div class="collection-carousel__content h-full">
7510                      
7511
7512<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">
7513  <div class="product-card__image-container relative">
7514    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7515      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7516      <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">
7517      </button>
7518      <!-- Swym Wishlist Plus EPI Button-->
7519      
7520    </div>
7521    
7522      <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">
7523        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7524          
7525
7526
7527
7528
7529  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7530    
7531    <img
7532      src="//beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=300"
7533      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"
7534      sizes="(min-width: 1024px) 25vw, 50vw"
7535      width="1884"
7536      height="2440"
7537      loading="lazy"
7538      decoding="async"
7539      
7540      alt="Plaid Wool Blend Men's Shirt Jacket"
7541      class="w-full w-full h-full object-cover object-center"
7542      
7543    >
7544  </picture>
7545
7546
7547        </div>
7548        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7549          
7550
7551
7552
7553
7554  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7555    
7556    <img
7557      src="//beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=300"
7558      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"
7559      sizes="(min-width: 1024px) 25vw, 50vw"
7560      width="1884"
7561      height="2440"
7562      loading="lazy"
7563      decoding="async"
7564      
7565      alt="Plaid Wool Blend Men's Shirt Jacket"
7566      class="w-full w-full h-full object-cover object-center"
7567      
7568    >
7569  </picture>
7570
7571
7572        </div>
7573      </a>
7574    
7575    
7576    
7577      
7578          
7579          
7580
7581          <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>
7582            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7583            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7584              <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>
7585              <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
7585hirt-jacket-midnight-plaid-dv2299d" js-product-card-options>
7586                
7587                  
7588                
7589                  
7590                    
7591                      
7592                      <li class="product-swatch__label-container">
7593                        <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>
7594                          XS
7595                        </button>
7596                      </li>
7597                    
7598                      
7599                      <li class="product-swatch__label-container">
7600                        <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>
7601                          S
7602                        </button>
7603                      </li>
7604                    
7605                      
7606                      <li class="product-swatch__label-container">
7607                        <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>
7608                          M
7609                        </button>
7610                      </li>
7611                    
7612                      
7613                      <li class="product-swatch__label-container">
7614                        <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>
7615                          L
7616                        </button>
7617                      </li>
7618                    
7619                      
7620                      <li class="product-swatch__label-container">
7621                        <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>
7622                          XL
7623                        </button>
7624                      </li>
7625                    
7626                      
7627                      <li class="product-swatch__label-container">
7628                        <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
7628hirt-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>
7629                          2XL
7630                        </button>
7631                      </li>
7632                    
7633                  
7634                
7635              </ul>
7636            </div>
7637          </div>
7638
7639          <select class="product-card__select hidden" js-product-card-select>
7640            
7641              <option value="43519298109539"
7642                      data-title="Midnight Plaid / XS"
7643                      selected
7644                      >
7645                Midnight Plaid / XS
7646              </option>
7647            
7648              <option value="43519298142307"
7649                      data-title="Midnight Plaid / S"
7650                      
7651                      >
7652                Midnight Plaid / S
7653              </option>
7654            
7655              <option value="43519298175075"
7656                      data-title="Midnight Plaid / M"
7657                      
7658                      >
7659                Midnight Plaid / M
7660              </option>
7661            
7662              <option value="43519298207843"
7663                      data-title="Midnight Plaid / L"
7664                      
7665                      disabled="disabled">
7666                Midnight Plaid / L
7667              </option>
7668            
7669              <option value="43519298240611"
7670                      data-title="Midnight Plaid / XL"
7671                      
7672                      disabled="disabled">
7673                Midnight Plaid / XL
7674              </option>
7675            
7676              <option value="43519298273379"
7677                      data-title="Midnight Plaid / 2XL"
7678                      
7679                      disabled="disabled">
7680                Midnight Plaid / 2XL
7681              </option>
7682            
7683          </select>
7684        <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>
7685          QUICK VIEW
7686        </button>
7687      
7688    
7689  </div>
7690  <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 " 
7691    data-handle="plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" 
7692    data-collection="" 
7693    data-core="swatch-collection-core-non-sale"
7694    data-seasonal="swatch-collection-non-sale" 
7695    data-group="YGroup_DV2299D"
7696    js-product-card-swatch-container>
7697      <fieldset>
7698        <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>
7699        <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>
7700          <!-- SWATCHES RENDER HERE -->
7701        </div>
7702      </fieldset>
7703      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7704        <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;">
7705          <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">
7706<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7707</svg>
7708</span>
7709        </button>
7710        <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;">
7711          <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">
7712<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7713</svg>
7714</span>
7715        </button>
7716      </div>
7717      <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>
7718  </div>
7719  <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">
7720    
7721    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7722      <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>
7723        <h3 class="f0">Plaid Wool Blend Men's Shirt Jacket</h3>
7724      </a>
7725      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7726        
7727        
7728          <span class="product-card__price product-card__price--current ">$228.00</span>
7729        
7730      </div>
7731      
7732    </div>
7733    
7734  </div>
7735</product-card>
7736                    </div>
7737                  </div>
7738                
7739                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7740                    <div class="collection-carousel__content h-full">
7741                      
7742
7743<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">
7744  <div class="product-card__image-container relative">
7745    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7746      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7747      <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">
7748      </button>
7749      <!-- Swym Wishlist Plus EPI Button-->
7750      
7751    </div>
7752    
7753      <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">
7754        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7755          
7756
7757
7758
7759
7760  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7761    
7762    <img
7763      src="//beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=300"
7764      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"
7765      sizes="(min-width: 1024px) 25vw, 50vw"
7766      width="1884"
7767      height="2440"
7768      loading="lazy"
7769      decoding="async"
7770      
7771      alt="Boucle Fleece Men's Zip Jacket"
7772      class="w-full w-full h-full object-cover object-center"
7773      
7774    >
7775  </picture>
7776
7777
7778        </div>
7779        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
7780          
7781
7782
7783
7784
7785  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7786    
7787    <img
7788      src="//beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=300"
7789      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
7789w, //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"
7790      sizes="(min-width: 1024px) 25vw, 50vw"
7791      width="1884"
7792      height="2440"
7793      loading="lazy"
7794      decoding="async"
7795      
7796      alt="Boucle Fleece Men's Zip Jacket"
7797      class="w-full w-full h-full object-cover object-center"
7798      
7799    >
7800  </picture>
7801
7802
7803        </div>
7804      </a>
7805    
7806    
7807    
7808      
7809          
7810          
7811
7812          <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>
7813            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
7814            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
7815              <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>
7816              <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>
7817                
7818                  
7819                
7820                  
7821                    
7822                      
7823                      <li class="product-swatch__label-container">
7824                        <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>
7825                          XS
7826                        </button>
7827                      </li>
7828                    
7829                      
7830                      <li class="product-swatch__label-container">
7831                        <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>
7832                          S
7833                        </button>
7834                      </li>
7835                    
7836                      
7837                      <li class="product-swatch__label-container">
7838                        <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>
7839                          M
7840                        </button>
7841                      </li>
7842                    
7843                      
7844                      <li class="product-swatch__label-container">
7845                        <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
7845ded-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>
7846                          L
7847                        </button>
7848                      </li>
7849                    
7850                      
7851                      <li class="product-swatch__label-container">
7852                        <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>
7853                          XL
7854                        </button>
7855                      </li>
7856                    
7857                      
7858                      <li class="product-swatch__label-container">
7859                        <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>
7860                          2XL
7861                        </button>
7862                      </li>
7863                    
7864                  
7865                
7866              </ul>
7867            </div>
7868          </div>
7869
7870          <select class="product-card__select hidden" js-product-card-select>
7871            
7872              <option value="43519295291491"
7873                      data-title="Sand / XS"
7874                      selected
7875                      >
7876                Sand / XS
7877              </option>
7878            
7879              <option value="43519295324259"
7880                      data-title="Sand / S"
7881                      
7882                      >
7883                Sand / S
7884              </option>
7885            
7886              <option value="43519295357027"
7887                      data-title="Sand / M"
7888                      
7889                      >
7890                Sand / M
7891              </option>
7892            
7893              <option value="43519295389795"
7894                      data-title="Sand / L"
7895                      
7896                      >
7897                Sand / L
7898              </option>
7899            
7900              <option value="43519295422563"
7901                      data-title="Sand / XL"
7902                      
7903                      >
7904                Sand / XL
7905              </option>
7906            
7907              <option value="43519295455331"
7908                      data-title="Sand / 2XL"
7909                      
7910                      >
7911                Sand / 2XL
7912              </option>
7913            
7914          </select>
7915        <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>
7916          QUICK VIEW
7917        </button>
7918      
7919    
7920  </div>
7921  <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 " 
7922    data-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" 
7923    data-collection="" 
7924    data-core="swatch-collection-core-non-sale"
7925    data-seasonal="swatch-collection-non-sale" 
7926    data-group="YGroup_CU2295D"
7927    js-product-card-swatch-container>
7928      <fieldset>
7929        <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>
7930        <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>
7931          <!-- SWATCHES RENDER HERE -->
7932        </div>
7933      </fieldset>
7934      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
7935        <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;">
7936          <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">
7937<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
7938</svg>
7939</span>
7940        </button>
7941        <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;">
7942          <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">
7943<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
7944</svg>
7945</span>
7946        </button>
7947      </div>
7948      <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>
7949  </div>
7950  <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">
7951    
7952      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
7953        NEW ARRIVAL
7954      </p>
7955    
7956    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
7957      <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
7958        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
7959      </a>
7960      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
7961        
7962        
7963          <span class="product-card__price product-card__price--current ">$178.00</span>
7964        
7965      </div>
7966      
7967    </div>
7968    
7969  </div>
7970</product-card>
7971                    </div>
7972                  </div>
7973                
7974                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
7975                    <div class="collection-carousel__content h-full">
7976                      
7977
7978<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">
7979  <div class="product-card__image-container relative">
7980    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
7981      <!-- Swym Wishlist Plus EPI Button with default first variant -->
7982      <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">
7983      </button>
7984      <!-- Swym Wishlist Plus EPI Button-->
7985      
7986    </div>
7987    
7988      <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">
7989        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
7990          
7991
7992
7993
7994
7995  <picture class="lazypicture block w-full aspect-[2/3] w-full">
7996    
7997    <img
7998      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"
7999      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
7999w, //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"
8000      sizes="(min-width: 1024px) 25vw, 50vw"
8001      width="1884"
8002      height="2440"
8003      loading="lazy"
8004      decoding="async"
8005      
8006      alt="Day to Night Wool Men's Shirt Jacket"
8007      class="w-full w-full h-full object-cover object-center"
8008      
8009    >
8010  </picture>
8011
8012
8013        </div>
8014        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8015          
8016
8017
8018
8019
8020  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8021    
8022    <img
8023      src="//beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=300"
8024      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"
8025      sizes="(min-width: 1024px) 25vw, 50vw"
8026      width="1884"
8027      height="2440"
8028      loading="lazy"
8029      decoding="async"
8030      
8031      alt="Day to Night Wool Men's Shirt Jacket"
8032      class="w-full w-full h-full object-cover object-center"
8033      
8034    >
8035  </picture>
8036
8037
8038        </div>
8039      </a>
8040    
8041    
8042    
8043      
8044          
8045          
8046
8047          <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>
8048            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8049            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8050              <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>
8051              <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>
8052                
8053                  
8054                
8055                  
8056                    
8057                      
8058                      <li class="product-swatch__label-container">
8059                        <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>
8060                          XS
8061                        </button>
8062                      </li>
8063                    
8064                      
8065                      <li class="product-swatch__label-container">
8066                        <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
8066ded-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>
8067                          S
8068                        </button>
8069                      </li>
8070                    
8071                      
8072                      <li class="product-swatch__label-container">
8073                        <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>
8074                          M
8075                        </button>
8076                      </li>
8077                    
8078                      
8079                      <li class="product-swatch__label-container">
8080                        <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>
8081                          L
8082                        </button>
8083                      </li>
8084                    
8085                      
8086                      <li class="product-swatch__label-container">
8087                        <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>
8088                          XL
8089                        </button>
8090                      </li>
8091                    
8092                      
8093                      <li class="product-swatch__label-container">
8094                        <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>
8095                          2XL
8096                        </button>
8097                      </li>
8098                    
8099                  
8100                
8101              </ul>
8102            </div>
8103          </div>
8104
8105          <select class="product-card__select hidden" js-product-card-select>
8106            
8107              <option value="43517900750947"
8108                      data-title="Fog Gray Heather / XS"
8109                      selected
8110                      >
8111                Fog Gray Heather / XS
8112              </option>
8113            
8114              <option value="43517900783715"
8115                      data-title="Fog Gray Heather / S"
8116                      
8117                      >
8118                Fog Gray Heather / S
8119              </option>
8120            
8121              <option value="43517900816483"
8122                      data-title="Fog Gray Heather / M"
8123                      
8124                      >
8125                Fog Gray Heather / M
8126              </option>
8127            
8128              <option value="43517900849251"
8129                      data-title="Fog Gray Heather / L"
8130                      
8131                      >
8132                Fog Gray Heather / L
8133              </option>
8134            
8135              <option value="43517900882019"
8136                      data-title="Fog Gray Heather / XL"
8137                      
8138                      >
8139                Fog Gray Heather / XL
8140              </option>
8141            
8142              <option value="43517900914787"
8143                      data-title="Fog Gray Heather / 2XL"
8144                      
8145                      >
8146                Fog Gray Heather / 2XL
8147              </option>
8148            
8149          </select>
8150        <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>
8151          QUICK VIEW
8152        </button>
8153      
8154    
8155  </div>
8156  <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 " 
8157    data-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" 
8158    data-collection="" 
8159    data-core="swatch-collection-core-non-sale"
8160    data-seasonal="swatch-collection-non-sale" 
8161    data-group="YGroup_BR2300D"
8162    js-product-card-swatch-container>
8163      <fieldset>
8164        <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>
8165        <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>
8166          <!-- SWATCHES RENDER HERE -->
8167        </div>
8168      </fieldset>
8169      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8170        <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;">
8171          <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">
8172<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8173</svg>
8174</span>
8175        </button>
8176        <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;">
8177          <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">
8178<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8179</svg>
8180</span>
8181        </button>
8182      </div>
8183      <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>
8184  </div>
8185  <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">
8186    
8187    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8188      <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>
8189        <h3 class="f0">Day to Night Wool Men's Shirt Jacket</h3>
8190      </a>
8191      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8192        
8193        
8194          <span class="product-card__price product-card__price--current ">$228.00</span>
8195        
8196      </div>
8197      
8198    </div>
8199    
8200  </div>
8201</product-card>
8202                    </div>
8203                  </div>
8204                
8205                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8206                    <div class="collection-carousel__content h-full">
8207                      
8208
8209<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">
8210  <div class="product-card__image-container relative">
8211    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8212      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8213      <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">
8214      </button>
8215      <!-- Swym Wishlist Plus EPI Button-->
8216      
8217    </div>
8218    
8219      <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">
8220        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8221          
8222
8223
8224
8225
8226  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8227    
8228    <img
8229      src="//beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=300"
8230      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
8230w, //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"
8231      sizes="(min-width: 1024px) 25vw, 50vw"
8232      width="1884"
8233      height="2440"
8234      loading="lazy"
8235      decoding="async"
8236      
8237      alt="Rest Day Men's Waffle Crewneck"
8238      class="w-full w-full h-full object-cover object-center"
8239      
8240    >
8241  </picture>
8242
8243
8244        </div>
8245        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8246          
8247
8248
8249
8250
8251  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8252    
8253    <img
8254      src="//beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=300"
8255      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"
8256      sizes="(min-width: 1024px) 25vw, 50vw"
8257      width="1884"
8258      height="2440"
8259      loading="lazy"
8260      decoding="async"
8261      
8262      alt="Rest Day Men's Waffle Crewneck"
8263      class="w-full w-full h-full object-cover object-center"
8264      
8265    >
8266  </picture>
8267
8268
8269        </div>
8270      </a>
8271    
8272    
8273    
8274      
8275          
8276          
8277
8278          <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>
8279            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8280            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8281              <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>
8282              <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>
8283                
8284                  
8285                
8286                  
8287                    
8288                      
8289                      <li class="product-swatch__label-container">
8290                        <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>
8291                          XS
8292                        </button>
8293                      </li>
8294                    
8295                      
8296                      <li class="product-swatch__label-container">
8297                        <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
8297ded-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>
8298                          S
8299                        </button>
8300                      </li>
8301                    
8302                      
8303                      <li class="product-swatch__label-container">
8304                        <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>
8305                          M
8306                        </button>
8307                      </li>
8308                    
8309                      
8310                      <li class="product-swatch__label-container">
8311                        <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>
8312                          L
8313                        </button>
8314                      </li>
8315                    
8316                      
8317                      <li class="product-swatch__label-container">
8318                        <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>
8319                          XL
8320                        </button>
8321                      </li>
8322                    
8323                      
8324                      <li class="product-swatch__label-container">
8325                        <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>
8326                          2XL
8327                        </button>
8328                      </li>
8329                    
8330                  
8331                
8332              </ul>
8333            </div>
8334          </div>
8335
8336          <select class="product-card__select hidden" js-product-card-select>
8337            
8338              <option value="44426250125411"
8339                      data-title="Black / XS"
8340                      selected
8341                      >
8342                Black / XS
8343              </option>
8344            
8345              <option value="44426250158179"
8346                      data-title="Black / S"
8347                      
8348                      >
8349                Black / S
8350              </option>
8351            
8352              <option value="44426250190947"
8353                      data-title="Black / M"
8354                      
8355                      >
8356                Black / M
8357              </option>
8358            
8359              <option value="44426250223715"
8360                      data-title="Black / L"
8361                      
8362                      >
8363                Black / L
8364              </option>
8365            
8366              <option value="44426250256483"
8367                      data-title="Black / XL"
8368                      
8369                      >
8370                Black / XL
8371              </option>
8372            
8373              <option value="44426250289251"
8374                      data-title="Black / 2XL"
8375                      
8376                      >
8377                Black / 2XL
8378              </option>
8379            
8380          </select>
8381        <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>
8382          QUICK VIEW
8383        </button>
8384      
8385    
8386  </div>
8387  <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 " 
8388    data-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" 
8389    data-collection="" 
8390    data-core="swatch-collection-core-non-sale"
8391    data-seasonal="swatch-collection-non-sale" 
8392    data-group="YGroup_WG70094D"
8393    js-product-card-swatch-container>
8394      <fieldset>
8395        <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>
8396        <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>
8397          <!-- SWATCHES RENDER HERE -->
8398        </div>
8399      </fieldset>
8400      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8401        <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;">
8402          <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">
8403<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8404</svg>
8405</span>
8406        </button>
8407        <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;">
8408          <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">
8409<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8410</svg>
8411</span>
8412        </button>
8413      </div>
8414      <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>
8415  </div>
8416  <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">
8417    
8418    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8419      <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8420        <h3 class="f0">Rest Day Men's Waffle Crewneck</h3>
8421      </a>
8422      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8423        
8424        
8425          <span class="product-card__price product-card__price--current ">$118.00</span>
8426        
8427      </div>
8428      
8429    </div>
8430    
8431  </div>
8432</product-card>
8433                    </div>
8434                  </div>
8435                
8436                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8437                    <div class="collection-carousel__content h-full">
8438                      
8439
8440<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">
8441  <div class="product-card__image-container relative">
8442    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8443      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8444      <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">
8445      </button>
8446      <!-- Swym Wishlist Plus EPI Button-->
8447      
8448    </div>
8449    
8450      <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">
8451        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8452          
8453
8454
8455
8456
8457  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8458    
8459    <img
8460      src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=300"
8461      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
8461w, //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"
8462      sizes="(min-width: 1024px) 25vw, 50vw"
8463      width="1884"
8464      height="2440"
8465      loading="lazy"
8466      decoding="async"
8467      
8468      alt="Canyon Chino Men's Jacket"
8469      class="w-full w-full h-full object-cover object-center"
8470      
8471    >
8472  </picture>
8473
8474
8475        </div>
8476        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8477          
8478
8479
8480
8481
8482  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8483    
8484    <img
8485      src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=300"
8486      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"
8487      sizes="(min-width: 1024px) 25vw, 50vw"
8488      width="1884"
8489      height="2440"
8490      loading="lazy"
8491      decoding="async"
8492      
8493      alt="Canyon Chino Men's Jacket"
8494      class="w-full w-full h-full object-cover object-center"
8495      
8496    >
8497  </picture>
8498
8499
8500        </div>
8501      </a>
8502    
8503    
8504    
8505      
8506          
8507          
8508
8509          <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>
8510            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8511            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8512              <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>
8513              <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>
8514                
8515                  
8516                
8517                  
8518                    
8519                      
8520                      <li class="product-swatch__label-container">
8521                        <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>
8522                          XS
8523                        </button>
8524                      </li>
8525                    
8526                      
8527                      <li class="product-swatch__label-container">
8528                        <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
8528ded-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>
8529                          S
8530                        </button>
8531                      </li>
8532                    
8533                      
8534                      <li class="product-swatch__label-container">
8535                        <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>
8536                          M
8537                        </button>
8538                      </li>
8539                    
8540                      
8541                      <li class="product-swatch__label-container">
8542                        <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>
8543                          L
8544                        </button>
8545                      </li>
8546                    
8547                      
8548                      <li class="product-swatch__label-container">
8549                        <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>
8550                          XL
8551                        </button>
8552                      </li>
8553                    
8554                      
8555                      <li class="product-swatch__label-container">
8556                        <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>
8557                          2XL
8558                        </button>
8559                      </li>
8560                    
8561                  
8562                
8563              </ul>
8564            </div>
8565          </div>
8566
8567          <select class="product-card__select hidden" js-product-card-select>
8568            
8569              <option value="44426348953699"
8570                      data-title="Nocturnal Navy / XS"
8571                      selected
8572                      >
8573                Nocturnal Navy / XS
8574              </option>
8575            
8576              <option value="44426348986467"
8577                      data-title="Nocturnal Navy / S"
8578                      
8579                      >
8580                Nocturnal Navy / S
8581              </option>
8582            
8583              <option value="44426349019235"
8584                      data-title="Nocturnal Navy / M"
8585                      
8586                      >
8587                Nocturnal Navy / M
8588              </option>
8589            
8590              <option value="44426349052003"
8591                      data-title="Nocturnal Navy / L"
8592                      
8593                      >
8594                Nocturnal Navy / L
8595              </option>
8596            
8597              <option value="44426349084771"
8598                      data-title="Nocturnal Navy / XL"
8599                      
8600                      >
8601                Nocturnal Navy / XL
8602              </option>
8603            
8604              <option value="44426349117539"
8605                      data-title="Nocturnal Navy / 2XL"
8606                      
8607                      >
8608                Nocturnal Navy / 2XL
8609              </option>
8610            
8611          </select>
8612        <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>
8613          QUICK VIEW
8614        </button>
8615      
8616    
8617  </div>
8618  <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 " 
8619    data-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" 
8620    data-collection="" 
8621    data-core="swatch-collection-core-non-sale"
8622    data-seasonal="swatch-collection-non-sale" 
8623    data-group="YGroup_MC2352D"
8624    js-product-card-swatch-container>
8625      <fieldset>
8626        <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>
8627        <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>
8628          <!-- SWATCHES RENDER HERE -->
8629        </div>
8630      </fieldset>
8631      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8632        <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;">
8633          <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">
8634<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8635</svg>
8636</span>
8637        </button>
8638        <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;">
8639          <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">
8640<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8641</svg>
8642</span>
8643        </button>
8644      </div>
8645      <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>
8646  </div>
8647  <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">
8648    
8649      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
8650        NEW ARRIVAL
8651      </p>
8652    
8653    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8654      <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
8655        <h3 class="f0">Canyon Chino Men's Jacket</h3>
8656      </a>
8657      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8658        
8659        
8660          <span class="product-card__price product-card__price--current ">$178.00</span>
8661        
8662      </div>
8663      
8664    </div>
8665    
8666  </div>
8667</product-card>
8668                    </div>
8669                  </div>
8670                
8671                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8672                    <div class="collection-carousel__content h-full">
8673                      
8674
8675<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">
8676  <div class="product-card__image-container relative">
8677    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8678      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8679      <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">
8680      </button>
8681      <!-- Swym Wishlist Plus EPI Button-->
8682      
8683    </div>
8684    
8685      <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">
8686        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8687          
8688
8689
8690
8691
8692  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8693    
8694    <img
8695      src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=300"
8696      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
8696w, //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"
8697      sizes="(min-width: 1024px) 25vw, 50vw"
8698      width="1884"
8699      height="2440"
8700      loading="lazy"
8701      decoding="async"
8702      
8703      alt="Always Beyond Men's Long Sleeve Crew 2.0"
8704      class="w-full w-full h-full object-cover object-center"
8705      
8706    >
8707  </picture>
8708
8709
8710        </div>
8711        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8712          
8713
8714
8715
8716
8717  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8718    
8719    <img
8720      src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=300"
8721      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"
8722      sizes="(min-width: 1024px) 25vw, 50vw"
8723      width="1884"
8724      height="2440"
8725      loading="lazy"
8726      decoding="async"
8727      
8728      alt="Always Beyond Men's Long Sleeve Crew 2.0"
8729      class="w-full w-full h-full object-cover object-center"
8730      
8731    >
8732  </picture>
8733
8734
8735        </div>
8736      </a>
8737    
8738    
8739    
8740      
8741          
8742          
8743
8744          <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>
8745            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8746            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8747              <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>
8748              <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>
8749                
8750                  
8751                
8752                  
8753                    
8754                      
8755                      <li class="product-swatch__label-container">
8756                        <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>
8757                          XS
8758                        </button>
8759                      </li>
8760                    
8761                      
8762                      <li class="product-swatch__label-container">
8763                        <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
8763ded-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>
8764                          S
8765                        </button>
8766                      </li>
8767                    
8768                      
8769                      <li class="product-swatch__label-container">
8770                        <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>
8771                          M
8772                        </button>
8773                      </li>
8774                    
8775                      
8776                      <li class="product-swatch__label-container">
8777                        <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>
8778                          L
8779                        </button>
8780                      </li>
8781                    
8782                      
8783                      <li class="product-swatch__label-container">
8784                        <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>
8785                          XL
8786                        </button>
8787                      </li>
8788                    
8789                      
8790                      <li class="product-swatch__label-container">
8791                        <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>
8792                          2XL
8793                        </button>
8794                      </li>
8795                    
8796                  
8797                
8798              </ul>
8799            </div>
8800          </div>
8801
8802          <select class="product-card__select hidden" js-product-card-select>
8803            
8804              <option value="44543292571747"
8805                      data-title="Dark Ivy Heather / XS"
8806                      selected
8807                      >
8808                Dark Ivy Heather / XS
8809              </option>
8810            
8811              <option value="44543292604515"
8812                      data-title="Dark Ivy Heather / S"
8813                      
8814                      >
8815                Dark Ivy Heather / S
8816              </option>
8817            
8818              <option value="44543292637283"
8819                      data-title="Dark Ivy Heather / M"
8820                      
8821                      >
8822                Dark Ivy Heather / M
8823              </option>
8824            
8825              <option value="44543292670051"
8826                      data-title="Dark Ivy Heather / L"
8827                      
8828                      >
8829                Dark Ivy Heather / L
8830              </option>
8831            
8832              <option value="44543292702819"
8833                      data-title="Dark Ivy Heather / XL"
8834                      
8835                      >
8836                Dark Ivy Heather / XL
8837              </option>
8838            
8839              <option value="44543292735587"
8840                      data-title="Dark Ivy Heather / 2XL"
8841                      
8842                      >
8843                Dark Ivy Heather / 2XL
8844              </option>
8845            
8846          </select>
8847        <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>
8848          QUICK VIEW
8849        </button>
8850      
8851    
8852  </div>
8853  <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 " 
8854    data-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" 
8855    data-collection="" 
8856    data-core="swatch-collection-core-non-sale"
8857    data-seasonal="swatch-collection-non-sale" 
8858    data-group="YGroup_LWSD7905D"
8859    js-product-card-swatch-container>
8860      <fieldset>
8861        <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>
8862        <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>
8863          <!-- SWATCHES RENDER HERE -->
8864        </div>
8865      </fieldset>
8866      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
8867        <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;">
8868          <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">
8869<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
8870</svg>
8871</span>
8872        </button>
8873        <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;">
8874          <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">
8875<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
8876</svg>
8877</span>
8878        </button>
8879      </div>
8880      <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>
8881  </div>
8882  <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">
8883    
8884    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
8885      <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>
8886        <h3 class="f0">Always Beyond Men's Long Sleeve Crew 2.0</h3>
8887      </a>
8888      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
8889        
8890        
8891          <span class="product-card__price product-card__price--current ">$74.00</span>
8892        
8893      </div>
8894      
8895    </div>
8896    
8897  </div>
8898</product-card>
8899                    </div>
8900                  </div>
8901                
8902                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
8903                    <div class="collection-carousel__content h-full">
8904                      
8905
8906<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">
8907  <div class="product-card__image-container relative">
8908    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
8909      <!-- Swym Wishlist Plus EPI Button with default first variant -->
8910      <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">
8911      </button>
8912      <!-- Swym Wishlist Plus EPI Button-->
8913      
8914    </div>
8915    
8916      <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">
8917        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
8918          
8919
8920
8921
8922
8923  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8924    
8925    <img
8926      src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=300"
8927      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
8927w, //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"
8928      sizes="(min-width: 1024px) 25vw, 50vw"
8929      width="1884"
8930      height="2440"
8931      loading="lazy"
8932      decoding="async"
8933      
8934      alt="In Flight Insulated Men's Shirt Jacket"
8935      class="w-full w-full h-full object-cover object-center"
8936      
8937    >
8938  </picture>
8939
8940
8941        </div>
8942        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
8943          
8944
8945
8946
8947
8948  <picture class="lazypicture block w-full aspect-[2/3] w-full">
8949    
8950    <img
8951      src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=300"
8952      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"
8953      sizes="(min-width: 1024px) 25vw, 50vw"
8954      width="1884"
8955      height="2440"
8956      loading="lazy"
8957      decoding="async"
8958      
8959      alt="In Flight Insulated Men's Shirt Jacket"
8960      class="w-full w-full h-full object-cover object-center"
8961      
8962    >
8963  </picture>
8964
8965
8966        </div>
8967      </a>
8968    
8969    
8970    
8971      
8972          
8973          
8974
8975          <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>
8976            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
8977            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
8978              <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>
8979              <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>
8980                
8981                  
8982                
8983                  
8984                    
8985                      
8986                      <li class="product-swatch__label-container">
8987                        <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>
8988                          XS
8989                        </button>
8990                      </li>
8991                    
8992                      
8993                      <li class="product-swatch__label-container">
8994                        <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
8994ded-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>
8995                          S
8996                        </button>
8997                      </li>
8998                    
8999                      
9000                      <li class="product-swatch__label-container">
9001                        <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>
9002                          M
9003                        </button>
9004                      </li>
9005                    
9006                      
9007                      <li class="product-swatch__label-container">
9008                        <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>
9009                          L
9010                        </button>
9011                      </li>
9012                    
9013                      
9014                      <li class="product-swatch__label-container">
9015                        <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>
9016                          XL
9017                        </button>
9018                      </li>
9019                    
9020                      
9021                      <li class="product-swatch__label-container">
9022                        <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>
9023                          2XL
9024                        </button>
9025                      </li>
9026                    
9027                  
9028                
9029              </ul>
9030            </div>
9031          </div>
9032
9033          <select class="product-card__select hidden" js-product-card-select>
9034            
9035              <option value="43472216293475"
9036                      data-title="Black Ash / XS"
9037                      selected
9038                      >
9039                Black Ash / XS
9040              </option>
9041            
9042              <option value="43472216326243"
9043                      data-title="Black Ash / S"
9044                      
9045                      >
9046                Black Ash / S
9047              </option>
9048            
9049              <option value="43472216359011"
9050                      data-title="Black Ash / M"
9051                      
9052                      >
9053                Black Ash / M
9054              </option>
9055            
9056              <option value="43472216391779"
9057                      data-title="Black Ash / L"
9058                      
9059                      >
9060                Black Ash / L
9061              </option>
9062            
9063              <option value="43472216424547"
9064                      data-title="Black Ash / XL"
9065                      
9066                      >
9067                Black Ash / XL
9068              </option>
9069            
9070              <option value="43472216457315"
9071                      data-title="Black Ash / 2XL"
9072                      
9073                      disabled="disabled">
9074                Black Ash / 2XL
9075              </option>
9076            
9077          </select>
9078        <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>
9079          QUICK VIEW
9080        </button>
9081      
9082    
9083  </div>
9084  <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 " 
9085    data-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" 
9086    data-collection="" 
9087    data-core="swatch-collection-core-non-sale"
9088    data-seasonal="swatch-collection-non-sale" 
9089    data-group="YGroup_ME2276D"
9090    js-product-card-swatch-container>
9091      <fieldset>
9092        <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>
9093        <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>
9094          <!-- SWATCHES RENDER HERE -->
9095        </div>
9096      </fieldset>
9097      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9098        <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;">
9099          <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">
9100<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9101</svg>
9102</span>
9103        </button>
9104        <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;">
9105          <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">
9106<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9107</svg>
9108</span>
9109        </button>
9110      </div>
9111      <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>
9112  </div>
9113  <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">
9114    
9115    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9116      <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9117        <h3 class="f0">In Flight Insulated Men's Shirt Jacket</h3>
9118      </a>
9119      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9120        
9121        
9122          <span class="product-card__price product-card__price--current ">$178.00</span>
9123        
9124      </div>
9125      
9126    </div>
9127    
9128  </div>
9129</product-card>
9130                    </div>
9131                  </div>
9132                
9133                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9134                    <div class="collection-carousel__content h-full">
9135                      
9136
9137<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">
9138  <div class="product-card__image-container relative">
9139    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9140      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9141      <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">
9142      </button>
9143      <!-- Swym Wishlist Plus EPI Button-->
9144      
9145    </div>
9146    
9147      <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">
9148        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9149          
9150
9151
9152
9153
9154  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9155    
9156    <img
9157      src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=300"
9158      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 1024
9158w, //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"
9159      sizes="(min-width: 1024px) 25vw, 50vw"
9160      width="1884"
9161      height="2440"
9162      loading="lazy"
9163      decoding="async"
9164      
9165      alt="Boucle Fleece Men's Zip Jacket"
9166      class="w-full w-full h-full object-cover object-center"
9167      
9168    >
9169  </picture>
9170
9171
9172        </div>
9173        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9174          
9175
9176
9177
9178
9179  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9180    
9181    <img
9182      src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=300"
9183      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"
9184      sizes="(min-width: 1024px) 25vw, 50vw"
9185      width="1884"
9186      height="2440"
9187      loading="lazy"
9188      decoding="async"
9189      
9190      alt="Boucle Fleece Men's Zip Jacket"
9191      class="w-full w-full h-full object-cover object-center"
9192      
9193    >
9194  </picture>
9195
9196
9197        </div>
9198      </a>
9199    
9200    
9201    
9202      
9203          
9204          
9205
9206          <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>
9207            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9208            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9209              <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>
9210              <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>
9211                
9212                  
9213                
9214                  
9215                    
9216                      
9217                      <li class="product-swatch__label-container">
9218                        <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>
9219                          XS
9220                        </button>
9221                      </li>
9222                    
9223                      
9224                      <li class="product-swatch__label-container">
9225                        <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
9225ded-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>
9226                          S
9227                        </button>
9228                      </li>
9229                    
9230                      
9231                      <li class="product-swatch__label-container">
9232                        <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>
9233                          M
9234                        </button>
9235                      </li>
9236                    
9237                      
9238                      <li class="product-swatch__label-container">
9239                        <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>
9240                          L
9241                        </button>
9242                      </li>
9243                    
9244                      
9245                      <li class="product-swatch__label-container">
9246                        <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>
9247                          XL
9248                        </button>
9249                      </li>
9250                    
9251                      
9252                      <li class="product-swatch__label-container">
9253                        <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>
9254                          2XL
9255                        </button>
9256                      </li>
9257                    
9258                  
9259                
9260              </ul>
9261            </div>
9262          </div>
9263
9264          <select class="product-card__select hidden" js-product-card-select>
9265            
9266              <option value="43519293227107"
9267                      data-title="Lush Olive / XS"
9268                      selected
9269                      >
9270                Lush Olive / XS
9271              </option>
9272            
9273              <option value="43519293259875"
9274                      data-title="Lush Olive / S"
9275                      
9276                      >
9277                Lush Olive / S
9278              </option>
9279            
9280              <option value="43519293292643"
9281                      data-title="Lush Olive / M"
9282                      
9283                      >
9284                Lush Olive / M
9285              </option>
9286            
9287              <option value="43519293325411"
9288                      data-title="Lush Olive / L"
9289                      
9290                      >
9291                Lush Olive / L
9292              </option>
9293            
9294              <option value="43519293358179"
9295                      data-title="Lush Olive / XL"
9296                      
9297                      >
9298                Lush Olive / XL
9299              </option>
9300            
9301              <option value="43519293390947"
9302                      data-title="Lush Olive / 2XL"
9303                      
9304                      >
9305                Lush Olive / 2XL
9306              </option>
9307            
9308          </select>
9309        <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>
9310          QUICK VIEW
9311        </button>
9312      
9313    
9314  </div>
9315  <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 " 
9316    data-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" 
9317    data-collection="" 
9318    data-core="swatch-collection-core-non-sale"
9319    data-seasonal="swatch-collection-non-sale" 
9320    data-group="YGroup_CU2295D"
9321    js-product-card-swatch-container>
9322      <fieldset>
9323        <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>
9324        <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>
9325          <!-- SWATCHES RENDER HERE -->
9326        </div>
9327      </fieldset>
9328      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9329        <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;">
9330          <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">
9331<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9332</svg>
9333</span>
9334        </button>
9335        <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;">
9336          <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">
9337<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9338</svg>
9339</span>
9340        </button>
9341      </div>
9342      <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>
9343  </div>
9344  <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">
9345    
9346      <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black">
9347        NEW ARRIVAL
9348      </p>
9349    
9350    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9351      <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9352        <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3>
9353      </a>
9354      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9355        
9356        
9357          <span class="product-card__price product-card__price--current ">$178.00</span>
9358        
9359      </div>
9360      
9361    </div>
9362    
9363  </div>
9364</product-card>
9365                    </div>
9366                  </div>
9367                
9368                  <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide >
9369                    <div class="collection-carousel__content h-full">
9370                      
9371
9372<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-sand-me2276d" data-swatch-carousel-disabled">
9373  <div class="product-card__image-container relative">
9374    <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] ">
9375      <!-- Swym Wishlist Plus EPI Button with default first variant -->
9376      <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7823704031331 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7823704031331" data-variant-id="43472222191715" data-product-url="https://beyondyoga.com/products/insulated-seasons-shirt-jacket-sand-me2276d">
9377      </button>
9378      <!-- Swym Wishlist Plus EPI Button-->
9379      
9380    </div>
9381    
9382      <a href="/products/insulated-seasons-shirt-jacket-sand-me2276d" class="product-card__image-link" js-produdct-card-link aria-label="In Flight Insulated Men's Shirt Jacket">
9383        <div class="product-card__image product-card__image--featured" js-product-card-featured-image>
9384          
9385
9386
9387
9388
9389  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9390    
9391    <img
9392      src="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300"
9393      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 1024
9393w, //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"
9394      sizes="(min-width: 1024px) 25vw, 50vw"
9395      width="1884"
9396      height="2440"
9397      loading="lazy"
9398      decoding="async"
9399      
9400      alt="In Flight Insulated Men's Shirt Jacket"
9401      class="w-full w-full h-full object-cover object-center"
9402      
9403    >
9404  </picture>
9405
9406
9407        </div>
9408        <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image>
9409          
9410
9411
9412
9413
9414  <picture class="lazypicture block w-full aspect-[2/3] w-full">
9415    
9416    <img
9417      src="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=300"
9418      srcset="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5660.jpg?v=1784821079&width=1920 1920w"
9419      sizes="(min-width: 1024px) 25vw, 50vw"
9420      width="1884"
9421      height="2440"
9422      loading="lazy"
9423      decoding="async"
9424      
9425      alt="In Flight Insulated Men's Shirt Jacket"
9426      class="w-full w-full h-full object-cover object-center"
9427      
9428    >
9429  </picture>
9430
9431
9432        </div>
9433      </a>
9434    
9435    
9436    
9437      
9438          
9439          
9440
9441          <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>
9442            <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner>
9443            <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0">
9444              <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>
9445              <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-sand-me2276d" js-product-card-options>
9446                
9447                  
9448                
9449                  
9450                    
9451                      
9452                      <li class="product-swatch__label-container">
9453                        <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>
9454                          XS
9455                        </button>
9456                      </li>
9457                    
9458                      
9459                      <li class="product-swatch__label-container">
9460                        <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
9460ded-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>
9461                          S
9462                        </button>
9463                      </li>
9464                    
9465                      
9466                      <li class="product-swatch__label-container">
9467                        <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>
9468                          M
9469                        </button>
9470                      </li>
9471                    
9472                      
9473                      <li class="product-swatch__label-container">
9474                        <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>
9475                          L
9476                        </button>
9477                      </li>
9478                    
9479                      
9480                      <li class="product-swatch__label-container">
9481                        <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>
9482                          XL
9483                        </button>
9484                      </li>
9485                    
9486                      
9487                      <li class="product-swatch__label-container">
9488                        <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>
9489                          2XL
9490                        </button>
9491                      </li>
9492                    
9493                  
9494                
9495              </ul>
9496            </div>
9497          </div>
9498
9499          <select class="product-card__select hidden" js-product-card-select>
9500            
9501              <option value="43472222191715"
9502                      data-title="Sand / XS"
9503                      selected
9504                      >
9505                Sand / XS
9506              </option>
9507            
9508              <option value="43472222224483"
9509                      data-title="Sand / S"
9510                      
9511                      >
9512                Sand / S
9513              </option>
9514            
9515              <option value="43472222257251"
9516                      data-title="Sand / M"
9517                      
9518                      >
9519                Sand / M
9520              </option>
9521            
9522              <option value="43472222290019"
9523                      data-title="Sand / L"
9524                      
9525                      >
9526                Sand / L
9527              </option>
9528            
9529              <option value="43472222322787"
9530                      data-title="Sand / XL"
9531                      
9532                      >
9533                Sand / XL
9534              </option>
9535            
9536              <option value="43472222355555"
9537                      data-title="Sand / 2XL"
9538                      
9539                      disabled="disabled">
9540                Sand / 2XL
9541              </option>
9542            
9543          </select>
9544        <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>
9545          QUICK VIEW
9546        </button>
9547      
9548    
9549  </div>
9550  <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 " 
9551    data-handle="insulated-seasons-shirt-jacket-sand-me2276d" 
9552    data-collection="" 
9553    data-core="swatch-collection-core-non-sale"
9554    data-seasonal="swatch-collection-non-sale" 
9555    data-group="YGroup_ME2276D"
9556    js-product-card-swatch-container>
9557      <fieldset>
9558        <legend id="product-card-swatch-legend-insulated-seasons-shirt-jacket-sand-me2276d" class="visually-hidden">In Flight Insulated Men's Shirt Jacket - Color Options</legend>
9559        <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-insulated-seasons-shirt-jacket-sand-me2276d" js-swatch-carousel>
9560          <!-- SWATCHES RENDER HERE -->
9561        </div>
9562      </fieldset>
9563      <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none">
9564        <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;">
9565          <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">
9566<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/>
9567</svg>
9568</span>
9569        </button>
9570        <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;">
9571          <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">
9572<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/>
9573</svg>
9574</span>
9575        </button>
9576      </div>
9577      <a href="/products/insulated-seasons-shirt-jacket-sand-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>
9578  </div>
9579  <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">
9580    
9581    <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8">
9582      <a href="/products/insulated-seasons-shirt-jacket-sand-me2276d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link>
9583        <h3 class="f0">In Flight Insulated Men's Shirt Jacket</h3>
9584      </a>
9585      <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price>
9586        
9587        
9588          <span class="product-card__price product-card__price--current ">$178.00</span>
9589        
9590      </div>
9591      
9592    </div>
9593    
9594  </div>
9595</product-card>
9596                    </div>
9597                  </div>
9598                
9599              </div>
9600              <div class="swiper-custom-nav swiper-custom-nav--prev !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-prev-template--1935
96007268639843__section_product_carousel_tabbed_fL9VLL-block2>
9601                <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">
9602<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"/>
9603</svg>
9604</span>
9605              </div>
9606              <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>
9607                <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">
9608<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"/>
9609</svg>
9610</span>
9611              </div>
9612            </div>
9613          </s-carousel>
9614        </div>
9615      
9616    
9617  </s-tabs>
9618</section>
9619
9620
9621
9622</div><div id="shopify-section-template--19357268639843__section_columns_grid_rc68M3" class="shopify-section">
9623
9624<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">
9625  
9626    <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32">
9627      <div class="flex items-center justify-start tabletl:justify-start">
9628        <p class="section__columns-grid-title f3">Now Trending</p>
9629      </div>
9630    </div>
9631  
9632  <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;">
9633<div class="column-tile flex flex-col items-center text-center relative">
9634          
9635          
9636            <a href="/collections/outerwear" class="block w-full h-full focus:outline-none" aria-label="Shop Outerwear">
9637          
9638          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
9639            
9640              
9641
9642
9643
9644
9645  <picture class="lazypicture block w-full ">
9646    
9647    <img
9648      src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=300"
9649      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 1024w, //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"
9650      sizes="(min-width: 1024px) 25vw, 50vw"
9651      width="2334"
9652      height="3500"
9653      loading="lazy"
9654      decoding="async"
9655      
9656      alt=""
9657      class="w-full w-full h-full object-cover object-center"
9658      
9659    >
9660  </picture>
9661
9662
9663            
9664          </div>
9665          <div class="pt-12 tabletl:pt-16 px-6">
9666            <div class="f1">Shop Outerwear</div>
9667          </div>
9668          
9669            </a>
9670          
9671        </div>
9672      
9673
9674<div class="column-tile flex flex-col items-center text-center relative">
9675          
9676          
9677            <a href="/collections/pants" class="block w-full h-full focus:outline-none" aria-label="Shop Pants">
9678          
9679          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
9680            
9681              
9682
9683
9684
9685
9686  <picture class="lazypicture block w-full ">
9687    
9688    <img
9689      src="//beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=300"
9690      srcset="//beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=1024 1024
9690w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LS26_T_SD8367_DRKNT_T_HM2377_BLK_B_TE1347_DRKCT_7297.jpg?v=1785444697&width=1920 1920w"
9691      sizes="(min-width: 1024px) 25vw, 50vw"
9692      width="1884"
9693      height="2440"
9694      loading="lazy"
9695      decoding="async"
9696      
9697      alt="A woman wearing a black long-sleeve button-up shirt and dark brown wide-leg pants, posing outdoors in front of a stone wall and black metal fence."
9698      class="w-full w-full h-full object-cover object-center"
9699      
9700    >
9701  </picture>
9702
9703
9704            
9705          </div>
9706          <div class="pt-12 tabletl:pt-16 px-6">
9707            <div class="f1">Shop Pants</div>
9708          </div>
9709          
9710            </a>
9711          
9712        </div>
9713      
9714
9715<div class="column-tile flex flex-col items-center text-center relative">
9716          
9717          
9718            <a href="/pages/glowzone" class="block w-full h-full focus:outline-none" aria-label="Shop glowzone™">
9719          
9720          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
9721            
9722              
9723
9724
9725
9726
9727  <picture class="lazypicture block w-full ">
9728    
9729    <img
9730      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"
9731      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"
9732      sizes="(min-width: 1024px) 25vw, 50vw"
9733      width="2334"
9734      height="3500"
9735      loading="lazy"
9736      decoding="async"
9737      
9738      alt=""
9739      class="w-full w-full h-full object-cover object-center"
9740      
9741    >
9742  </picture>
9743
9744
9745            
9746          </div>
9747          <div class="pt-12 tabletl:pt-16 px-6">
9748            <div class="f1">Shop glowzone™</div>
9749          </div>
9750          
9751            </a>
9752          
9753        </div>
9754      
9755
9756<div class="column-tile flex flex-col items-center text-center relative">
9757          
9758          
9759            <a href="/collections/matching-sets" class="block w-full h-full focus:outline-none" aria-label="Shop Matching Sets">
9760          
9761          <div class="flex w-full aspect-[2/3] overflow-hidden relative">
9762            
9763              
9764
9765
9766
9767
9768  <picture class="lazypicture block w-full ">
9769    
9770    <img
9771      src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=300"
9772      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"
9773      sizes="(min-width: 1024px) 25vw, 50vw"
9774      width="780"
9775      height="1300"
9776      loading="lazy"
9777      decoding="async"
9778      
9779      alt=""
9780      class="w-full w-full h-full object-cover object-center"
9781      
9782    >
9783  </picture>
9784
9785
9786            
9787          </div>
9788          <div class="pt-12 tabletl:pt-16 px-6">
9789            <div class="f1">Shop Matching Sets</div>
9790          </div>
9791          
9792            </a>
9793          
9794        </div>
9795      
9796</div>
9797</section>
9798
9799 </div>
9799<div id="shopify-section-template--19357268639843__section_hero_g4MNLx" class="shopify-section">
9800
9801
9802
9803<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;">
9804  <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">
9805    
9806      <s-hero>
9807      <s-carousel class="section__hero-carousel block w-full relative" data-options='{
9808      "slidesPerView": 1,
9809      "spaceBetween": 0,
9810      "grabCursor": true,
9811      "autoHeight": false,
9812      "effect": "fade",
9813      "fadeEffect": { "crossFade": true }
9814    }'>
9815        <div id="HeroCarousel-template--19357268639843__section_hero_g4MNLx" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel>
9816          <div class="swiper-wrapper">
9817            
9818              <div class="swiper-slide" js-carousel-slide >
9819                <div id="shopify-block-AcTY4R01hY2RFYTlNM__media_banner_g3kw9g" class="shopify-block">
9820
9821
9822<div
9823  class="media-banner relative"
9824  style="
9825    
9826    
9827    --aspect-mobile: 0.6;
9828    --aspect-desktop: 1.6;
9829    --content-width-mobile: 100%;
9830    --content-width-desktop: 100%;
9831  "
9832>
9833  
9834  
9835  
9836  <s-video data-auto-play="false" data-lazy-load="true">
9837    <div class="media-banner-container relative h-full">
9838      
9839      
9840        
9841          <div class="media-banner-media h-full tabletl:hidden">
9842            
9843
9844
9845
9846
9847  <picture class="lazypicture block w-full h-full">
9848    
9849    <img
9850      src="//beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=300"
9851      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"
9852      sizes="(min-width: 1024px) 100vw, 100vw"
9853      width="780"
9854      height="1300"
9855      loading="lazy"
9856      decoding="async"
9857      
9858      alt=""
9859      class="w-full h-full object-cover object-center"
9860      
9861    >
9862  </picture>
9863
9864
9865          </div>
9866        
9867        
9868          <div class="media-banner-media h-full hidden tabletl:block">
9869            
9870
9871
9872
9873
9874  <picture class="lazypicture block w-full h-full">
9875    
9876    <img
9877      src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=300"
9878      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 1024w, //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"
9879      sizes="(min-width: 1024px) 100vw, 100vw"
9880      width="2880"
9881      height="1800"
9882      loading="lazy"
9883      decoding="async"
9884      
9885      alt=""
9886      class="w-full h-full object-cover object-center"
9887      
9888    >
9889  </picture>
9890
9891
9892          </div>
9893        
9894      
9895    </div>
9896  </s-video>
9897  <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;">
9898    
9899      <a href="/collections/new-arrivals" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a>
9900    
9901    <div class="media-banner-content-inner relative">
9902      
9903
9904<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:ju
9904stify-start gap-24 tabletl:gap-32">
9905  
9906    <div class="flex flex-col gap-6 tabletl:gap-8">
9907      
9908      
9909        <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;">
9910          New Arrivals.
9911        </p>
9912      
9913    </div>
9914  
9915
9916  
9917    <div class="flex flex-col gap-12 tabletl:gap-16">
9918      
9919      
9920        <div class="rte font-noiGrotesk ">Our latest styles with the fall  feeling you've been waiting for.</div>
9921      
9922    </div>
9923  
9924
9925  
9926    
9927    <div
9928      class="relative z-[2] max-w-fit  media-banner-cta__paddings"
9929      
9930        style="--cta-padding-top-mobile: 0px;
9931               --cta-padding-right-mobile: 0px;
9932               --cta-padding-bottom-mobile: 0px;
9933               --cta-padding-left-mobile: 0px;
9934               --cta-padding-top-desktop: 0px;
9935               --cta-padding-right-desktop: 0px;
9936               --cta-padding-bottom-desktop: 0px;
9937               --cta-padding-left-desktop: 0px;"
9938      
9939    >
9940      <a href="/collections/new-arrivals" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a>
9941      
9942    </div>
9943  
9944</div>
9945
9946    </div>
9947  </div>
9948</div>
9949
9950
9951
9952
9953</div>
9954
9955              </div>
9956            
9957          </div>
9958          
9959        </div>
9960      </s-carousel>
9961      </s-hero>
9962    
9963  </div>
9964</section>
9965
9966</div><div id="shopify-section-template--19357268639843__section_firework_embed_BQweVq" class="shopify-section">
9967
9968
9969
9970<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">
9971  
9972    <div class="pr-24 tabletl:pr-64 mb-24 tabletl:mb-32">
9973      <div class="flex items-center justify-between">
9974        <p class="f3">See IRL</p>
9975        
9976          <div class="flex items-center gap-8">
9977            <a href="https://www.instagram.com/beyondyoga/?hl=en" class="btn btn--papyrus w-fit">Explore</a>
9978          </div>
9979        
9980      </div>
9981    </div>
9982  
9983  
9984      <fw-player-deck
9985            channel="beyond_yoga"
9986            playlist="5aYbj5"
9987            hashtag=""
9988            mode="row"
9989            captions="false"
9990            size="large"
9991            pip="false"
9992            open_in="_modal"
9993            placement="middle"
9994            player_placement="bottom-right"
9995            jsonld="true"
9996          ></fw-player-deck>
9997    
9998</div>
9999
10000
10001
10002</div><div id="shopify-section-template--19357268639843__section_columns_carousel_KRBWDB" class="shopify-section">
10003<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">
10004  <s-carousel class="block relative" data-options='{
10005    "slidesPerView": 2.4,
10006    "spaceBetween": 0,
10007    "slidesOffsetBefore": 24,
10008    "slidesOffsetAfter": 24,
10009    "autoHeight": false,
10010    "loop": false,
10011    "freeMode": true,
10012    
10013      "navigation": {
10014        "enabled": true,
10015        "prevEl": "[js-prev-template--19357268639843__section_columns_carousel_KRBWDB]",
10016        "nextEl": "[js-next-template--19357268639843__section_columns_carousel_KRBWDB]"
10017      },
10018    
10019    "breakpoints": {
10020      "1024": {
10021        "slidesPerView": 6.5,
10022        "spaceBetween": 0,
10023        "slidesOffsetBefore": 64,
10024        "slidesOffsetAfter": 64
10025      }
10026    }
10027  }'>
10028    <div id="Carousel-template--19357268639843__section_columns_carousel_KRBWDB" class="swiper grid grid-cols-1" js-carousel>
10029      <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32">
10030        <div class="flex items-center justify-start tabletl:justify-start">
10031          <p class="section__columns-carousel-title f3">Shop By Color</p>
10032        </div>
10033      </div>
10034
10035      <div class="swiper-wrapper">
10036<div class="swiper-slide" js-carousel-slide >
10037              
10038                <a href="/collections/pink-hues">
10039              
10040                <div class="column-card flex flex-col relative">
10041                  <div class="relative">
10042                    
10043                    
10044                      
10045
10046
10047
10048
10049  <picture class="lazypicture block w-full aspect-[2/3]">
10050    
10051    <img
10052      src="//beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=300"
10053      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
10053w, //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"
10054      sizes="(min-width: 1024px) 30vw, 75vw"
10055      width="1884"
10056      height="2440"
10057      loading="lazy"
10058      decoding="async"
10059      
10060      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."
10061      class="w-full w-full h-full object-cover object-center"
10062      
10063    >
10064  </picture>
10065
10066
10067                    
10068                  </div>
10069                <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%);">
10070                  <div class="flex flex-col gap-6 tabletl:gap-8">
10071                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Pink</div>
10072                    
10073                    
10074                  </div>
10075                </div>
10076                </div>
10077              
10078                </a>
10079              
10080            </div>
10081          
10082
10083<div class="swiper-slide" js-carousel-slide >
10084              
10085                <a href="https://beyondyoga.com/collections/green-hues">
10086              
10087                <div class="column-card flex flex-col relative">
10088                  <div class="relative">
10089                    
10090                    
10091                      
10092
10093
10094
10095
10096  <picture class="lazypicture block w-full aspect-[2/3]">
10097    
10098    <img
10099      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"
10100      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"
10101      sizes="(min-width: 1024px) 30vw, 75vw"
10102      width="1884"
10103      height="2440"
10104      loading="lazy"
10105      decoding="async"
10106      
10107      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."
10108      class="w-full w-full h-full object-cover object-center"
10109      
10110    >
10111  </picture>
10112
10113
10114                    
10115                  </div>
10116                <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%);">
10117                  <div class="flex flex-col gap-6 tabletl:gap-8">
10118                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Green</div>
10119                    
10120                    
10121                  </div>
10122                </div>
10123                </div>
10124              
10125                </a>
10126              
10127            </div>
10128          
10129
10130<div class="swiper-slide" js-carousel-slide >
10131              
10132                <a href="/collections/brown-hues">
10133              
10134                <div class="column-card flex flex-col relative">
10135                  <div class="relative">
10136                    
10137                    
10138                      
10139
10140
10141
10142
10143  <picture class="lazypicture block w-full aspect-[2/3]">
10144    
10145    <img
10146      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"
10147      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 1024
10147w, //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"
10148      sizes="(min-width: 1024px) 30vw, 75vw"
10149      width="1884"
10150      height="2440"
10151      loading="lazy"
10152      decoding="async"
10153      
10154      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."
10155      class="w-full w-full h-full object-cover object-center"
10156      
10157    >
10158  </picture>
10159
10160
10161                    
10162                  </div>
10163                <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%);">
10164                  <div class="flex flex-col gap-6 tabletl:gap-8">
10165                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Brown</div>
10166                    
10167                    
10168                  </div>
10169                </div>
10170                </div>
10171              
10172                </a>
10173              
10174            </div>
10175          
10176
10177<div class="swiper-slide" js-carousel-slide >
10178              
10179                <a href="https://beyondyoga.com/collections/the-new-neutrals">
10180              
10181                <div class="column-card flex flex-col relative">
10182                  <div class="relative">
10183                    
10184                    
10185                      
10186
10187
10188
10189
10190  <picture class="lazypicture block w-full aspect-[2/3]">
10191    
10192    <img
10193      src="//beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=300"
10194      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"
10195      sizes="(min-width: 1024px) 30vw, 75vw"
10196      width="1884"
10197      height="2440"
10198      loading="lazy"
10199      decoding="async"
10200      
10201      alt="A woman stands barefoot on driftwood at the beach wearing a light beige crewneck sweatshirt and matching sweatpants."
10202      class="w-full w-full h-full object-cover object-center"
10203      
10204    >
10205  </picture>
10206
10207
10208                    
10209                  </div>
10210                <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%);">
10211                  <div class="flex flex-col gap-6 tabletl:gap-8">
10212                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Neutrals</div>
10213                    
10214                    
10215                  </div>
10216                </div>
10217                </div>
10218              
10219                </a>
10220              
10221            </div>
10222          
10223
10224<div class="swiper-slide" js-carousel-slide >
10225              
10226                <a href="https://beyondyoga.com/collections/blue-hues">
10227              
10228                <div class="column-card flex flex-col relative">
10229                  <div class="relative">
10230                    
10231                    
10232                      
10233
10234
10235
10236
10237  <picture class="lazypicture block w-full aspect-[2/3]">
10238    
10239    <img
10240      src="//beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=300"
10241      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 1024
10241w, //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"
10242      sizes="(min-width: 1024px) 30vw, 75vw"
10243      width="1884"
10244      height="2440"
10245      loading="lazy"
10246      decoding="async"
10247      
10248      alt=""
10249      class="w-full w-full h-full object-cover object-center"
10250      
10251    >
10252  </picture>
10253
10254
10255                    
10256                  </div>
10257                <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%);">
10258                  <div class="flex flex-col gap-6 tabletl:gap-8">
10259                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Blue</div>
10260                    
10261                    
10262                  </div>
10263                </div>
10264                </div>
10265              
10266                </a>
10267              
10268            </div>
10269          
10270
10271<div class="swiper-slide" js-carousel-slide >
10272              
10273                <a href="https://beyondyoga.com/collections/red-hues">
10274              
10275                <div class="column-card flex flex-col relative">
10276                  <div class="relative">
10277                    
10278                    
10279                      
10280
10281
10282
10283
10284  <picture class="lazypicture block w-full aspect-[2/3]">
10285    
10286    <img
10287      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"
10288      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 1024w, //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"
10289      sizes="(min-width: 1024px) 30vw, 75vw"
10290      width="1884"
10291      height="2440"
10292      loading="lazy"
10293      decoding="async"
10294      
10295      alt="A woman smiling outdoors near a waterfront dock, wearing a matching burgundy knit wrap top and pants set."
10296      class="w-full w-full h-full object-cover object-center"
10297      
10298    >
10299  </picture>
10300
10301
10302                    
10303                  </div>
10304                <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%);">
10305                  <div class="flex flex-col gap-6 tabletl:gap-8">
10306                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Red</div>
10307                    
10308                    
10309                  </div>
10310                </div>
10311                </div>
10312              
10313                </a>
10314              
10315            </div>
10316          
10317
10318<div class="swiper-slide" js-carousel-slide >
10319              
10320                <a href="https://beyondyoga.com/collections/gray-hues">
10321              
10322                <div class="column-card flex flex-col relative">
10323                  <div class="relative">
10324                    
10325                    
10326                      
10327
10328
10329
10330
10331  <picture class="lazypicture block w-full aspect-[2/3]">
10332    
10333    <img
10334      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"
10335      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 1024
10335w, //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"
10336      sizes="(min-width: 1024px) 30vw, 75vw"
10337      width="1884"
10338      height="2440"
10339      loading="lazy"
10340      decoding="async"
10341      
10342      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."
10343      class="w-full w-full h-full object-cover object-center"
10344      
10345    >
10346  </picture>
10347
10348
10349                    
10350                  </div>
10351                <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%);">
10352                  <div class="flex flex-col gap-6 tabletl:gap-8">
10353                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Gray</div>
10354                    
10355                    
10356                  </div>
10357                </div>
10358                </div>
10359              
10360                </a>
10361              
10362            </div>
10363          
10364
10365<div class="swiper-slide" js-carousel-slide >
10366              
10367                <a href="https://beyondyoga.com/collections/white-hues">
10368              
10369                <div class="column-card flex flex-col relative">
10370                  <div class="relative">
10371                    
10372                    
10373                      
10374
10375
10376
10377
10378  <picture class="lazypicture block w-full aspect-[2/3]">
10379    
10380    <img
10381      src="//beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=300"
10382      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 1024w, //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"
10383      sizes="(min-width: 1024px) 30vw, 75vw"
10384      width="1884"
10385      height="2440"
10386      loading="lazy"
10387      decoding="async"
10388      
10389      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."
10390      class="w-full w-full h-full object-cover object-center"
10391      
10392    >
10393  </picture>
10394
10395
10396                    
10397                  </div>
10398                <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%);">
10399                  <div class="flex flex-col gap-6 tabletl:gap-8">
10400                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">White</div>
10401                    
10402                    
10403                  </div>
10404                </div>
10405                </div>
10406              
10407                </a>
10408              
10409            </div>
10410          
10411
10412<div class="swiper-slide" js-carousel-slide >
10413              
10414                <a href="https://beyondyoga.com/collections/black-hues">
10415              
10416                <div class="column-card flex flex-col relative">
10417                  <div class="relative">
10418                    
10419                    
10420                      
10421
10422
10423
10424
10425  <picture class="lazypicture block w-full aspect-[2/3]">
10426    
10427    <img
10428      src="//beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=300"
10429      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 1024
10429w, //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"
10430      sizes="(min-width: 1024px) 30vw, 75vw"
10431      width="1884"
10432      height="2440"
10433      loading="lazy"
10434      decoding="async"
10435      
10436      alt="Woman in a black cropped tank with a crossover strap in the back and black pants. "
10437      class="w-full w-full h-full object-cover object-center"
10438      
10439    >
10440  </picture>
10441
10442
10443                    
10444                  </div>
10445                <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%);">
10446                  <div class="flex flex-col gap-6 tabletl:gap-8">
10447                    <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Black</div>
10448                    
10449                    
10450                  </div>
10451                </div>
10452                </div>
10453              
10454                </a>
10455              
10456            </div>
10457          
10458</div>
10459      
10460        <div class="swiper-custom-nav swiper-custom-nav--prev !transform-none" js-prev-template--19357268639843__section_columns_carousel_KRBWDB>
10461          <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">
10462<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"/>
10463</svg>
10464</span>
10465        </div>
10466        <div class="swiper-custom-nav swiper-custom-nav--next !transform-none" js-next-template--19357268639843__section_columns_carousel_KRBWDB>
10467          <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">
10468<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"/>
10469</svg>
10470</span>
10471        </div>
10472      
10473    </div>
10474  </s-carousel>
10475</section>
10476
10477
10478</div><div id="shopify-section-template--19357268639843__section_store_carousel_XHhd8w" class="shopify-section">
10479
10480<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">
10481  <div class="store-carousel__title-container px-24 tabletl:px-64 flex items-center justify-between gap-12 mb-32">
10482    <p class="store-carousel__title f3">Our Stores</p>
10483    
10484      <a href="/pages/stores" class="store-carousel__cta btn w-fit whitespace-nowrap">
10485        Visit Us
10486      </a>
10487    
10488  </div><s-carousel class="store-carousel__carousel grid" data-options='{
10489      "slidesPerView": 2.4,
10490      "spaceBetween": 12,
10491      "slidesOffsetBefore": 24,
10492      "slidesOffsetAfter": 24,
10493      "autoHeight": false,
10494      "loop": false,
10495      "freeMode": true,
10496      "navigation": {
10497        "enabled": true,
10498        "prevEl": "[js-prev-template--19357268639843__section_store_carousel_XHhd8w]",
10499        "nextEl": "[js-next-template--19357268639843__section_store_carousel_XHhd8w]"
10500      },
10501      "breakpoints": {
10502        "768": {
10503          "slidesPerView": 4.3,
10504          "spaceBetween": 12,
10505          "slidesOffsetBefore": 24,
10506          "slidesOffsetAfter": 24
10507        },
10508        "1024": {
10509          "slidesPerView": 5.6,
10510          "spaceBetween": 16,
10511          "slidesOffsetBefore": 64,
10512          "slidesOffsetAfter": 64
10513        },
10514        "1440": {
10515          "slidesPerView": 6.6,
10516          "spaceBetween": 16,
10517          "slidesOffsetBefore": 64,
10518          "slidesOffsetAfter": 64
10519        }
10520      }
10521    }'>
10522    <div id="Carousel-template--19357268639843__section_store_carousel_XHhd8w" class="swiper w-full max-w-full" js-carousel>
10523      <div class="swiper-wrapper">
10524        
10525          <div class="swiper-slide store-carousel__slide" js-carousel-slide>
10526            
10527              <div class="store-carousel__image">
10528                
10529
10530
10531
10532
10533  <picture class="lazypicture block w-full ">
10534    
10535    <img
10536      src="//beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=300"
10537      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 1024
10537w, //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"
10538      sizes="100vw"
10539      width="648"
10540      height="648"
10541      loading="lazy"
10542      decoding="async"
10543      
10544      alt="Yellow Beyond Yoga store front with large glass windows. "
10545      class="w-full "
10546      
10547    >
10548  </picture>
10549
10550
10551              </div>
10552            
10553          </div>
10554        
10555        
10556          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10557            <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">
10558              
10559                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10560                  
10561
10562
10563
10564
10565  <picture class="lazypicture block w-full ">
10566    
10567    <img
10568      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10569      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"
10570      sizes="40px"
10571      width="600"
10572      height="900"
10573      loading="lazy"
10574      decoding="async"
10575      
10576      alt=""
10577      class="w-full "
10578      
10579    >
10580  </picture>
10581
10582
10583                </div>
10584              
10585              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10586                <div class="store-carousel__store-city f0 !text-black mb-2">
10587                  Manhattan Beach
10588                </div>
10589                <div class="store-carousel__store-state fn1-mono !text-grey">
10590                  CA
10591                </div>
10592              </div>
10593            </a>
10594          </div>
10595        
10596          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10597            <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">
10598              
10599                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10600                  
10601
10602
10603
10604
10605  <picture class="lazypicture block w-full ">
10606    
10607    <img
10608      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10609      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"
10610      sizes="40px"
10611      width="600"
10612      height="900"
10613      loading="lazy"
10614      decoding="async"
10615      
10616      alt=""
10617      class="w-full "
10618      
10619    >
10620  </picture>
10621
10622
10623                </div>
10624              
10625              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10626                <div class="store-carousel__store-city f0 !text-black mb-2">
10627                  Santa Monica
10628                </div>
10629                <div class="store-carousel__store-state fn1-mono !text-grey">
10630                  California
10631                </div>
10632              </div>
10633            </a>
10634          </div>
10635        
10636          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10637            <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">
10638              
10639                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10640                  
10641
10642
10643
10644
10645  <picture class="lazypicture block w-full ">
10646    
10647    <img
10648      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10649      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
10649w, //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"
10650      sizes="40px"
10651      width="600"
10652      height="900"
10653      loading="lazy"
10654      decoding="async"
10655      
10656      alt=""
10657      class="w-full "
10658      
10659    >
10660  </picture>
10661
10662
10663                </div>
10664              
10665              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10666                <div class="store-carousel__store-city f0 !text-black mb-2">
10667                  Irvine
10668                </div>
10669                <div class="store-carousel__store-state fn1-mono !text-grey">
10670                  California
10671                </div>
10672              </div>
10673            </a>
10674          </div>
10675        
10676          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10677            <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">
10678              
10679                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10680                  
10681
10682
10683
10684
10685  <picture class="lazypicture block w-full ">
10686    
10687    <img
10688      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10689      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"
10690      sizes="40px"
10691      width="600"
10692      height="900"
10693      loading="lazy"
10694      decoding="async"
10695      
10696      alt=""
10697      class="w-full "
10698      
10699    >
10700  </picture>
10701
10702
10703                </div>
10704              
10705              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10706                <div class="store-carousel__store-city f0 !text-black mb-2">
10707                  Larchmont Village
10708                </div>
10709                <div class="store-carousel__store-state fn1-mono !text-grey">
10710                  California
10711                </div>
10712              </div>
10713            </a>
10714          </div>
10715        
10716          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10717            <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">
10718              
10719                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10720                  
10721
10722
10723
10724
10725  <picture class="lazypicture block w-full ">
10726    
10727    <img
10728      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10729      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"
10730      sizes="40px"
10731      width="600"
10732      height="900"
10733      loading="lazy"
10734      decoding="async"
10735      
10736      alt=""
10737      class="w-full "
10738      
10739    >
10740  </picture>
10741
10742
10743                </div>
10744              
10745              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10746                <div class="store-carousel__store-city f0 !text-black mb-2">
10747                  Century City
10748                </div>
10749                <div class="store-carousel__store-state fn1-mono !text-grey">
10750                  California
10751                </div>
10752              </div>
10753            </a>
10754          </div>
10755        
10756          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10757            <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">
10758              
10759                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10760                  
10761
10762
10763
10764
10765  <picture class="lazypicture block w-full ">
10766    
10767    <img
10768      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10769      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
10769w, //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"
10770      sizes="40px"
10771      width="600"
10772      height="900"
10773      loading="lazy"
10774      decoding="async"
10775      
10776      alt=""
10777      class="w-full "
10778      
10779    >
10780  </picture>
10781
10782
10783                </div>
10784              
10785              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10786                <div class="store-carousel__store-city f0 !text-black mb-2">
10787                  Walnut Creek
10788                </div>
10789                <div class="store-carousel__store-state fn1-mono !text-grey">
10790                  California
10791                </div>
10792              </div>
10793            </a>
10794          </div>
10795        
10796          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10797            <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">
10798              
10799                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10800                  
10801
10802
10803
10804
10805  <picture class="lazypicture block w-full ">
10806    
10807    <img
10808      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10809      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"
10810      sizes="40px"
10811      width="600"
10812      height="900"
10813      loading="lazy"
10814      decoding="async"
10815      
10816      alt=""
10817      class="w-full "
10818      
10819    >
10820  </picture>
10821
10822
10823                </div>
10824              
10825              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10826                <div class="store-carousel__store-city f0 !text-black mb-2">
10827                  Fulton Market
10828                </div>
10829                <div class="store-carousel__store-state fn1-mono !text-grey">
10830                  Illinois
10831                </div>
10832              </div>
10833            </a>
10834          </div>
10835        
10836          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10837            <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">
10838              
10839                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10840                  
10841
10842
10843
10844
10845  <picture class="lazypicture block w-full ">
10846    
10847    <img
10848      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10849      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"
10850      sizes="40px"
10851      width="600"
10852      height="900"
10853      loading="lazy"
10854      decoding="async"
10855      
10856      alt=""
10857      class="w-full "
10858      
10859    >
10860  </picture>
10861
10862
10863                </div>
10864              
10865              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10866                <div class="store-carousel__store-city f0 !text-black mb-2">
10867                  Bellevue Square
10868                </div>
10869                <div class="store-carousel__store-state fn1-mono !text-grey">
10870                  Washington
10871                </div>
10872              </div>
10873            </a>
10874          </div>
10875        
10876          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10877            <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 ">
10878              
10879                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10880                  
10881
10882
10883
10884
10885  <picture class="lazypicture block w-full ">
10886    
10887    <img
10888      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10889      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
10889w, //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"
10890      sizes="40px"
10891      width="600"
10892      height="900"
10893      loading="lazy"
10894      decoding="async"
10895      
10896      alt=""
10897      class="w-full "
10898      
10899    >
10900  </picture>
10901
10902
10903                </div>
10904              
10905              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10906                <div class="store-carousel__store-city f0 !text-black mb-2">
10907                  Greenwich
10908                </div>
10909                <div class="store-carousel__store-state fn1-mono !text-grey">
10910                  Connecticut 
10911                </div>
10912              </div>
10913            </a>
10914          </div>
10915        
10916          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10917            <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 ">
10918              
10919                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10920                  
10921
10922
10923
10924
10925  <picture class="lazypicture block w-full ">
10926    
10927    <img
10928      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10929      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"
10930      sizes="40px"
10931      width="600"
10932      height="900"
10933      loading="lazy"
10934      decoding="async"
10935      
10936      alt=""
10937      class="w-full "
10938      
10939    >
10940  </picture>
10941
10942
10943                </div>
10944              
10945              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10946                <div class="store-carousel__store-city f0 !text-black mb-2">
10947                  Westport
10948                </div>
10949                <div class="store-carousel__store-state fn1-mono !text-grey">
10950                  Connecticut 
10951                </div>
10952              </div>
10953            </a>
10954          </div>
10955        
10956          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10957            <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">
10958              
10959                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
10960                  
10961
10962
10963
10964
10965  <picture class="lazypicture block w-full ">
10966    
10967    <img
10968      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
10969      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"
10970      sizes="40px"
10971      width="600"
10972      height="900"
10973      loading="lazy"
10974      decoding="async"
10975      
10976      alt=""
10977      class="w-full "
10978      
10979    >
10980  </picture>
10981
10982
10983                </div>
10984              
10985              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
10986                <div class="store-carousel__store-city f0 !text-black mb-2">
10987                  Skokie
10988                </div>
10989                <div class="store-carousel__store-state fn1-mono !text-grey">
10990                  Illinois
10991                </div>
10992              </div>
10993            </a>
10994          </div>
10995        
10996          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
10997            <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">
10998              
10999                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11000                  
11001
11002
11003
11004
11005  <picture class="lazypicture block w-full ">
11006    
11007    <img
11008      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11009      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
11009w, //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"
11010      sizes="40px"
11011      width="600"
11012      height="900"
11013      loading="lazy"
11014      decoding="async"
11015      
11016      alt=""
11017      class="w-full "
11018      
11019    >
11020  </picture>
11021
11022
11023                </div>
11024              
11025              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11026                <div class="store-carousel__store-city f0 !text-black mb-2">
11027                  Boston
11028                </div>
11029                <div class="store-carousel__store-state fn1-mono !text-grey">
11030                  Massachusetts
11031                </div>
11032              </div>
11033            </a>
11034          </div>
11035        
11036          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11037            <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 ">
11038              
11039                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11040                  
11041
11042
11043
11044
11045  <picture class="lazypicture block w-full ">
11046    
11047    <img
11048      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11049      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"
11050      sizes="40px"
11051      width="600"
11052      height="900"
11053      loading="lazy"
11054      decoding="async"
11055      
11056      alt=""
11057      class="w-full "
11058      
11059    >
11060  </picture>
11061
11062
11063                </div>
11064              
11065              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11066                <div class="store-carousel__store-city f0 !text-black mb-2">
11067                  Marin County 
11068                </div>
11069                <div class="store-carousel__store-state fn1-mono !text-grey">
11070                  California 
11071                </div>
11072              </div>
11073            </a>
11074          </div>
11075        
11076          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11077            <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 ">
11078              
11079                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11080                  
11081
11082
11083
11084
11085  <picture class="lazypicture block w-full ">
11086    
11087    <img
11088      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11089      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"
11090      sizes="40px"
11091      width="600"
11092      height="900"
11093      loading="lazy"
11094      decoding="async"
11095      
11096      alt=""
11097      class="w-full "
11098      
11099    >
11100  </picture>
11101
11102
11103                </div>
11104              
11105              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11106                <div class="store-carousel__store-city f0 !text-black mb-2">
11107                  San Jose
11108                </div>
11109                <div class="store-carousel__store-state fn1-mono !text-grey">
11110                  California 
11111                </div>
11112              </div>
11113            </a>
11114          </div>
11115        
11116          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11117            <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">
11118              
11119                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11120                  
11121
11122
11123
11124
11125  <picture class="lazypicture block w-full ">
11126    
11127    <img
11128      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11129      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
11129w, //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"
11130      sizes="40px"
11131      width="600"
11132      height="900"
11133      loading="lazy"
11134      decoding="async"
11135      
11136      alt=""
11137      class="w-full "
11138      
11139    >
11140  </picture>
11141
11142
11143                </div>
11144              
11145              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11146                <div class="store-carousel__store-city f0 !text-black mb-2">
11147                  Houston
11148                </div>
11149                <div class="store-carousel__store-state fn1-mono !text-grey">
11150                  Texas
11151                </div>
11152              </div>
11153            </a>
11154          </div>
11155        
11156          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11157            <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">
11158              
11159                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11160                  
11161
11162
11163
11164
11165  <picture class="lazypicture block w-full ">
11166    
11167    <img
11168      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11169      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"
11170      sizes="40px"
11171      width="600"
11172      height="900"
11173      loading="lazy"
11174      decoding="async"
11175      
11176      alt=""
11177      class="w-full "
11178      
11179    >
11180  </picture>
11181
11182
11183                </div>
11184              
11185              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11186                <div class="store-carousel__store-city f0 !text-black mb-2">
11187                  Bethesda
11188                </div>
11189                <div class="store-carousel__store-state fn1-mono !text-grey">
11190                  MD
11191                </div>
11192              </div>
11193            </a>
11194          </div>
11195        
11196          <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide>
11197            <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">
11198              
11199                <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60">
11200                  
11201
11202
11203
11204
11205  <picture class="lazypicture block w-full ">
11206    
11207    <img
11208      src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300"
11209      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"
11210      sizes="40px"
11211      width="600"
11212      height="900"
11213      loading="lazy"
11214      decoding="async"
11215      
11216      alt=""
11217      class="w-full "
11218      
11219    >
11220  </picture>
11221
11222
11223                </div>
11224              
11225              <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0">
11226                <div class="store-carousel__store-city f0 !text-black mb-2">
11227                  Scottsdale
11228                </div>
11229                <div class="store-carousel__store-state fn1-mono !text-grey">
11230                  AZ
11231                </div>
11232              </div>
11233            </a>
11234          </div>
11235        
11236      </div>
11237      <div class="swiper-custom-nav swiper-custom-nav--prev" js-prev-template--1935
112377268639843__section_store_carousel_XHhd8w>
11238        <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">
11239<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"/>
11240</svg>
11241</span>
11242      </div>
11243      <div class="swiper-custom-nav swiper-custom-nav--next" js-next-template--19357268639843__section_store_carousel_XHhd8w>
11244        <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">
11245<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"/>
11246</svg>
11247</span>
11248      </div>
11249    </div>
11250  </s-carousel>
11251</div>
11252
11253</div>
11254      </main>
11255  
11256      <!-- BEGIN sections: footer-group -->
11257<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">
11258  
11259    <div class="footer__klaviyo">
11260      <div class="klaviyo-form-Ua6xYB"></div>
11261    </div>
11262  
11263  
11264  
11265    
11266    <div class="footer__nav mt-56 tabletl:mt-80 grid grid-cols-2 gap-x-18 gap-y-32 tabletl:flex tabletl:ju
11266stify-start tabletl:gap-32">
11267      
11268        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11269          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11270            Support
11271          </div>
11272          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11273            
11274              <li class="footer-nav__link-item">
11275              
11276                  <a href="https://shopify.com/26561413219/account/profile?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiZXlvbmQteW9nYS1zdG9yZS5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTA4ODQ3NjYsIm5iZiI6MTc5MDI3OTk2Nn0.UD7Flf1RimOKp-Kla_JV_BtWszzVm0obOVcYU2KLuQc&region_country=US" class="footer-nav__link w-fit" aria-label="My Account">
11277                    My Account
11278                  </a>
11279                
11280              </li>
11281            
11282              <li class="footer-nav__link-item">
11283              
11284                  <a href="/pages/contact-us" class="footer-nav__link w-fit" aria-label="Contact Us">
11285                    Contact Us
11286                  </a>
11287                
11288              </li>
11289            
11290              <li class="footer-nav__link-item">
11291              
11292                  <a href="/pages/shipping-delivery" class="footer-nav__link w-fit" aria-label="Shipping + Delivery">
11293                    Shipping + Delivery
11294                  </a>
11295                
11296              </li>
11297            
11298              <li class="footer-nav__link-item">
11299              
11300                  <a href="/pages/returns" class="footer-nav__link w-fit" aria-label="Returns + Exchanges">
11301                    Returns + Exchanges
11302                  </a>
11303                
11304              </li>
11305            
11306              <li class="footer-nav__link-item">
11307              
11308                  <a href="/pages/faqs" class="footer-nav__link w-fit" aria-label="FAQs">
11309                    FAQs
11310                  </a>
11311                
11312              </li>
11313            
11314              <li class="footer-nav__link-item">
11315              
11316                  <a href="/pages/mailing-preferences" class="footer-nav__link w-fit" aria-label="Mailing Preferences">
11317                    Mailing Preferences
11318                  </a>
11319                
11320              </li>
11321            
11322          </ul>
11323        </div>
11324      
11325        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11326          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11327            Company
11328          </div>
11329          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11330            
11331              <li class="footer-nav__link-item">
11332              
11333                  <a href="/pages/about-us" class="footer-nav__link w-fit" aria-label="About Us">
11334                    About Us
11335                  </a>
11336                
11337              </li>
11338            
11339              <li class="footer-nav__link-item">
11340              
11341                  <a href="/pages/stores" class="footer-nav__link w-fit" aria-label="Find a Store">
11342                    Find a Store
11343                  </a>
11344                
11345              </li>
11346            
11347              <li class="footer-nav__link-item">
11348              
11349                  <a href="/pages/career-internships" class="footer-nav__link w-fit" aria-label="Careers">
11350                    Careers
11351                  </a>
11352                
11353              </li>
11354            
11355              <li class="footer-nav__link-item">
11356              
11357                  <a href="/pages/wholesale" class="footer-nav__link w-fit" aria-label="Wholesale">
11358                    Wholesale
11359                  </a>
11360                
11361              </li>
11362            
11363              <li class="footer-nav__link-item">
11364              
11365                  <a href="/products/beyond-yoga-digital-gift-card" class="footer-nav__link w-fit" aria-label="Gift Cards">
11366                    Gift Cards
11367                  </a>
11368                
11369              </li>
11370            
11371          </ul>
11372        </div>
11373      
11374        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11375          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11376            Legal
11377          </div>
11378          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11379            
11380              <li class="footer-nav__link-item">
11381              
11382                  <a href="/pages/terms-of-use" class="footer-nav__link w-fit" aria-label="Terms of Use">
11383                    Terms of Use
11384                  </a>
11385                
11386              </li>
11387            
11388              <li class="footer-nav__link-item">
11389              
11390                  <a href="/pages/offer-terms" class="footer-nav__link w-fit" aria-label="Offer Terms">
11391                    Offer Terms
11392                  </a>
11393                
11394              </li>
11395            
11396              <li class="footer-nav__link-item">
11397              
11398                  <a href="/pages/privacy-notice" class="footer-nav__link w-fit" aria-label="Privacy Notice">
11399                    Privacy Notice
11400                  </a>
11401                
11402              </li>
11403            
11404              <li class="footer-nav__link-item">
11405              
11406                  <a href="/pages/accessibility" class="footer-nav__link w-fit" aria-label="Accessibility">
11407                    Accessibility
11408                  </a>
11409                
11410              </li>
11411            
11412          </ul>
11413        </div>
11414      
11415        <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]">
11416          <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16">
11417            Community
11418          </div>
11419          <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none">
11420            
11421              <li class="footer-nav__link-item">
11422              
11423                  <a href="/pages/reviews" class="footer-nav__link w-fit" aria-label="Reviews">
11424                    Reviews
11425                  </a>
11426                
11427              </li>
11428            
11429              <li class="footer-nav__link-item">
11430              
11431                  <a href="/pages/affiliate-page" class="footer-nav__link w-fit" aria-label="Affiliate Program">
11432                    Affiliate Program
11433                  </a>
11434                
11435              </li>
11436            
11437              <li class="footer-nav__link-item">
11438              
11439                  <a href="/pages/move-beyond-collective" class="footer-nav__link w-fit" aria-label="Move Beyond Collective">
11440                    Move Beyond Collective
11441                  </a>
11442                
11443              </li>
11444            
11445              <li class="footer-nav__link-item">
11446              
11447                  <a href="/pages/id-me-x-beyond-yoga" class="footer-nav__link w-fit" aria-label="ID.me Program">
11448                    ID.me Program
11449                  </a>
11450                
11451              </li>
11452            
11453              <li class="footer-nav__link-item">
11454              
11455                  <a href="https://beyondyoga.thredup.com" class="footer-nav__link w-fit" aria-label="ThredUp">
11456                    ThredUp
11457                  </a>
11458                
11459              </li>
11460            
11461          </ul>
11462        </div>
11463      
11464      
11465        <div class="footer__social-media tabletl:flex tabletl:items-center tabletl:gap-16 tabletl:ju
11465stify-end tabletl:absolute tabletl:right-64 tabletl:bottom-32">
11466          <div class="footer-social-media__heading f1 mb-12 tabletl:mb-0">
11467            <span>Follow Us</span><span class="hidden tabletl:inline">:</span>
11468          </div>
11469          <div class="footer-social-media__links flex gap-20 tabletl:gap-16">
11470            
11471              <a href="https://www.facebook.com/BeyondYoga/" class="footer-social-media__link w-24" aria-label="Facebook" target="_blank" rel="noopener noreferrer">
11472                <svg class="icon icon--facebook" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11473  <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"/>
11474</svg>
11475
11476              </a>
11477            
11478            
11479              <a href="https://www.pinterest.com/beyondyoga/" class="footer-social-media__link w-24" aria-label="Pinterest" target="_blank" rel="noopener noreferrer">
11480                <svg class="icon icon--pinterest" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11481  <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"/>
11482</svg>
11483
11484              </a>
11485            
11486            
11487              <a href="https://www.instagram.com/beyondyoga/?hl=en" class="footer-social-media__link w-24" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
11488                <svg class="icon icon--instagram" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11489  <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.
1148908098 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"/>
11490  <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"/>
11491  <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"/>
11492</svg>
11493
11494              </a>
11495            
11496            
11497              <a href="https://www.tiktok.com/@beyondyoga" class="footer-social-media__link w-24" aria-label="TikTok" target="_blank" rel="noopener noreferrer">
11498                <svg class="icon icon--tiktok" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11499  <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"/>
11500</svg>
11501
11502              </a>
11503            
11504          </div>
11505        </div>
11506      
11507    </div>
11508  
11509  
11510    
11511    
11512    
11513    <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;">
11514      
11515
11516
11517
11518
11519  <picture class="lazypicture block w-full ">
11520    
11521    <img
11522      src="//beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=300"
11523      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"
11524      sizes="(min-width: 1024px) 200px, 120px"
11525      width="294"
11526      height="200"
11527      loading="lazy"
11528      decoding="async"
11529      
11530      alt="BY Logo "
11531      class="w-full "
11532      
11533    >
11534  </picture>
11535
11536
11537    </div>
11538  
11539  <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">
11540    <div>&copy; 2026 Beyond Yoga.</div>
11541    <div>All Rights Reserved.</div>
11542    <div id="teconsent" class="self-start tabletl:self-auto text-left"></div>
11543  </div>
11544</footer>
11545
11546
11547</div>
11548<!-- END sections: footer-group -->
11549  
11550      <ul hidden>
11551        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
11552      </ul>
11553  
11554      
11554<script>
11555        window.routes = {
11556          cart_add_url: '/cart/add',
11557          cart_change_url: '/cart/change',
11558          cart_update_url: '/cart/update',
11559          cart_url: '/cart',
11560          predictive_search_url: '/search/suggest',
11561        };
11562        window.PUB_SUB_EVENTS = {
11563          cartUpdate: 'cart-update',
11564          quantityUpdate: 'quantity-update',
11565          variantChange: 'variant-change',
11566          cartError: 'cart-error',
11567        };
11568        window.searchspring = {
11569          productCard: {
11570            finalSaleBadgeBgColor: '#ffffff',
11571            finalSaleBadgeTextColor: '#000000',
11572            swatchCarouselDisabled: true
11573          },
11574          shopUrl: 'https://beyondyoga.com'
11575        }
11576      </script>
11576
11577  
11578      
11578<script>
11579  let cookieObject = {};
11580  document.cookie.split('; ').forEach(cookie => {
11581    const [name, value] = cookie.split('=');
11582    cookieObject[name] = decodeURIComponent(value);
11583  });
11584  if (!cookieObject._isuid) {
11585    const isuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
11586      (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
11587    );
11588    const newDate = new Date();
11589    newDate.setTime(newDate.getTime() + (365*24*60*60*1000));
11590    document.cookie = `_isuid=${isuid};expires=${newDate.toUTCString()};path=/`;
11591  }
11592</script>
11592
11593      
11594
11595<script type="module">
11596  import { getSvgPath } from '//beyondyoga.com/cdn/shop/t/2162/assets/figma-squircle.mjs?v=5810227597410849781789405387';
11597
11598  const createClassName = (length = 8) => {
11599    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
11600    let result = "";
11601    for (let i = 0; i < length; i++) {
11602      result += chars.charAt(Math.floor(Math.random() * chars.length));
11603    }
11604    return `squircle-${result}`;
11605  };
11606
11607  const setCss = (css, styleId) => {
11608    let styleEl = document.getElementById(styleId);
11609    if (!styleEl) {
11610      styleEl = document.createElement("style");
11611      styleEl.id = styleId;
11612      document.head.appendChild(styleEl);
11613    }
11614    styleEl.textContent = css;
11615  };
11616
11617  const renderSquircle = (el, opts, className) => {
11618    const width = el.clientWidth;
11619    const height = el.clientHeight;
11620
11621    const augmentedOpts = {
11622      preserveSmoothing: true,
11623      cornerSmoothing: 1,
11624      width,
11625      height,
11626      ...opts,
11627    };
11628
11629    if (!opts.borderWidth) {
11630      el.style.clipPath = `path('${getSvgPath(augmentedOpts)}')`;
11631      el.classList.add('is-squircle'); 
11632    } else {
11633      el.classList.add(className);
11634      el.classList.add('is-squircle'); 
11635
11636      setCss(
11637        `
11638          .${className} {
11639            position: relative;
11640            clip-path: path('${getSvgPath(augmentedOpts)}');
11641          }
11642          .${className}::before {
11643            content: '';
11644            display: block;
11645            position: absolute;
11646            inset: ${opts.borderWidth}px;
11647            z-index: -1;
11648            clip-path: path('${getSvgPath({
11649              ...augmentedOpts,
11650              width: width - opts.borderWidth * 2,
11651              height: height - opts.borderWidth * 2,
11652              cornerRadius: (opts.cornerRadius || 0) - opts.borderWidth,
11653            })}');
11654          }
11655        `,
11656        `style-${className}`
11657      );
11658    }
11659  };
11660
11661  const squircleObserver = (el, opts) => {
11662    const className = createClassName();
11663    let dimensions = undefined;
11664
11665    const func = (newOpts) => {
11666      if (newOpts !== undefined) {
11667        opts = newOpts;
11668      }
11669      renderSquircle(el, opts, className);
11670    };
11671
11672    const resizeObserver = new ResizeObserver(() => {
11673      const prevDimensions = dimensions;
11674      dimensions = [el.clientWidth, el.clientHeight];
11675
11676      if (
11677        !prevDimensions ||
11678        prevDimensions[0] !== dimensions[0] ||
11679        prevDimensions[1] !== dimensions[1]
11680      ) {
11681        func();
11682      }
11683    });
11684
11685    resizeObserver.observe(el);
11686
11687    func.disconnect = () => {
11688      el.classList.remove('is-squircle');
11689      el.classList.remove(className);
11690      const styleEl = document.getElementById(`style-${className}`);
11691      if (styleEl) styleEl.remove();
11692      resizeObserver.disconnect();
11693    };
11694
11695    return func;
11696  };
11697
11698  const getRadius = (string) => {
11699    // Parses radius string in shorthand formats:
11700    // "20" → all, "20|10" → top/bottom, "20|10|5|15" → TL, TR, BL, BR
11701    let formattedData = {};
11702    const stringSplit = string.split('|');
11703
11704    if (stringSplit.length == 1) {
11705      formattedData.cornerRadius = parseFloat(stringSplit[0]);
11706    } else if (stringSplit.length == 2) {
11707      formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]);
11708      formattedData.topRightCornerRadius = parseFloat(stringSplit[0]);
11709      formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[1]);
11710      formattedData.bottomRightCornerRadius = parseFloat(stringSplit[1]);
11711    } else {
11712      formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]);
11713      formattedData.topRightCornerRadius = parseFloat(stringSplit[1]);
11714      formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[2]) || 0;
11715      formattedData.bottomRightCornerRadius = parseFloat(stringSplit[3]) || 0;
11716    }
11717
11718    return formattedData;
11719  }
11720
11721  const updateCornerRoundings = () => {
11722    const screenSize = window.innerWidth;
11723    const roundedBtns = document.querySelectorAll('.btn:not(.rounded-none)');
11724    const otherElements = document.querySelectorAll('[js-corner-rounding]');
11725
11726    roundedBtns.forEach((el) => {
11727      let radius;
11728      if (screenSize < 1024) {
11729        radius = 6;
11730      } else {
11731        radius = 8;
11732      }
11733
11734      if (el._squircleObserver) {
11735        el._squircleObserver.disconnect();
11736      }
11737
11738      const observer = squircleObserver(el, {
11739        cornerRadius: radius,
11740        cornerSmoothing: 1
11741      });
11742
11743      el._squircleObserver = observer;
11744    });
11745
11746    otherElements.forEach((el) => {
11747      let squircleData = {};
11748      let unformattedRadius = el.getAttribute('data-radius');
11749
11750      if (screenSize >= 1024 && el.hasAttribute('data-radius-desktop')) {
11751        unformattedRadius = el.getAttribute('data-radius-desktop');
11752      }
11753
11754      if (unformattedRadius) {
11755        const formattedRadius = getRadius(unformattedRadius);
11756        squircleData = formattedRadius;
11757      } else {
11758        squircleData.cornerRadius = 0;
11759      }
11760
11761      if (el._squircleObserver) {
11762        el._squircleObserver.disconnect();
11763      }
11764
11765      squircleData.borderWidth = parseFloat(el.dataset.borderWidth) || 0;
11766      squircleData.cornerSmoothing = parseFloat(el.dataset.cornerSmoothing) || 1;
11767
11768      const observer = squircleObserver(el, squircleData);
11769
11770      el._squircleObserver = observer;
11771    });
11772  }
11773
11774  updateCornerRoundings();
11775  let resizeTimeout;
11776  window.addEventListener('resize', () => {
11777    clearTimeout(resizeTimeout);
11778    resizeTimeout = setTimeout(updateCornerRoundings, 500);
11779  });
11780</script>
11780
11781
11782<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-shopify_common.js?v=267415436273537051789405405" defer="defer"></script>
vendor: 1 bytes, line 11782
11782
11783<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-enquire.min.js?v=134987085064135182131789405404" defer="defer"></script>
vendor: 1 bytes, line 11783
11783
11784<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-swiper-bundle.min.js?v=30956067593584364731789405406" defer="defer"></script>
vendor: 1 bytes, line 11784
11784
11785<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-uuidv4.min.js?v=45566840873584427291789405406" defer="defer"></script>
11785<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 11785
11785
11786<script type="importmap">
11787{
11788  "imports": {
11789    "@theme/global-component":                    "//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388",
11790    "@theme/global-utilities":                    "//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391",
11791    "@theme/global-events":                       "//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389",
11792    "@theme/global-config":                       "//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388",
11793    "@theme/global-focusable-widget":             "//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389",
11794    "@theme/global-searchspring-cookies":         "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-cookies.js?v=56699901264170813251789405390",
11795    "@theme/components-color-box":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377",
11796    "@theme/components-video":                    "//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386",
11797    "@theme/components-tabs":                     "//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386",
11798    "@theme/components-accordion":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374",
11799    "@theme/components-loading-spinner":          "//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381",
11800    "@theme/components-quantity-input":           "//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384",
11801    "@theme/components-price-range":              "//beyondyoga.com/cdn/shop/t/2162/assets/components-price-range.js?v=44413538096853703951789405382",
11802    "@theme/components-dropdown":                 "//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378",
11803    "@theme/components-carousel":                 "//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376",
11804    "@theme/components-drawers":                  "//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378",
11805    "@theme/components-modals":                   "//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381",
11806    "@theme/components-header":                   "//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379",
11807    "@theme/components-announcement-bar":         "//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375",
11808    "@theme/components-product-card":             "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=156264305191822929081789674583",
11809    "@theme/components-product-options":          "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384",
11810    "@theme/components-shop-the-look":            "//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385",
11811    "@theme/components-filter-sort":              "//beyondyoga.com/cdn/shop/t/2162/assets/components-filter-sort.js?v=125273694945096604151789405379",
11812    "@theme/components-image-filters":            "//beyondyoga.com/cdn/shop/t/2162/assets/components-image-filters.js?v=158502903106820670721789405380",
11813    "@theme/components-active-filters":           "//beyondyoga.com/cdn/shop/t/2162/assets/components-active-filters.js?v=175212104161862705861789405375",
11814    "@theme/components-predictive-search":        "//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=181326858963390009501789405382",
11815    "@theme/components-cart":                     "//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377",
11816    "@theme/components-quickshop":                "//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385",
11817    "@theme/sections-hero":                       "//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396",
11818    "@theme/sections-collection-seo-content":     "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__seo-content.js?v=119411412926631775671789405395",
11819    "@theme/sections-product-highlight":          "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397",
11820    "@theme/sections-blog-by-type":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-blog-by-type.js?v=94133914798988839661789405394",
11821    "@theme/sections-ugc-carousel":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402",
11822    "@theme/sections-recently-viewed":            "//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400",
11823    "@theme/sections-shop-looks":                 "//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401",
11824    "@theme/sections-collection-grid":            "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__grid.js?v=156872187499933900261789405395",
11825    "@theme/sections-searchspring-results":       "//beyondyoga.com/cdn/shop/t/2162/assets/sections-searchspring-results.js?v=150838074516919328681789674584",
11826    "@theme/sections-product-recommendations":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__recommendations.js?v=54225034166203947361789405399",
11827    "@theme/sections-product-gift-card":          "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__gift-card.js?v=140210436593250088121789405398",
11828    "@theme/sections-product-main":               "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__main.js?v=138
11828014053114869621111789405399",
11829    "@theme/sections-product-101-fabric-tabs":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-101-fabric-tabs.js?v=144906634610030605591789405396",
11830    "@theme/sections-product-carousel-tabbed":    "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-carousel-tabbed.js?v=93917564861376260961789405397",
11831    "@theme/sections-rebuy-widget-customization": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-rebuy-widget-customization.js?v=27888287584081789421789405400",
11832    "@theme/templates-account":                   "//beyondyoga.com/cdn/shop/t/2162/assets/templates-account.js?v=175453407887846532331789405403"
11833  }
11834}
11835</script>
11835
11836<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" fetchpriority="low">
11837<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" fetchpriority="low">
11838
11839<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11839
11839
11840<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11840
11840
11841<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11841
11841
11842<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11842
11842
11843<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389" type="module" fetchpriority="low"></script>
11843
11844
11845<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11845
11845
11846<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11846
11846
11847<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11847
11847
11848<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11848
11848
11849<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11849
11849
11850<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384" type="module" fetchpriority="low"></script>
11850
11851
11852<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11852
11852
11853<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376" type="module" fetchpriority="low"></script>
11853
11854
11855<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11855
11855
11856<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11856
11856
11857<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11857
11857
11858<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11858
11858
11859<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11859
11859
11860<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11860
11860
11861<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=181326858963390009501789405382" type="module" fetchpriority="low"></script>
11861
11862
11863<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=156264305191822929081789674583" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11863
11863
11864<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11864
11864
11865<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385" type="module" fetchpriority="low"></script>
11865
11866
11867<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11867
11867
11868<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397" type="module" fetchpriority="low"></script>
11868
11869
11870<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400" type="module" fetchpriority="low"></script>
11870
11871
11872<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11872
11872
11873<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 11873
11873
11874<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 11874
11874
11875<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 11875
11875
11876<script type="module">
11877  import { isIOS26, yotpo } from '@theme/global-utilities';
11878  document.addEventListener('DOMContentLoaded', () => {
11879    if (isIOS26()) {
11880      document.body.classList.add('safari-glass-ui');
11881      document.documentElement.classList.add('safari-glass-ui');
11882    }
11883    yotpo.addBracketsToReviews();
11884  });
11885</script>
11885
11886
11887      
11888      
11888<script src="https://cdn.jsdelivr.net/npm/@loophq/onstore-sdk@latest/dist/loop-onstore-sdk.min.js" defer></script>
11888
11889      
11890      
11891
11892      
11893      
11894      
11895  
11896      
11897      
11897<script>
11898window.Shopify.loadFeatures(
11899  [
11900      {
11901          name: 'consent-tracking-api',
11902          version: '0.1',
11903      },
11904  ],
11905  error => {
11906      if (error) {
11907          // Rescue error
11908      }
11909      // If error is false, the API has loaded and ready to use!
11910  },
11911);
11912
11913/**
11914* This function returns value of notice_behavior cookie to determine location and behavior manager based on domain.
11915* When no notice_behavior cookie exists, this returns a blank string.
11916*/
11917function getBehavior() {
11918  var result = "";
11919  var rx = new RegExp("\\s*notice_behavior\\s*=\\s*([^;]*)").exec(document.cookie);
11920  if(rx&&rx.length>1){
11921      result = rx[1];
11922  }
11923  return result;
11924}
11925
11926// This code is responsible for listening to any consent changes trough TrustArc's CCM Instance
11927// And pushing the consent changes to the dataLayer according to the customer's consent mapping
11928
11929// 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 
11930// Once the the CCM loads. 
11931var interval = setInterval(function() {
11932  if (window.truste && truste.cma && truste.cma.callApi) {
11933      var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com");
11934      handleConsentDecision(consentDecision);
11935      clearInterval(interval);
11936  }
11937}, 100);
11938
11939// Bucket Mapping
11940const REQUIRED = 1;
11941const FUNCTIONAL = 2;
11942const ADVERTISING = 3;
11943
11944// Start listning to when users submit their preferences  
11945window.addEventListener("message", (event) => {
11946  let eventDataJson = null;
11947
11948  // We only care about TrustArc Events at this point. And TrustArc's even it encoded in JSON
11949  try {
11950      eventDataJson = JSON.parse(event.data);
11951  } catch {
11952      // Some other event that is not JSON. 
11953      // TrustArc encodes the data as JSON
11954      // console.log(event.data);
11955  }
11956
11957  // Safeguard to make sure we are only getting events from TrustArc
11958  if (eventDataJson && eventDataJson.source === "preference_manager") {
11959
11960      // Means that the user has submited their preferences
11961      if (eventDataJson.message === "submit_preferences") {
11962          console.log("Event Data: ", eventDataJson);
11963
11964          // Waiting half a second to make sure user's preferences are reflected. 
11965          setTimeout(() => {
11966              var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com");
11967              // console.log("Consent Decision: ", consentDecision);
11968              handleConsentDecision(consentDecision);
11969          }, 500);
11970      }
11971  }
11972
11973}, false);
11974
11975function handleConsentDecision(consent) {
11976  if (!consent || !consent.consentDecision) return;
11977
11978  var functionalAccepted = consent.consentDecision.includes(FUNCTIONAL);
11979  var advertisingAccepted = consent.consentDecision.includes(ADVERTISING);
11980
11981  // Check if behavior manager is EU
11982  // This is optional if you want opt-out experience (opt in by default)
11983  var isEU = /.*(,|)eu/i.test(getBehavior());
11984  if(consent.source == 'implied' && !isEU) {
11985    functionalAccepted = true;
11986    advertisingAccepted = true;
11987  }
11988
11989  //For details see: https://shopify.dev/docs/api/customer-privacy#collect-and-register-consent
11990  var api = window.Shopify && window.Shopify.customerPrivacy;
11991  if (!api || typeof api.setTrackingConsent !== 'function') return;
11992  var callback = function() {};
11993  window.Shopify.customerPrivacy.setTrackingConsent(
11994    {
11995      "analytics": functionalAccepted,
11996      "marketing": advertisingAccepted,
11997      "preferences": functionalAccepted,
11998      "sale_of_data": advertisingAccepted
11999    },
12000    callback
12001  );
12002  //Use this function to check if the preferences have been set
12003  if (typeof api.currentVisitorConsent === 'function') api.currentVisitorConsent();
12004}
12005
12006// Override the scrollTo behavior when TrustArc popup opens
12007const originalScrollTo = window.scrollTo;
12008window.scrollTo = function(x, y) {
12009  // Check if this is the TrustArc scroll call
12010  if (x === 0 && y === 0 && document.querySelector('.truste_overlay')) {
12011    // Don't scroll to top when TrustArc popup is open
12012    return;
12013  }
12014  // Call original scrollTo for all other cases
12015  return originalScrollTo.call(this, x, y);
12016};
12017</script>
12017
12018      
12019  
12020      
12020<script>
12021        window.addEventListener('DOMContentLoaded', () => {
12022          if (window.LoopOnstore) {
12023            LoopOnstore.init({
12024              key: "9d8d33e82e7b09996da9d5a2e9c288b2f06210e4",
12025              attach: ".cart__checkout-button",
12026            });
12027          }
12028        });
12029      </script>
12029
12030  
12031      
12031<script type="text/javascript" defer="defer">
12032        window.addEventListener("klaviyoForms", function(e) {
12033          if (e.detail.type == 'submit') {
12034            dataLayer.push({
12035              event: "popup_form_submitted"
12036            });
12037          }
12038        });
12039      </script>
12039
12040  
12041      <!-- Gorgias Privacy Code -->
12042      
12042<script defer>
12043        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."
12044  
12045        var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})});
12046        initGorgiasChatPromise.then(async () => {
12047          GorgiasChat.updateTexts({
12048            "requireEmailCaptureIntro": "Hey there! " + introMessage,
12049            "contactFormIntro": "Hey there! " + introMessage,
12050            "contactFormSSPUnsuccessfulAskAdditionalMessage": "Hey there! " + introMessage,
12051            "waitTimeLongNoEmail": "Thank you for your patience. " + introMessage,
12052            "waitTimeMediumNoEmail": "Thanks for reaching out! Leave us your email and an agent will get back to you in about {waitTime} minutes. " + introMessage,
12053            "waitTimeShortNoEmail": "Thanks for reaching out! " + introMessage
12054          })
12055  
12056          GorgiasChat.updateSSPTexts({
12057            "sorryToHearThatEmailRequired": introMessage
12058          })
12059  
12060          GorgiasChat.on('widget:opened', function(data) {
12061            document.body.classList.add('gorgias-chat-open');
12062          })
12063          GorgiasChat.on('widget:closed', function(data) {
12064            document.body.classList.remove('gorgias-chat-open');
12065          })
12066        })
12067      </script>
12067
12068      <!-- End Gorgias Privacy Code -->
12069  
12070      
12070<script defer>
12071  let logoObserver, periodicCheck;
12072
12073  function addSwymLogo() {
12074    const container = document.querySelector('swym-storefront-layout-title');
12075    if (container && !container.querySelector('.logo-container')) {
12076      const logo = document.createElement('div');
12077      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';
12078      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>';
12079      container.prepend(logo);
12080    }
12081  }
12082
12083  function initLogoMonitoring() {
12084    addSwymLogo();
12085    
12086    logoObserver?.disconnect();
12087    logoObserver = new MutationObserver(mutations => {
12088      if (mutations.some(m => m.type === 'childList' && 
12089          (m.target.matches?.('swym-storefront-layout-title') || m.target.querySelector?.('swym-storefront-layout-title')))) {
12090        setTimeout(addSwymLogo, 100);
12091      }
12092    });
12093    
12094    logoObserver.observe(document.body, { childList: true, subtree: true });
12095    periodicCheck = setInterval(addSwymLogo, 5000);
12096  }
12097
12098  // Initialize
12099  if (document.readyState === 'loading') {
12100    document.addEventListener('DOMContentLoaded', initLogoMonitoring);
12101  } else {
12102    initLogoMonitoring();
12103  }
12104  
12105  // Fallbacks
12106  setTimeout(addSwymLogo, 1000);
12107  setTimeout(addSwymLogo, 3000);
12108
12109  function swymCallbackFn(swat){
12110    document.addEventListener("swym:collections-loaded", function(){
12111      setTimeout ( () => {
12112        swat.initializeActionButtons("body");
12113      },1000);
12114    });
12115
12116    document.addEventListener("bmi_reload", function(){
12117      swat.initializeActionButtons('body');
12118    });
12119  }
12120  
12121  if(!window.SwymCallbacks){
12122    window.SwymCallbacks = [];
12123  }
12124  window.SwymCallbacks.push(swymCallbackFn);
12125
12126</script>
12126
12127
12128      
12128<script>
12129  /**
12130   * Each entry shape:
12131   * {
12132   *   id:    string   — unique ID stamped on the injected 
12132<script> tag
12133   *   src:   string   — script URL to load
12134   *   attrs: object   — extra properties to set on the 
12134<script> element
12135   *   init:  function — optional, runs after the script has loaded
12136   * }
12137   */
12138  var GORGIAS_CHAT_DELAY_MS = 8000;
12139
12140  var GORGIAS_CHAT_ENTRY = {
12141    id:    'gorgias-chat',
12142    src:   'https://config.gorgias.chat/bundle-loader/01HD7CB8ZGK2T3WBM8R2PCHYN3',
12143    attrs: { async: true }
12144  };
12145
12146  var _gorgiasChatDelayTimer = null;
12147  var _gorgiasChatInjected = false;
12148  var _gorgiasChatOpenWhenReady = false;
12149
12150  function injectGorgiasChat() {
12151    if (_gorgiasChatInjected) return;
12152    _gorgiasChatInjected = true;
12153    if (_gorgiasChatDelayTimer) {
12154      clearTimeout(_gorgiasChatDelayTimer);
12155      _gorgiasChatDelayTimer = null;
12156    }
12157    injectScript(GORGIAS_CHAT_ENTRY);
12158  }
12159
12160  function scheduleGorgiasChat() {
12161    if (_gorgiasChatInjected || document.getElementById(GORGIAS_CHAT_ENTRY.id)) return;
12162    if (_gorgiasChatDelayTimer) return;
12163    _gorgiasChatDelayTimer = setTimeout(injectGorgiasChat, GORGIAS_CHAT_DELAY_MS);
12164  }
12165
12166  window.openGorgiasChat = function () {
12167    if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') {
12168      window.GorgiasChat.open();
12169      return;
12170    }
12171    _gorgiasChatOpenWhenReady = true;
12172    injectGorgiasChat();
12173  };
12174
12175  window.addEventListener('gorgias-widget-loaded', function () {
12176    if (!_gorgiasChatOpenWhenReady) return;
12177    _gorgiasChatOpenWhenReady = false;
12178    if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') {
12179      window.GorgiasChat.open();
12180    }
12181  });
12182
12183  const TRACKING_SCRIPTS = [
12184
12185    // ── Bing UET ──────────────────────────────────────────────
12186    {
12187      id:    'bing-uet',
12188      src:   '//bat.bing.com/bat.js',
12189      attrs: { async: true },
12190      init: function() {
12191        var o = { ti: '4022306' };
12192        o.q = window.uetq;
12193        window.uetq = new UET(o);
12194        window.uetq.push('pageLoad');
12195      }
12196    },
12197
12198    // ── The Trade Desk (TTD) ──────────────────────────────────
12199    {
12200      id:    'ttd-pixel',
12201      src:   'https://js.adsrvr.org/up_loader.1.1.0.js',
12202      attrs: { async: true },
12203      init: function() {
12204        (function runTTD() {
12205          if (typeof window.ttd_dom_ready !== 'function') {
12206            setTimeout(runTTD, 50);
12207            return;
12208          }
12209          window.ttd_dom_ready(function() {
12210            if (typeof TTDUniversalPixelApi === 'function') {
12211              var api = new TTDUniversalPixelApi();
12212              api.init('k7ow6mq', ['r8uslw9'], 'https://insight.adsrvr.org/track/up', {});
12213            }
12214          });
12215        })();
12216      }
12217    },
12218
12219    // ── DM Insight / TrackedWeb ───────────────────────────────
12220    {
12221      id:    'dm-insight',
12222      src:   '//static.trackedweb.net/js/_dmptv4.js',
12223      attrs: { async: true },
12224      init: function() {
12225        window.dm_insight_id = 'DM-658805-02';
12226        window.dmtrackingobjectname = 'dmPt';
12227        window.dmPt = window.dmPt || function() { (window.dmPt.q = window.dmPt.q || []).push(arguments); };
12228        window.dmPt('track');
12229      }
12230    },
12231
12232    // ── SecuredVisit ──────────────────────────────────────────
12233    {
12234      id:    'secured-visit',
12235      src:   '//track.securedvisit.com/js/sv.js',
12236      attrs: { async: true },
12237      init: function() {
12238        window._svq = window._svq || [];
12239        window._svq.push(['_setAccount', '5474_04563']);
12240        window._svq.push(['_trackPageView']);
12241      }
12242    },
12243
12244    // Gorgias: injected on a timer after consent (see scheduleGorgiasChat) or on demand via openGorgiasChat.
12245
12246    // ── VWO (Visual Website Optimizer) ────────────────────────
12247    // VWO self-bootstraps via window._vwo_code, so we init
12248    // the config object first, then let it pull its own script.
12249    {
12250      id:    'vwo',
12251      src:   null, // no top-level src — VWO loads itself
12252      attrs: {},
12253      init: function() {
12254        window._vwo_code = window._vwo_code || (function() {
12255          var account_id         = 495520,
12256              settings_tolerance = 300,
12257              library_tolerance  = 1200,
12258              use_existing_jquery = false,
12259              is_spa              = 1,
12260              hide_element        = 'body',
12261              f = false, d = document,
12262              code = {
12263                use_existing_jquery: function() { return use_existing_jquery; },
12264                library_tolerance:   function() { return library_tolerance; },
12265                finish: function() {
12266                  if (!f) {
12267                    f = true;
12268                    var a = d.getElementById('_vis_opt_path_hides');
12269                    if (a) a.parentNode.removeChild(a);
12270                  }
12271                },
12272                finished: function() { return f; },
12273                load: function(a) {
12274                  var b = d.createElement('script');
12275                  b.src = a; b.type = 'text/javascript';
12276                  b.onerror = function() { _vwo_code.finish(); };
12277                  d.getElementsByTagName('head')[0].appendChild(b);
12278                },
12279                init: function() {
12280                  window.settings_timer = setTimeout(
12281                    '_vwo_code.finish()', settings_tolerance
12282                  );
12283                  var a = d.createElement('style'),
12284                      b = hide_element
12285                        ? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}'
12286                        : '',
12287                      h = d.getElementsByTagName('head')[0];
12288                  a.setAttribute('id',   '_vis_opt_path_hides');
12289                  a.setAttribute('type', 'text/css');
12290                  if (a.styleSheet) a.styleSheet.cssText = b;
12291                  else a.appendChild(d.createTextNode(b));
12292                  h.appendChild(a);
12293                  this.load(
12294                    'https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id +
12295                    '&u=' + encodeURIComponent(d.URL) +
12296                    '&f=' + (+is_spa) +
12297                    '&r=' + Math.random()
12298                  );
12299                  return settings_timer;
12300                }
12301              };
12302          window._vwo_settings_timer = code.init();
12303          return code;
12304        }());
12305      }
12306    }
12307
12308  ];
12309
12310  // ── Script injector ───────────────────────────────────────
12311  function injectScript(entry) {
12312    if (document.getElementById(entry.id)) return; // guard: never double-inject
12313
12314    if (entry.src) {
12315      var s = document.createElement('script');
12316      s.id  = entry.id;
12317      s.src = entry.src;
12318      Object.entries(entry.attrs || {}
12318).forEach(function(kv) { s[kv[0]] = kv[1]; });
12319      if (entry.init) s.onload = entry.init;
12320      document.body.appendChild(s);
12321    } else if (entry.init) {
12322      // src-less entries (e.g. VWO) just run their init directly
12323      entry.init();
12324    }
12325  }
12326
12327  // ── Consent handler ───────────────────────────────────────
12328  var _scriptsLoaded = false;
12329
12330  function handleConsent() {
12331    var privacy = Shopify.customerPrivacy;
12332    var canTrack = privacy.analyticsProcessingAllowed()
12333                && privacy.marketingAllowed();
12334
12335    if (canTrack && !_scriptsLoaded) {
12336      _scriptsLoaded = true;
12337      TRACKING_SCRIPTS.forEach(injectScript);
12338      scheduleGorgiasChat();
12339      window.clarity('consentv2', {
12340        ad_Storage: "granted",
12341        analytics_Storage: "granted"
12342      });
12343    } else {
12344      window.clarity('consentv2', {
12345        ad_Storage: "denied",
12346        analytics_Storage: "denied"
12347      });
12348    }
12349  }
12350
12351  // ── Bootstrap via Shopify consent API ─────────────────────
12352  Shopify.loadFeatures(
12353    [{ name: 'consent-tracking-api', version: '0.1' }],
12354    function(error) {
12355      if (error) {
12356        console.error('Consent API failed to load:', error);
12357        return;
12358      }
12359      handleConsent();
12360      document.addEventListener('visitorConsentCollected', handleConsent);
12361    }
12362  );
12363</script>
12363
12364    <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>
12365<div id="shopify-block-AaUpCaW0zK0hQdkxYR__7586417359830130585" class="shopify-block shopify-app-block govalo"><!-- BEGIN APP EMBED: GOVALO -->
12366<!-- BEGIN app snippet: govalo-rewards -->
12367<!-- END app snippet -->
12368
12369
12370
12371
12372
12373<!-- END APP EMBED: GOVALO -->
12374
12375
12376</div><div id="shopify-block-ARzRUZFJhblF1OXJZV__17344971991852576190" class="shopify-block shopify-app-block">
12377
12378
12379</div><div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block">
12380<script>
12381  window.SwymCollectionsConfig = {
12382  'CollectionsSelectors': [],
12383  'CollectionsPosition': "top-right",
12384  'CollectionsIcon': "heart",
12385  'CollectionsButtonSize': 25,
12386  'CollectionsVerticalOffset': 0,
12387  'CollectionsHorizontalOffset': 0,
12388  'CollectionsProductLinkSelector': "-", 
12389  'CollectionsProductTileSelector': "-",
12390  'CollectionsVariantSelector': "false",
12391  'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist",
12392  'CollectionsCreateListTitle': "Name Your Wishlist",
12393  'CollectionsCreateListPlaceholder': "Enter wishlist name",
12394  'CollectionsCustomIconAdd': "",
12395  'CollectionsCustomIconAdded': "",
12396  'CollectionsIconColor': "#000000",
12397  'CollectionsIconThickness': "1.7",
12398}
12399</script>
12399
12400<style>
12401  .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; min-width: 25px; height: 25px!important;}
12402  .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;}
12403  .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;}
12404</style>
12405
12406
12407
12408<script>
12409  // Send heartbeat for collections button
12410  (function() {
12411    let collectionsButtonHeartbeatData = '';
12412    try {
12413      collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {};
12414    } catch (e) {
12415      collectionsButtonHeartbeatData = {};
12416    }
12417    const ShopifyTheme = window.Shopify.theme;
12418    const themeId = ShopifyTheme.id;
12419    let heartbeatMetadata = {
12420      schema_name: ShopifyTheme?.schema_name,
12421      schema_version: ShopifyTheme?.schema_version,
12422      theme_store_id: ShopifyTheme?.theme_store_id,
12423      role: ShopifyTheme?.role
12424    };
12425
12426    const isDesignMode = !!window.swymDesignMode;
12427
12428    if (!window.SwymCallbacks) {
12429      window.SwymCallbacks = [];
12430    }
12431    window.SwymCallbacks.push((swat) => {
12432      if (!swat || !themeId) {
12433        return;
12434      }
12435      const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
12436      if (typeof triggerHeartbeat !== "function") return;
12437
12438      const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId];
12439      const themeContext = isDesignMode ? 'editor' : themeId;
12440
12441      const extensionData = {
12442        extensionName: "add-to-wishlist-collections-button", 
12443        extensionType: "app-embed", 
12444        metadata: heartbeatMetadata, 
12445        themeId: themeContext, 
12446        extensionSource: "default"
12447      };
12448
12449      /** Stop heartbeat
12450      triggerHeartbeat(extensionData, lastHeartbeat);
12451      */
12452    });
12453  })(); // IIFE to prevent polluting global scope
12454</script>
12454
12455
12456
12457<style>
12458  .swym-advanced-wishlist-collections-container {
12459    display: none;
12460  }
12461</style>
12462</div><div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
12463<script>
12464  window.Rebuy = window.Rebuy || {};
12465  window.Rebuy.customer = window.Rebuy.customer || {};
12466  
12467  window.Rebuy.market = window.Rebuy.market || {};
12468  
12469  window.Rebuy.market.country = "US";
12470  
12471  
12472  window.Rebuy.market.locale = "en";
12473  
12474</script>
12474
12475
12476
12477
12478
12479
12480</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">
12481
12482
12483<script>
12484  console.log("[Alia app extension] v1.0.5");
12485
12486  const BACKEND_URL = "https://backend.alia-prod.com";
12487
12488  window.ALIA_SHOPIFY_EXTENSION_INFO = {
12489    customerID: "",
12490    country: "US",
12491    market: "us",
12492    language: "en"
12493  }
12494
12495  if (document.readyState !== "loading") {
12496    initAlia();
12497  } else {
12498    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
12499  }
12500
12501  async function initAlia() {
12502    const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=beyond-yoga-store.myshopify.com";
12503    const script = document.createElement("script");
12504    script.src = url;
12505    script.async = true;
12506    document.head.appendChild(script);
12507  }
12508</script>
12508
12509
12510</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block">
12511
12512
12513<!-- BEGIN app snippet: swymVersion -->
12513<script>var __SWYM__VERSION__ = '7.0.7';</script>
12513<!-- END app snippet -->
12514<!-- BEGIN app snippet: swymCustomCss -->
12515
12516
12517
12518
12519<style id="swym-custom-css">
12520
12521</style>
12522
12523<!-- END app snippet -->
12524
12525
12526
12527
12528
12529
12530
12531
12532
12533
12534
12535
12536<script>
12537  (function () {
12538    // Get CompanyLocation Metadata for B2B customer scenerios (SFS)
12539    
12540
12541    // Put metafields in window variable
12542    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}}';
12543    try {
12544      const parsedSettings = JSON.parse(commonCustomizationSettings);
12545      if (parsedSettings) {
12546        window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings'];
12547      } else {
12548        window.SwymWishlistCommonCustomizationSettings = {};
12549      }
12550    } catch (e) {
12551      window.SwymWishlistCommonCustomizationSettings = {};
12552    }
12553
12554    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}}';
12555    try {
12556      enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {};
12557    } catch (e) {
12558      enabledCommonFeatures = {};
12559    }
12560    // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code.
12561    window.SwymEnabledCommonFeatures = enabledCommonFeatures;
12562
12563    // Ghost-Intent Configuration
12564    // Defaults to disabled (false). Only enabled when metafields explicitly set to "true".
12565    try {
12566      let ghostIntentConfig = {
12567        isExplicitConsentNeeded: false,
12568        isExplicitConsentNeededEvenForLocalStorage: false,
12569        askForPermissionOnFirstClick: true
12570      };
12571      
12572      
12573      
12574      window.SwymGhostIntentConfig = ghostIntentConfig;
12575    } catch(e) {
12576      window.SwymGhostIntentConfig = {
12577        isExplicitConsentNeeded: false,
12578        isExplicitConsentNeededEvenForLocalStorage: false,
12579        askForPermissionOnFirstClick: true
12580      };
12581    }
12582
12583    // Education Layer Configuration
12584    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
12585    
12586    
12587    window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true;
12588
12589    // Login Nudge Configuration
12590    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
12591    
12592    
12593    window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true;
12594
12595    // Initialize or ensure SwymViewProducts exists
12596    if (!window.SwymViewProducts) {
12597      window.SwymViewProducts = {};
12598    }
12599    
12600      try {
12601        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": 66, "empi": 7986746064995 }, "https://beyondyoga.com/products/midweight-spacedye-forever-dress-darkest-night-0092a-0001": { "socialCount": 43, "empi": 8004200071267 }, "https://beyondyoga.com/products/youre-a-force-dress-nocturnal-navy-007pn-0006": { "s
12601ocialCount": 46, "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": 67, "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": 58, "empi": 6951814365283 } };
12602        // Integrate social count data into existing SwymViewProducts structure
12603        Object.keys(socialCountMap).forEach(function(key) {
12604          if (!window.SwymViewProducts[key]) {
12605            window.SwymViewProducts[key] = {};
12606          }
12607
12608          window.SwymViewProducts[key] = socialCountMap[key];
12609        });
12610      } catch (e) {
12611        // Silent error handling
12612      }
12613    
12614  })();
12615</script>
12615
12616
12617<!-- BEGIN app snippet: swymLoadConsentManager -->
12618<script>
12619  (function () {
12620    if (document.querySelector("script[data-swym-consent-manager]")) return;
12621    var swymConsentManagerScript = document.createElement("script");
12622    swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8\/swym-relay-839\/assets\/swym-consent-manager.js";
12623    swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves
12624    swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true");
12625    document.head.appendChild(swymConsentManagerScript);
12626  })();
12627</script>
12627
12628<!-- END app snippet -->
12629
12630<script
12631  
12632  id="wishlist-embed-init"
12633  defer
12634  async
12635>
12636  (function () {
12637    window.swymWishlistEmbedLoaded = true;
12638    var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/apps.bundle.js"; 
12639    var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1);
12640    var swymJsPath = '//entcdn.swymrelay.com/code/swym-shopify.js';
12641    var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1);
12642    window.SwymCurrentJSPath = baseJsPath;
12643    window.SwymAssetBaseUrl = assetBaseUrl;
12644    
12645      window.SwymCurrentStorePath = "//swymstore-v3enterprise-01.swymrelay.com";
12646    
12647    function loadSwymShopifyScript() {
12648      var element = "";
12649      var scriptSrc = "";
12650
12651      
12652        element = "swym-ext-shopify-script";
12653        window.SwymShopifyCdnInUse = true;
12654        scriptSrc = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-ext-shopify.js";
12655      
12656
12657      if (document.getElementById(element)) {
12658        return;
12659      }
12660
12661      var s = document.createElement("script");
12662      s.id = element;
12663      s.type = "text/javascript";
12664      s.async = true;
12665      s.defer = true;
12666      s.src = scriptSrc;
12667
12668      s.onerror = function() {
12669        console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default");
12670        // Fallback logic here
12671        element = `swym-ext-shopify-script-${__SWYM__VERSION__}`;
12672        var fallbackJsPathVal = "\/\/entcdn.swymrelay.com\/code\/swym-shopify.js";
12673        var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify");
12674        scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__;
12675
12676        var fallbackScript = document.createElement("script");
12677        fallbackScript.id = element;
12678        fallbackScript.type = "text/javascript";
12679        fallbackScript.async = true;
12680        fallbackScript.defer = true;
12681        fallbackScript.src = scriptSrc;
12682        var y = document.getElementsByTagName("script")[0];
12683        y.parentNode.insertBefore(fallbackScript, y);
12684      };
12685
12686      var x = document.getElementsByTagName("script")[0];
12687      x.parentNode.insertBefore(s, x);
12688    }
12689    
12690      var consentAPICallbackInvoked = false;
12691      function checkConsentAndLoad() {
12692        // Allow app to load in design mode (theme editor) regardless of consent
12693        if (window.Shopify?.designMode) {
12694          loadSwymShopifyScript();
12695          return;
12696        }
12697
12698        // Ghost-Intent: If merchant enabled explicit consent, block SDK until
12699        // consent is given through our Ghost-Intent flow (sync nudge accept).
12700        // This works on any store regardless of region (EU or non-EU).
12701        var ghostConfig = window.SwymGhostIntentConfig || {};
12702        if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) {
12703          try {
12704            var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || '');
12705            if (localStorage.getItem(consentKey) === 'true') {
12706              // Consent was given through our flow — load SDK
12707              loadSwymShopifyScript();
12708              return;
12709            }
12710          } catch(e) {}
12711
12712          // Check if Shopify native cookie consent was given via the cookie banner.
12713          // If user accepted cookies through Shopify's banner, load SDK normally
12714          // (Ghost-Intent is only needed when NO consent mechanism has been used).
12715          var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
12716          if (shopifyConsentGiven) {
12717            loadSwymShopifyScript();
12718            return;
12719          }
12720
12721          console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given");
12722          return;
12723        }
12724
12725        var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.();
12726        if(!isCookieBannerVisible) {
12727          loadSwymShopifyScript();
12728          return;
12729        }
12730        var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
12731        if (shouldLoadSwymScript) {
12732          loadSwymShopifyScript();
12733        } else {
12734          console.warn("No customer consent to load Swym Wishlist Plus");
12735        }
12736      }
12737      function initialiseConsentCheck() {
12738        document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); });
12739        window.Shopify?.loadFeatures?.(
12740          [{name: 'consent-tracking-api', version: '0.1'}],
12741          error => { 
12742            consentAPICallbackInvoked = true;
12743            if (error) {
12744              if(!window.Shopify?.customerPrivacy) {
12745                loadSwymShopifyScript();
12746                return;
12747              }
12748            }
12749            checkConsentAndLoad();
12750          }
12751        );
12752      }
12753      function consentCheckFallback(retryCount) {
12754        if(!consentAPICallbackInvoked) {
12755          if (window.Shopify?.customerPrivacy) {
12756            checkConsentAndLoad();
12757          } else if (retryCount >= 1) {
12758            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");
12759            // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected
12760            checkConsentAndLoad();
12761          } else {
12762            setTimeout(() => consentCheckFallback(retryCount + 1), 1000);
12763          }
12764        }
12765      }
12766      if (document.readyState === "loading") {
12767        document.addEventListener("DOMContentLoaded", initialiseConsentCheck);
12768        window.addEventListener("load", () => consentCheckFallback(0));
12769      } else {
12770        initialiseConsentCheck();
12771      }
12772    
12773  })();
12774</script>
12774
12775
12776<!-- BEGIN app snippet: swymSnippet -->
12776<script defer>
12777  (function () {
12778    const currentSwymJSPath = '//entcdn.swymrelay.com/code/swym-shopify.js';
12779    const currentSwymStorePath = 'https://swymstore-v3enterprise-01.swymrelay.com';
12780    const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`;
12781    const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`;
12782    const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`;
12783    const swymSnippet = document.getElementById('wishlist-embed-init');        
12784    if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);}
12785    if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);}
12786    if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);}
12787  })()
12788</script>
vendor: 1 bytes, line 12788
12788
12789<script id="swym-snippet" type="text">
12790  window.swymLandingURL = document.URL;
12791  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};
12792  window.swymPageLoad = function() {
12793    window.SwymProductVariants = window.SwymProductVariants || {};
12794    window.SwymHasCartItems = 0 > 0;
12795    window.SwymPageData = {}, window.SwymProductInfo = {};
12796      var unknown = {et: 0};
12797      window.SwymPageData = unknown;
12798    
12799    window.SwymPageData.uri = window.swymLandingURL;
12800  };
12801  if(window.selectCallback){
12802    (function(){
12803      var originalSelectCallback = window.selectCallback;
12804      window.selectCallback = function(variant){
12805        originalSelectCallback.apply(this, arguments);
12806        try{
12807          if(window.triggerSwymVariantEvent){
12808            window.triggerSwymVariantEvent(variant.id);
12809          }
12810        }catch(err){
12811          console.warn("Swym selectCallback", err);
12812        }
12813      };})();}
12814  window.swymCustomerId =null;
12815  window.swymCustomerExtraCheck =
12816    null;
12817  var swappName = ("Watchlist" || "Wishlist");
12818  var swymJSObject = {
12819    pid: "pjl1ubCnY7X+I+PWrFOfpIBALrGUnhu+wzcvdq6OG7s=",
12820    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
12821  };
12822  window.swymJSShopifyLoad = function(){
12823    if(window.swymPageLoad) swymPageLoad();
12824    if(!window._swat) {
12825      (function (s, w, r, e, l, a, y) {
12826        r['SwymRetailerConfig'] = s;
12827        r[s] = r[s] || function (k, v) {
12828          r[s][k] = v;
12829        };
12830      })('_swrc', '', window);
12831      _swrc('RetailerId', swymJSObject.pid);
12832      _swrc('Callback', function(){initSwymShopify();});
12833    }else if(window._swat.postLoader){
12834      _swrc = window._swat.postLoader;
12835      _swrc('RetailerId', swymJSObject.pid);
12836      _swrc('Callback', function(){initSwymShopify();});
12837    }else{
12838      initSwymShopify();}
12839  }
12840  if(!window._SwymPreventAutoLoad) {
12841    swymJSShopifyLoad();
12842  }
12843</script>
12843
12844
12845<style id="safari-flasher-pre"></style>
12846<script>
12847  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
12848    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;}' + '';
12849    window.SwymCallbacks = window.SwymCallbacks || [];
12850    window.SwymCallbacks.push(function(tracker) {
12851      tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() {
12852        var x = function() {
12853          SwymUtils.onDOMReady(function() {
12854            var d = document.createElement("div");
12855            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>";
12856            document.head.appendChild(d);
12857          });};
12858        setTimeout(x, 10);
12859      });});}
12860  window.SwymOverrideMoneyFormat = "${{amount}}";
12861</script>
12861
12862<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet -->
12863
12864<script
12865  
12866  id="swymSnippetCheckAndActivate"
12867>
12868  (function () {
12869    var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler'];
12870
12871    function removeDuplicateIdNodes(id) {
12872      var nodes = document.querySelectorAll('#' + id);
12873      nodes.forEach(function (node, index) {
12874        if (index > 0) {
12875          node.remove();
12876        }
12877      });
12878    }
12879
12880    function cleanupDuplicateSnippetNodes(activeScript) {
12881      if (!activeScript) {
12882        return;
12883      }
12884      var allSwymSnippets = document.querySelectorAll('script#swym-snippet');
12885      allSwymSnippets.forEach(function (scriptNode) {
12886        if (scriptNode !== activeScript) {
12887          scriptNode.remove();
12888        }
12889      });
12890    }
12891
12892    function cleanupDuplicateActivationGuards() {
12893      var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate');
12894      guardScripts.forEach(function (scriptNode, index) {
12895        if (index > 0) {
12896          scriptNode.removeAttribute('id');
12897        }
12898      });
12899    }
12900
12901    function postDomLoad() {
12902      var activeScript = document.querySelector('script#swym-snippet:not([type="text"])');
12903      if (!activeScript) {
12904        var inactiveScript = document.querySelector('script#swym-snippet[type="text"]');
12905        if (inactiveScript) {
12906          inactiveScript.type = 'text/javascript';
12907          new Function(inactiveScript.textContent)();
12908          activeScript = inactiveScript;
12909        }
12910      }
12911
12912      cleanupDuplicateSnippetNodes(activeScript);
12913      cleanupDuplicateActivationGuards();
12914      duplicateProneIds.forEach(removeDuplicateIdNodes);
12915    }
12916
12917    if (document.readyState === 'loading') {
12918      document.addEventListener('DOMContentLoaded', postDomLoad);
12919    } else {
12920      postDomLoad();
12921    }
12922  })();
12923</script>
12923
12924
12925
12926
12927<script>
12928  (function () {
12929    const themeSchemaName = window.Shopify.theme.schema_name;
12930
12931    if (!window.SwymCallbacks) {
12932      window.SwymCallbacks = [];
12933    }
12934    window.SwymCallbacks.push(swat => {
12935      if (!swat) {
12936        return;
12937      }
12938
12939      // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent
12940      if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) {
12941        window.SwymLocalWishlist.syncToCloud(swat);
12942      }
12943
12944      if (window._SwymSDKOnlyMode) {
12945        return;
12946      }
12947
12948      // ENABLE COMMON FEATURES
12949      let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures;
12950      Object.keys(swymEnabledCommonFeatures).forEach(key => {
12951        if (!swymEnabledCommonFeatures[key]) return;
12952
12953        switch (key) {
12954          case 'add-to-wishlist-collections-button':
12955            // Check if app block is already handling the collections button
12956            if (window.SwymCollectionsConfig) {
12957              return;
12958            }
12959
12960            // Check if v2 default collections is handling it
12961            if (window.SwymAdvancedCollectionsWishlistConfig) {
12962              return;
12963            }
12964
12965            // Fallback to old v1 behavior if v2 config is not present
12966            swat?.collectionsApi?.setDefaultCustomizationOptions();
12967            swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName);
12968
12969            break;
12970          case 'add-to-wishlist-pdp-button':
12971            // Check if app block is already handling the PDP button
12972            if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') {
12973              return;
12974            }
12975
12976            if (!(window.SwymPageData && window.SwymPageData.et === 1)) {
12977              // Not initiating pdp button as it is not a product page
12978              return;
12979            }
12980
12981            // Inject addtowishlist.css into the document's <head>
12982            var head = document.head;
12983            var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.css";
12984            var pdpButtonStylesheetTag = document.createElement('link');
12985            pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`;
12986            pdpButtonStylesheetTag.rel = 'stylesheet';
12987            pdpButtonStylesheetTag.href = pdpButtonStylesheet;
12988
12989            if (!document.getElementById('swym-pdp-button-stylesheet')) {
12990              head.appendChild(pdpButtonStylesheetTag);
12991            }
12992
12993            var x = document.getElementsByTagName('script')[0];
12994            function createAndInsertScript(id, src, onLoadCallback) {
12995              var scriptTag = document.createElement('script');
12996              scriptTag.id = id;
12997              scriptTag.type = 'text/javascript';
12998              scriptTag.src = src;
12999              scriptTag.onload = onLoadCallback;
13000              x.parentNode.insertBefore(scriptTag, x);
13001            }
13002
13003            var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.js";
13004            createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () {
13005              const pdpBtnApi = window.WishlistPlusPDPButtonAPI;
13006              if (pdpBtnApi) {
13007                pdpBtnApi.setDefaultCustomizationOptions(swat);
13008                pdpBtnApi.initializePDPButton(swat, true);
13009              }
13010            });
13011            break;
13012          default:
13013            return;
13014        }
13015      });
13016    });
13017  })(); // IIFE to prevent polluting global scope
13018</script>
13018
13019
13020
13021
13022<script> 
13023  (function () {
13024    // Get the settings from Shopify's Liquid variables and create the styles
13025    const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
13026    const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
13027      Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
13028    const isControlCentreEnabledFromBlockSettings = false;
13029    
13030    if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
13031      // Don't enable control centre if this is disabled and block settings are not enabled
13032      return;
13033    }
13034    
13035    let borderRadius = 6;
13036    let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400;
13037    
13038    // Check if block settings exist, use them, otherwise fall back to common settings
13039    let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 
13040      "#000000" : 
13041      window.SwymWishlistCommonCustomizationSettings.primaryColor;
13042    
13043    let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 
13044      "#ffffff" : 
13045      window.SwymWishlistCommonCustomizationSettings.secondaryColor;
13046    
13047    let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 
13048      "#F4F8FE" : null;
13049    let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 
13050      "#333333" : null;
13051
13052    // Only use color adjustment functions if we're using common settings
13053    if (!secondaryBgColor || !secondaryTextColor) {
13054      function adjustOpacity(color, opacity) {
13055        if (color[0] === '#') {
13056          color = color.slice(1);
13057        }
13058
13059        if (color.length === 3) {
13060          color = color.split('').map(char => char + char).join('');
13061        }
13062
13063        const r = parseInt(color.slice(0, 2), 16);
13064        const g = parseInt(color.slice(2, 4), 16);
13065        const b = parseInt(color.slice(4, 6), 16);
13066
13067        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
13068      }
13069
13070      function hexToRgb(color) {
13071        if (color[0] === '#') {
13072          color = color.slice(1);
13073        }
13074        if (color.length === 3) {
13075          color = color.split('').map(c => c + c).join('');
13076        }
13077
13078        return {
13079          r: parseInt(color.slice(0, 2), 16),
13080          g: parseInt(color.slice(2, 4), 16),
13081          b: parseInt(color.slice(4, 6), 16)
13082        };
13083      }
13084
13085      function getLuminance({ r, g, b }) {
13086        return 0.299 * r + 0.587 * g + 0.114 * b;
13087      }
13088
13089      function generateSecondaryColors(primaryBgColor, primaryTextColor) {
13090        const secondaryBgOpacity = 0.2;
13091        const secondaryTextOpacity = 0.8;
13092
13093        const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity);
13094
13095        const bgRgb = hexToRgb(primaryBgColor);
13096        const bgLuminance = getLuminance(bgRgb);
13097
13098        // Determine whether to use dark or light text for contrast
13099        const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity);
13100        const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity);
13101
13102        const secondaryTextColor = bgLuminance > 186 ? darkText : lightText;
13103
13104        return {
13105          secondaryBgColor,
13106          secondaryTextColor
13107        };
13108      }
13109
13110      const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor);
13111      secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor;
13112      secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor;
13113    }
13114
13115    // Create the CSS rule
13116    let styles = `
13117      .swym-storefront-layout-root-component {
13118        --swym-storefront-layout-ui-border-radius: ${borderRadius}px;
13119        --swym-storefront-layout-button-border-radius: ${borderRadius}px;
13120        --swym-storefront-layout-side-drawer-width: ${drawerWidth}px;
13121        --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor};
13122        --swym-storefront-layout-button-color-text-primary: ${primaryTextColor};
13123        --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor};
13124        --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor};
13125      }
13126    `;
13127
13128    // Create a <style> element and append the styles
13129    let styleSheet = document.createElement("style");
13130    styleSheet.type = "text/css";
13131    styleSheet.innerText = styles;
13132    document.head.appendChild(styleSheet);
13133
13134    if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
13135        window.SwymStorefrontLayoutContext = {};
13136    }
13137    if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){
13138        window.SwymStorefrontLayoutExtensions = {};
13139    }
13140
13141    // Expose block settings toggle state so ThemeCSSMapping can respect it.
13142    // When true, theme editor color pickers take priority over inherited theme CSS variables.
13143    SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings;
13144
13145    if (isControlCentreEnabledFromBlockSettings) {
13146      // If block settings are enabled, use them
13147      SwymStorefrontLayoutContext.Settings = {
13148        EnableStorefrontLayoutOnLauncher: true,
13149        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
13150        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
13151        StorefrontLayoutDrawerPosition: "left",
13152        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
13153        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
13154        EnableStorefrontLayoutVariantSelector: true,
13155        StorefrontLayoutNotificationPosition: "left",
13156        StorefrontLayoutActionPopupPosition: "left",
13157        StorefrontLayoutNotificationDuration: 5000
13158      };
13159    } else {
13160      // If only metafield is enabled but no block settings, use common settings
13161      SwymStorefrontLayoutContext.Settings = {
13162        EnableStorefrontLayoutOnLauncher: true,
13163        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
13164        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
13165        StorefrontLayoutDrawerPosition: "left",
13166        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
13167        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
13168        EnableStorefrontLayoutVariantSelector: true,
13169        StorefrontLayoutNotificationPosition: "left",
13170        StorefrontLayoutActionPopupPosition: "left",
13171        StorefrontLayoutNotificationDuration: 5000
13172      };
13173    }
13174    const storefrontLayoutCallback = (swat) =>{
13175      SwymStorefrontLayoutContext.swat = swat;
13176      let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid'];
13177      let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled'];
13178      SwymStorefrontLayoutContext.Settings = {
13179        ...SwymStorefrontLayoutContext?.Settings,
13180        EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false,
13181        EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield),
13182      }
13183
13184      if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){
13185        if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){
13186          var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 
13187            detail: { settings: SwymStorefrontLayoutContext?.Settings }
13188          });
13189          document.dispatchEvent(event);
13190        }else{
13191          swat.utils.warn(`LayoutInitialized event is not defined.`);
13192        }
13193      }else{
13194        swat.utils.warn(`Storefront Layout is disabled.`);
13195        document.getElementById("swym-storefront-layout-container")?.remove();
13196        document.getElementById("swym-storefront-extention-render-container")?.remove();
13197      }
13198    }
13199  
13200    if (!window.SwymCallbacks) {
13201      window.SwymCallbacks = [];
13202    }
13203    window.SwymCallbacks.push(storefrontLayoutCallback);
13204  
13205    SwymStorefrontLayoutContext.SwymCustomerData = {
13206      
13207        name: null,
13208        email: null
13209      
13210    };
13211    SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email;
13212  })();
13213</script>
13213
13214
13215
13216
13217
13218  
13219    <div id="swym-storefront-extention-render-container">
13220      <!-- BEGIN app snippet: swymStorefrontLayout -->
13220<script>
13221    (function () {
13222        const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
13223        const isControlCentreEnabledFromBlockSettings = false;
13224        const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
13225            Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
13226        
13227        if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
13228            return;
13229        }
13230        if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
13231            window.SwymStorefrontLayoutContext = {};
13232        }
13233        
13234        // Initialize strings with empty values first to prevent string changes after loadStrings()
13235        SwymStorefrontLayoutContext.Strings = {
13236            title: "",
13237            addToCart: "",
13238            addedToCart: "",
13239            addAllToCartCta: "",
13240            addAllToCartSuccessText: "",
13241            addAllToCartEmptyText: "",
13242            addAllToCartErrorText: "",
13243            soldOut: "",
13244            addingToCart: "",
13245            viewCartCta: "",
13246            moveToCartCta: "",
13247            movingToCartCta: "",
13248            removeSflItemCta: "",
13249
13250            loginHeading: "",
13251            loginText: "",
13252            loginButtonText: "",
13253            loggedUserWelcomeMessage: "",
13254            VariantSelectorBtnText: "",
13255            wishlistTitle: "",
13256            wishlistInfo: "",
13257            emptyWishlistTitle: "",
13258            emptyWishlistDescription: "",
13259            
13260            collectionTitle: "",
13261            emptyCarouselCollectionText: "",
13262            emptyCollectionText: "",
13263            emptyCollectionDescription: "",
13264            
13265            addToCollectionTitle: "",
13266            removeItemCta: "",
13267            addToCollectionCta: "",
13268            createCollectionCta: "",
13269            saveNewCollectionCta: "",
13270            renameCollectionCta: "",
13271            deleteCollectionCta: "",
13272            shareCollectionCta: "",
13273            saveCollectionCta: "",
13274            editCollectionCta: "",
13275            shareCollectionTitle: "",
13276            shareCollectionMessage: "",
13277            sharedCollectionMessage: "",
13278            updateCollectionTitle: "",
13279
13280            errorMessageListNameRequired: "",
13281            errorMessageListNameRequire3Char: "",
13282            errorMessageListNameAlreadyExist: "",
13283
13284            notificationMessageItemSaved: "",
13285            notificationMessageItemRemoved: "",
13286            notificationMessageAddedToCart: "",
13287            notificationMessageAddedToCollection: "",
13288            notificationMessageCollectionSaved: "",
13289            notificationMessageCollectionDeleted: "",
13290            notificationMessageCollectionUpdated: "",
13291            notificationMessageCollectionUnavailable: "",
13292            notificationMessageSFLItemSaved: "",
13293            notificationMessageSFLItemRemoved: "",
13294            notificationMessageMovedToCart: "",
13295
13296            notificationActionAddToCollection: "",
13297            notificationActionView: "",
13298            notificationActionViewCollection: "",
13299            notificationActionGoToCart: "",
13300
13301            item: "",
13302            items: "",
13303
13304            tabWishlist: "",
13305            tabSavedForLater: "",
13306            tabSavedForYou: "",
13307            
13308            savedForLaterTitle: "",
13309            emptySavedForLaterTitle: "",
13310            emptySavedForLaterDescription: "",
13311
13312            awNudgeMessage: "",
13313            awNudgeMessageSub: "",
13314            awNudgeLoginCTA: "",
13315            awNudgeDismiss: "",
13316
13317            emptySingleLoggedInTitle: "",
13318            emptySingleLoggedInDescription: "",
13319            emptySingleLoggedInBullet1: "",
13320            emptySingleLoggedInBullet2: "",
13321            emptySingleLoggedInBullet3: "",
13322            emptySingleLoggedInCTA: "",
13323
13324            emptyMultiLoggedInTitle: "",
13325            emptyMultiLoggedInDescription: "",
13326            emptyMultiLoggedInCreateTitle: "",
13327            emptyMultiLoggedInCreateDescription: "",
13328            emptyMultiLoggedInBrowseLabel: "",
13329            emptyMultiLoggedInCTA: "",
13330            emptyMultiLoggedInTag1: "",
13331            emptyMultiLoggedInTag2: "",
13332            emptyMultiLoggedInTag3: "",
13333            emptyMultiLoggedInTag4: "",
13334            emptyMultiLoggedInTag5: "",
13335
13336            emptyGuestTitle: "",
13337            emptyGuestDescription: "",
13338            emptyGuestSingleNotice: "",
13339            emptyGuestMultiNotice: "",
13340            emptyGuestLoginCTA: "",
13341            emptyGuestBrowseCTA: "",
13342            emptyGuestSignupText: "",
13343            emptyGuestSignupCTA: "",
13344
13345            emptySflTitle: "",
13346            emptySflDescription: "",
13347            emptySflStep1Title: "",
13348            emptySflStep1Description: "",
13349            emptySflStep2Title: "",
13350            emptySflStep2Description: "",
13351            emptySflLoggedInNotice: "",
13352            emptySflGuestNotice: "",
13353            emptySflGoToCartCTA: "",
13354            emptySflLoginCTA: "",
13355            emptySflSignupText: "",
13356            emptySflSignupCTA: ""
13357        };
13358
13359        SwymStorefrontLayoutContext.stringsLoaded = false;
13360        SwymStorefrontLayoutContext.StorefrontLayoutUrls = SwymStorefrontLayoutContext.StorefrontLayoutUrls || {};
13361        SwymStorefrontLayoutContext.StorefrontLayoutUrls.Login = "\/customer_authentication\/login?return_to=%2F\u0026locale=en\u0026ui_hint=full\u0026region_country=US";
13362
13363        /** 
13364        * Function to override Swym's default UI behavior.
13365        **/
13366        const overrideSwymDefaultUI = (swat) => {
13367            try{
13368                swat.ui.open = function(){
13369                    window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List;
13370                }
13371
13372                if (swat.ui?.uiRef?.settings?.UI) {
13373                    swat.ui.uiRef.settings.UI.NotificationDisabled = true;
13374                }
13375            }catch(e){
13376                swat.utils?.warn('Error overriding Swym default UI:', e);
13377            }
13378        }
13379
13380        /**
13381        * Callback function to override Swym's default UI behavior based on Storefront Layout settings.
13382        * 
13383        * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled.
13384        * - Overrides Swym's default notifications to log notifications instead of displaying them.
13385        * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized.
13386        * 
13387        * @param {Object} swat - Swym's UI object used for overriding UI behaviors.
13388        */
13389        const swymStorefrontLayoutCallback = (swat) =>{
13390            SwymStorefrontLayoutContext.swat = swat;
13391            
13392            overrideSwymDefaultUI(swat);
13393
13394
13395            let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
13396            if (typeof triggerHeartbeat !== "function") return;
13397
13398            let wishlistNewUiHeartbeatData = '';
13399            try {
13400                wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {};
13401            } catch (e) {
13402                wishlistNewUiHeartbeatData = {};
13403            }
13404
13405            let themeId = window.Shopify.theme.id;
13406            let isDesignMode = !!window.swymDesignMode;
13407            let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId];
13408            let themeContext = isDesignMode ? 'editor' : themeId;
13409            let extensionData = {
13410                extensionName: "wishlist-new-ui", 
13411                extensionType: "app-embed", 
13412                metadata: {}, 
13413                themeId: themeContext, 
13414                extensionSource: "default"
13415            };
13416            /** Stop heartbeat
13417            triggerHeartbeat(extensionData, lastHeartbeat);
13418            */
13419        }
13420        
13421        if (!window.SwymCallbacks) {
13422            window.SwymCallbacks = [];
13423        }
13424        window.SwymCallbacks.push(swymStorefrontLayoutCallback);
13425    })();
13426</script>
13426
13427<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout.css">
13428<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/async-wishlist-apis.js" defer="defer"></script>
vendor: 1 bytes, line 13428
13428
13429<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout.js" defer="defer"></script>
vendor: 1 bytes, line 13429
13429
13430<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/storefront-layout-components.js" defer="defer"></script>
13430
13431
13432<swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout>
13433<!-- END app snippet -->
13434    </div>
13435    <!-- BEGIN app snippet: swymEducationTooltip -->
13436
13437
13438  
13439
13440  <div id="swym-education-tooltip" aria-hidden="true"
13441    data-toast-desktop-message="Interesting? Click &#39;{{wishlistIcon}}&#39; to save it to your {{wishlistName}}."
13442    data-toast-mobile-message="Interesting? Tap &#39;{{wishlistIcon}}&#39; to add to your {{wishlistName}}."
13443    data-toast-cta="Wishlist Now"
13444    data-tooltip-desktop-message="Interesting? Click &#39;{{wishlistIcon}}&#39; to save it to your {{wishlistName}}."
13445    data-tooltip-mobile-message="Interesting? Tap &#39;{{wishlistIcon}}&#39; to add to your {{wishlistName}}."
13446    data-button-transition-text-1="Price drops? Know first."
13447    data-button-transition-text-2="Almost gone. Just saying."
13448    data-button-transition-text-3="Yours when ready.">
13449  </div>
13450
13451  <div id="swym-education-tooltip-bubble" class="swym-education-tooltip swym-education-tooltip-above" aria-hidden="true" role="tooltip">
13452    <div class="swym-education-tooltip-content">
13453      <span class="swym-education-tooltip-message"></span>
13454      <button class="swym-education-tooltip-close" data-swym-education-tooltip-close aria-label="Close consent dialog">
13455        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
13456          <path d="M18 6L6 18M6 6l12 12"></path>
13457        </svg>
13458      </button>
13459    </div>
13460    <div class="swym-education-tooltip-arrow"></div>
13461  </div>
13462
13463  <style>
13464    /* Education tooltip — positioned fixed, managed by JS */
13465    .swym-education-tooltip {
13466      position: fixed;
13467      z-index: 500;
13468      visibility: hidden;
13469      opacity: 0;
13470      transition: opacity 0.2s ease, visibility 0.2s ease;
13471      pointer-events: none;
13472    }
13473    .swym-education-tooltip.swym-education-tooltip-visible {
13474      visibility: visible;
13475      opacity: 1;
13476      pointer-events: auto;
13477    }
13478    .swym-education-tooltip-content {
13479      background: var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13480      color: var(--swym-storefront-layout-notification-neutral-text-color, #383d41);
13481      border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color, #d6d8db);
13482      padding: 10px 14px;
13483      border-radius: var(--swym-storefront-layout-ui-border-radius, 10px);
13484      font-size: 13px;
13485      line-height: 1.4;
13486      display: flex;
13487      align-items: center;
13488      gap: 8px;
13489      max-width: 320px;
13490      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
13491    }
13492    .swym-education-tooltip-message {
13493      flex: 1;
13494    }
13495    .swym-education-tooltip-close {
13496      background: none;
13497      border: none;
13498      color: inherit;
13499      cursor: pointer;
13500      padding: 2px;
13501      line-height: 1;
13502      flex-shrink: 0;
13503      opacity: 0.7;
13504    }
13505    .swym-education-tooltip-close:hover {
13506      opacity: 1;
13507    }
13508
13509    /* Button text fade transition for education nudge */
13510    .swym-btn-text-fade-out {
13511      opacity: 0;
13512      transition: opacity 0.2s ease;
13513    }
13514    .swym-btn-text-fade-in {
13515      opacity: 1;
13516      transition: opacity 0.3s ease;
13517    }
13518
13519    /* Arrow — points down when tooltip is above, up when below */
13520    .swym-education-tooltip-arrow {
13521      width: 0;
13522      height: 0;
13523      position: absolute;
13524      left: 50%;
13525      transform: translateX(-50%);
13526    }
13527    .swym-education-tooltip-above .swym-education-tooltip-arrow {
13528      bottom: -6px;
13529      border-left: 6px solid transparent;
13530      border-right: 6px solid transparent;
13531      border-top: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13532    }
13533    .swym-education-tooltip-below .swym-education-tooltip-arrow {
13534      top: -6px;
13535      border-left: 6px solid transparent;
13536      border-right: 6px solid transparent;
13537      border-bottom: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF);
13538    }
13539
13540    /* Hidden data element */
13541    #swym-education-tooltip {
13542      display: none;
13543    }
13544
13545    @media (max-width: 480px) {
13546      .swym-education-tooltip-content {
13547        max-width: 90vw;
13548        font-size: 12px;
13549      }
13550    }
13551  </style>
13552
13553  
13553<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-education-tooltip.js" defer="defer"></script>
13553
13554  
13554<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-education.js" defer="defer"></script>
13554
13555
13556<!-- END app snippet -->
13557  
13558
13559</div><div id="shopify-block-AenNnYUlyMldZbklaK__11686359492993647252" class="shopify-block shopify-app-block">
13560<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() {
13561      const { cookies_link_show, cookies_link_selector } = window.trustArcApp.settings
13562
13563      const teconsent = document.createElement('DIV')
13564      teconsent.id = 'teconsent'
13565      if (cookies_link_show === 'false') {
13566        const wrapper = document.createElement('DIV')
13567        wrapper.style = 'display:none!important;visibility:hidden!important;opacity:0!important;'
13568        wrapper.appendChild(teconsent)
13569        document.body.appendChild(wrapper)
13570      } else {
13571        const wrapper = document.querySelector(cookies_link_selector || 'footer') || document.body
13572        wrapper.appendChild(teconsent)
13573      }
13574
13575      window.trustArcApp.teconsent = teconsent;
13576
13577      const banner = document.createElement('DIV')
13578      banner.id = 'consent_blackbar'
13579      document.body.appendChild(banner)
13580    })()
13581  </script>
13581
13582
13583  
13583<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>
13583 
13584  
13584<script src="https://cdn.shopify.com/extensions/01a06efa-9be5-77a6-97a0-dd197caaeb5b/trustarc-56/assets/trustarc.js" defer async ></script>
13584
13585</div>
13585<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13585
13586</body>
13587  </html>
13588  

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.