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 & 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 & 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 & 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'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'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"" 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"" 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's Chino Trouser 30"" 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'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'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'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'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'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'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'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'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'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'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'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®ion_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>© 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 '{{wishlistIcon}}' to save it to your {{wishlistName}}." 13442 data-toast-mobile-message="Interesting? Tap '{{wishlistIcon}}' to add to your {{wishlistName}}." 13443 data-toast-cta="Wishlist Now" 13444 data-tooltip-desktop-message="Interesting? Click '{{wishlistIcon}}' to save it to your {{wishlistName}}." 13445 data-tooltip-mobile-message="Interesting? Tap '{{wishlistIcon}}' 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¬iceType=bb>m=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¬iceType=bb>m=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.