1<!doctype html> 2 <html class="no-js scroll-smooth" lang="en"> 3 <head> 4 <meta name="referrer" content="strict-origin-when-cross-origin"> 5
5<script src="//consent.trustarc.com/autoblockasset/core.min.js?domain=www.beyondyoga.com"></script>
5 6
6<script src="//consent.trustarc.com/autoblockoptout?domain=www.beyondyoga.com"></script>
6 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"> 10 <meta name="theme-color" content="#000000"> 11 <link rel="canonical" href="https://beyondyoga.com/"> 12 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 13 <link rel="dns-prefetch" href="//config.gorgias.chat"> 14 <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> 15 <link rel="dns-prefetch" href="//code.jquery.com"> 16 <link rel="dns-prefetch" href="//cdn.jsdelivr.net"> 17 <link rel="dns-prefetch" href="//asset.fwcdn3.com"> 18 <link rel="dns-prefetch" href="//js.adsrvr.org"> 19 <link rel="dns-prefetch" href="//bat.bing.com"> 20 <link rel="dns-prefetch" href="//static.trackedweb.net"> 21 <link rel="dns-prefetch" href="//consent.trustarc.com"> 22 <link rel="dns-prefetch" href="//dev.visualwebsiteoptimizer.com"> 23 <link rel="dns-prefetch" href="//track.securedvisit.com"> 24 <link href="//beyondyoga.com/cdn/shop/t/2162/assets/theme.css?v=87013903642246741791790887701" rel="stylesheet" type="text/css" media="all" /> 25 <link rel="preload" href="//beyondyoga.com/cdn/shop/t/2162/assets/NoiGrotesk-Regular.woff2?v=171567554718240911061789405392" as="font" type="font/woff2" crossorigin fetchpriority="high"> 26 <link rel="preload" href="//beyondyoga.com/cdn/shop/t/2162/assets/ABCDiatypeMono-Regular.woff2?v=134172806924231325531789405373" as="font" type="font/woff2" crossorigin fetchpriority="high"> 27 28 29 30 31 32
32<script async type="module" src="//asset.fwcdn3.com/js/module/fwn.js?business_id=g2r1rg"></script>
32 33
33<script async nomodule src="//asset.fwcdn3.com/js/fwn.js?business_id=g2r1rg"></script>
33 34
34<script async src="//asset.fwcdn3.com/js/integrations/shopify.js"></script>
34 35 36 37 38<title>Yoga Clothes & Activewear for Men & Women | Beyond Yoga 39</title><meta name="description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day."> 40 41 42 <link rel="shortcut icon" href="//beyondyoga.com/cdn/shop/files/Icon_1.png?v=1750716487&width=32" type="image/png"> 43 44 45 46 47<meta property="og:site_name" content="Beyond Yoga"> 48<meta property="og:url" content="https://beyondyoga.com/"> 49<meta property="og:title" content="Yoga Clothes & Activewear for Men & Women | Beyond Yoga"> 50<meta property="og:type" content="website"> 51<meta property="og:description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day."><meta name="twitter:card" content="summary_large_image"> 52<meta name="twitter:title" content="Yoga Clothes & Activewear for Men & Women | Beyond Yoga"> 53<meta name="twitter:description" content="Premium activewear and outfits for men and women who expect more from their gear. Buttery-soft leggings, joggers, tees and sets designed to move with you, every day."> 54 55 56 57
57<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
57<meta name="google-site-verification" content="jya7qIMfUXy0119m-y1E4_BC2aADfakhjxGlKrjmeFU"> 58<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26561413219/digital_wallets/dialog"> 59<meta id="in-context-paypal-metadata" data-shop-id="26561413219" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 60<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
60<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3643408483"></script>
60 61<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
62<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3643408483&shop_id=26561413219" crossorigin="anonymous"></script>
vendor: 1 bytes, line 62
62
63<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":26561413219,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/26561413219","merchantName":"Beyond Yoga","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Beyond Yoga","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 63
63
64<script id="shopify-features" type="application/json">{"accessToken":"fa870dcc092c796ce2532a3837c79b17","betas":["rich-media-storefront-analytics"],"domain":"beyondyoga.com","predictiveSearch":true,"shopId":26561413219,"locale":"en"}</script>
vendor: 1 bytes, line 64
64
65<script>var Shopify = Shopify || {}; 66Shopify.shop = "beyond-yoga-store.myshopify.com"; 67Shopify.locale = "en"; 68Shopify.currency = {"active":"USD","rate":"1.0"}; 69Shopify.country = "US"; 70Shopify.theme = {"name":"SEPT WEEK 5: DARK IVY + NEW ARRIVALS","id":143157493859,"schema_name":"SEED","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; 71Shopify.theme.handle = "null"; 72Shopify.theme.style = {"id":null,"handle":null}; 73Shopify.cdnHost = "beyondyoga.com/cdn"; 74Shopify.routes = Shopify.routes || {}; 75Shopify.routes.root = "/"; 76Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 77Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 78Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 79Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 79
79
80<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 80
80
81<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 81
81
82<script> 83 window.ShopifyPay = window.ShopifyPay || {}; 84 window.ShopifyPay.apiHost = "shop.app\/pay"; 85 window.ShopifyPay.redirectState = null; 86</script>
vendor: 1 bytes, line 86
86
87<script> 88 window.Shopify = window.Shopify || {}; 89 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 90 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 91 window.Shopify.SignInWithShop.eligible = true; 92</script>
vendor: 1 bytes, line 92
92
93<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 93
93
94<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 94
94
95<script type="module"> 96 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 97 98 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 99 100</script>
vendor: 1 bytes, line 100
100
101<script> 102 window.Shopify = window.Shopify || {}; 103 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 104 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 105</script>
vendor: 1 bytes, line 105
105
106<script>(function() { 107 var isLoaded = false; 108 function asyncLoad() { 109 if (isLoaded) return; 110 isLoaded = true; 111 var urls = ["https:\/\/hello.zonos.com\/shop-duty-tax\/hello.js?1698331799108\u0026shop=beyond-yoga-store.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0265\/6141\/3219\/t\/1004\/assets\/affirmShopify.js?v=1687280434\u0026shop=beyond-yoga-store.myshopify.com","https:\/\/apps.synctrack.io\/region-restrictions\/blockify-embed.min.js?shop=beyond-yoga-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/f671d4c124ca7401a3d2464a92c2cf21062a86fe8a22d2f95cacb74c114f5f26\/s3-us-west-2.amazonaws.com\/jsstore\/a\/OO9HQE4Q\/reids.js?shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/b1c2f479ef458114fed86824c48f3df56f6bef3fe8a1c5c6c866d1b5121401a7\/app.retention.com\/shopify\/shopify_app_add_to_cart_script.js?shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=beyond-yoga-store.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=56353\u0026v=shopifyApp_5.2.3\u0026ts=1762376662058\u0026shop=beyond-yoga-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/c9e718cacba823873cbbe7614d59d81d231fa5d091f9573a3794d927567e5aa7\/cdn.usemonocle.com\/store-embed\/index.js?loading_source=script_tag\/\u0026shop=beyond-yoga-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/backinstock.useamp.com\/widget\/24152_1783059586.js?category=bis\u0026v=6\u0026shop=beyond-yoga-store.myshopify.com"]; 112 for (var i = 0; i < urls.length; i++) { 113 var s = document.createElement('script'); 114 s.type = 'text/javascript'; 115 s.async = true; 116 s.src = urls[i]; 117 var x = document.getElementsByTagName('script')[0]; 118 x.parentNode.insertBefore(s, x); 119 } 120 }; 121 if(window.attachEvent) { 122 window.attachEvent('onload', asyncLoad); 123 } else { 124 window.addEventListener('load', asyncLoad, false); 125 } 126})();</script>
vendor: 1 bytes, line 126
126
127<script id="__st">var __st={"a":26561413219,"offset":-25200,"reqid":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964","pageurl":"beyondyoga.com\/","u":"44faa07013d8","p":"home"};</script>
vendor: 1 bytes, line 127
127
128<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 128
128
129<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 129
129
130<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//beyondyoga.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 130
130
131<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//beyondyoga.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
131<script crossorigin="anonymous" defer="defer" src="//beyondyoga.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 131
131
132<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 132
132
133<script> 134 window.Shopify = window.Shopify || {}; 135 window.Shopify.MCP = window.Shopify.MCP || {}; 136 window.Shopify.MCP.enabled = true; 137 window.Shopify.MCP.shop = "beyond-yoga-store.myshopify.com"; 138 window.Shopify.MCP.mcpEndpoint = "https:\/\/beyondyoga.com\/api\/mcp"; 139 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 140</script>
vendor: 1 bytes, line 140
140
141<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/beyondyoga.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 142</script>
vendor: 1 bytes, line 142
142
143<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://beyondyoga.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 144</script>
vendor: 1 bytes, line 144
144
145<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 146 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 147</script>
vendor: 1 bytes, line 147
147
148<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 149</script>
149 150<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://beyondyoga.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 151<style id="shopify-accelerated-checkout-cart"> 152 #shopify-buyer-consent { 153 margin-top: 1em; 154 display: inline-block; 155 width: 100%; 156} 157 158#shopify-buyer-consent.hidden { 159 display: none; 160} 161 162#shopify-subscription-policy-button { 163 background: none; 164 border: none; 165 padding: 0; 166 text-decoration: underline; 167 font-size: inherit; 168 cursor: pointer; 169} 170 171#shopify-subscription-policy-button::before { 172 box-shadow: none; 173} 174 175 </style>
176<script id="sections-script" data-sections="section__firework-embed" defer="defer" src="//beyondyoga.com/cdn/shop/t/2162/compiled_assets/scripts.js?v=178895872683966581481789405440"></script>
vendor: 1 bytes, line 176
176
177<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
177 178 179 <!-- click tracking -->
180<script> 181 // function that gets the path of the clicked element. Borrowed from Simo Ahava. https://www.simoahava.com/analytics/create-css-path-variable-for-click-element/ 182 function gtm_get_click_element_path(element) { 183 var el = element; 184 if (el instanceof Node) { 185 // Build the list of elements along the path 186 var elList = []; 187 do { 188 if (el instanceof Element) { 189 var classString = el.classList ? [].slice.call(el.classList).join('.') : ''; 190 var elementName = (el.tagName ? el.tagName.toLowerCase() : '') + 191 (classString ? '.' + classString : '') + 192 (el.id ? '#' + el.id : ''); 193 if (elementName) elList.unshift(elementName); 194 } 195 el = el.parentNode 196 } while (el != null); 197 // Get the stringified element object name 198 var objString = element.toString().match(/\[object (\w+)\]/); 199 var elementType = objString ? objString[1] : element.toString(); 200 var cssString = elList.join(' > '); 201 // Return the CSS path as a string, prefixed with the element object name 202 return cssString ? elementType + ': ' + cssString : elementType; 203 } 204 } 205 206 window.addEventListener("click", function(event){ 207 208 // track clicks on any element and push it to Shopify customer events 209 Shopify.analytics.publish("custom_click",{ 210 click_element : gtm_get_click_element_path(event.target) || '', 211 click_id : event.target.id || '', 212 click_classes : event.target.className || '', 213 click_text : event.target.innerText || '', 214 click_target : event.target.target || '', 215 click_url : event.target.href || '' 216 }); 217 218 // track link clicks and push it to Shopify customer events 219 var closestLink = event.target.closest('a') 220 if (closestLink){ 221 Shopify.analytics.publish("custom_link_click",{ 222 click_element : gtm_get_click_element_path(closestLink.target) || '', 223 click_id : closestLink.id || '', 224 click_classes : closestLink.className || '', 225 click_text : closestLink.innerText || '', 226 click_target : closestLink.target || '', 227 click_url : closestLink.href || '' 228 }) 229 } 230 }); 231</script>
231 232<!-- end of click tracking --> 233 234 235 <meta name="google-site-verification" content="CBOVV6ARWi-aERs3Slg_7gM-MJpv2at5kP5EhLMP5YQ" /> 236 <meta name="google-site-verification" content="4R4Jwn8rRVMOO5yZOISeKZUW63ybvMyfuxa5RZ3rdKY" /> 237 238
238<script> 239 window.currency = { 240 symbol: "$", 241 name: "United States Dollar", 242 code: "USD" 243 }; 244 245 window.doubleSale = { 246 tag: "", 247 tag2: "", 248 percentage: 1.0, 249 percentage2: 0.7 250 }; 251 252 253 window.productCardPromo = { 254 tag: "", 255 tag2: "tag::15MENSTEES", 256 tag3: "", 257 text: "", 258 text2: "Buy 3 Men's Tees, Get 15% Off", 259 text3: "", 260 color: "#000000", 261 color2: "#000000", 262 color3: "#EA2F12" 263 }; 264 265 </script>
265 266 267
267<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
267 268 269
269<script> 270 (function () { 271 function isInShopNow() { 272 if (window.location.search.indexOf('loop_') > -1) return true; 273 try { 274 var data = JSON.parse(localStorage.getItem('loop-onstore-data') || '{}'); 275 return !!(data.active && data.params); 276 } catch (e) { 277 return false; 278 } 279 } 280 281 function applyLoopFlow() { 282 if (isInShopNow()) { 283 document.documentElement.classList.add('loop-flow'); 284 } 285 } 286 287 function tagGiftCardLinks() { 288 document.querySelectorAll('a[href*="gift-card"]').forEach(function (link) { 289 link.classList.add('gift-card-link'); 290 }); 291 } 292 293 applyLoopFlow(); 294 document.addEventListener('Loop:Activated', applyLoopFlow); 295 296 document.addEventListener('DOMContentLoaded', function () { 297 applyLoopFlow(); 298 tagGiftCardLinks(); 299 }); 300 })(); 301 </script>
301 302 <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
303<script type="text/javascript"> 304 (function (c, l, a, r, i, t, y) { 305 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 306 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 307 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 308 309 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 310 if (error) { 311 console.error("Error loading Shopify features:", error); 312 return; 313 } 314 315 c[a]('consentv2', { 316 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 317 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 318 source: 101, 319 }); 320 }); 321 322 l.addEventListener("visitorConsentCollected", function (e) { 323 c[a]('consentv2', { 324 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 325 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 326 source: 101, 327 }); 328 }); 329 })(window, document, "clarity", "script", "uk04j4v9ak"); 330</script>
330 331 332 333 334<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 335 336 337 338 339 340 341 342 343 344 345 346 347
347<script async src="https://static.klaviyo.com/onsite/js/QD4YAs/klaviyo.js?company_id=QD4YAs"></script>
347 348
348<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
348 349 350 351 352 353 354 355
355<script> 356 window.klaviyoReviewsProductDesignMode = false 357 </script>
357 358 359 360 361 362 363 364 365 366 367<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
368<script> 369 window.Rebuy = window.Rebuy || {}; 370 window.Rebuy.customer = window.Rebuy.customer || {}; 371 372 window.Rebuy.market = window.Rebuy.market || {}; 373 374 window.Rebuy.market.country = "US"; 375 376 377 window.Rebuy.market.locale = "en"; 378 379</script>
379 380 381 382 383 384 385<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 386 387 388
388<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/zKLdAz8WUNxYGgbSZxk9iD1hAbispWw64AeiGthy?languageCode=en" async></script>
388 389 390 391 392 393<!-- END app block -->
393<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/wishlistcollections.js" type="text/javascript" defer="defer"></script>
393 394<link href="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/wishlistcollections.css" rel="stylesheet" type="text/css" media="all"> 395<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
396<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 26561413219,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 396
396
397<script> 398 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 399</script>
vendor: 1 bytes, line 399
399
400<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
400).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 26561413219,storefrontBaseUrl: "https://beyondyoga.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://beyondyoga.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1749745763","configuration":"{\"pixelCode\":\"CKND0EBC77U0J6DU1A4G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
400,{"id":"1627816035","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9bce1c0cdfc09538057898e4ff134fa2","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1622179939","configuration":"{\"storeId\":\"019cb056-a3d3-7be2-9725-b785a9f27523\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a47fb7b0cfc3589652b732e721247cd4","type":"APP","apiClientId":41358721025,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1527873635","configuration":"{\"accountID\":\"BLOCKIFY_TRACKING-123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b35abd85befe01ff41cd41df4ff83ae0","type":"APP","apiClientId":2309454,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1287454819","configuration":"{\"projectId\":\"uk04j4v9ak\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1132200035","configuration":"{\"advertiserId\":\"56353\",\"shopDomain\":\"beyond-yoga-store.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.3\",\"originalNetwork\":\"sas\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1089077347","configuration":"{\"accountID\":\"V2Epdd\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1021542499","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\",\\\"DC-10121472\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/hrpjCKeHso4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/gvCPCKO0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/FsmgCKC0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/ZHJiCKSHso4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/pv7pCJ20vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/NCC_CKa0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-622VSXWYP9\\\",\\\"AW-995394212\\\/KFnECJq0vY4bEKSF0toD\\\",\\\"DC-10121472\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-622VSXWYP9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
400,{"id":"978288739","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3enterprise-01.swymrelay.com\",\"swymTier\":\"v3enterprise-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"869662819","configuration":"{\"tagID\":\"2613386401968\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"779321443","configuration":"{\"yotpoStoreId\":\"zKLdAz8WUNxYGgbSZxk9iD1hAbispWw64AeiGthy\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"670007395","configuration":"{\"pixelId\":\"a2b248ef-ead7-42f5-b220-a97a89812ee8\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"655261795","configuration":"{\"siteId\":\"t02200\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"312bab8f0eaa1e8546f7d95e88065afa","type":"APP","apiClientId":12202,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"314736739","configuration":"{\"active\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bb5c430150f6ec7b1b6d450e96a8deec","type":"APP","apiClientId":98816163841,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"122486883","configuration":"{\"pixel_id\":\"465715780740968\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"46006371","configuration":"{\"accountID\":\"76947994-1b27-496b-bb30-e5a57235b0a6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a28b838aed79eff02fcca912bdccb6f5","type":"APP","apiClientId":2376822,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"35225699","configuration":"{\"accountID\":\"1848772\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c67c427e35bed2216d156eaeeacde779","type":"APP","apiClientId":4870017,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"9175139","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"13","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"GA4 \u0026 GTM"}
400,{"id":"14090339","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Seed - VWO_jn"},{"id":"24281187","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention.com Script"},{"id":"26378339","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Pebblepost Customer Event"},{"id":"38928483","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ShareASale"},{"id":"102367331","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bold Metrics - Purchases"},{"id":"103088227","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"DataSteam.io Pixel"},{"id":"103120995","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Advertising"},{"id":"103153763","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"DOT Digital"},{"id":"103186531","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"VWO Tracking"},{"id":"103219299","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Trade Desk Custom Pixel"},{"id":"107937891","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bing - New"},{"id":"108626019","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TTD Pixel"},{"id":"139657315","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Rakuten Affillate Pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Beyond Yoga","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"beyond-yoga-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/beyondyoga.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8094058807395","handle":"that-tracks-pant-29-black-00aax-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44429259014243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129111261283","handle":"unity-zip-jacket-cabernet-007gh-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543203934307","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8054801072227","handle":"luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44323327508579","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8112603627619","handle":"spacedye-forever-tank-darkest-night-cloud-white-007ku-0080","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44488667136099","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127044976739","handle":"roam-quilted-reversible-jacket-bone-riverbed-00abg-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536331305059","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126104076387","handle":"spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529168253027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129114472547","handle":"unity-zip-jacket-mineral-blue-007gh-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543205212259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127043371107","handle":"roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536314003555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8082390646883","handle":"luxelayer-fitted-cardigan-heather-gray-00ab9-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46224901079139","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126096506979","handle":"spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529151246435","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"8127043960931","handle":"roam-quilted-lightweight-jacket-sea-salt-00ab7-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536321638499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8109501186147","handle":"rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44479959498851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8101017452643","handle":"cocoa-plum-leopard-softmark-high-waisted-midi-legging-007g5-0014","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44454096437347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126108401763","handle":"spacedye-caught-in-the-midi-high-waisted-legging-dark-ivy-heather-007j2-0086","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529182605411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127053987939","handle":"roam-quilted-reversible-jacket-dark-chocolate-00abg-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536342577251","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8082432983139","handle":"luxelayer-fitted-cardigan-lavender-cream-00ab9-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44398758723683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8053727592547","handle":"luxefleece-2-0-oversized-crewneck-ultra-blue-00aag-0008","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44318513004643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111734554723","handle":"spacedye-forever-tank-silver-mist-cloud-white-007ku-0079","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44486894813283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129118994531","handle":"unity-1-4-zip-hoodie-dark-ivy-007gj-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543236407395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123359363171","handle":"spacedye-slim-racerback-cropped-tank-cabernet-heather-007k4-0084","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520413364323","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7726200258659","handle":"spacedye-foldover-bootcut-pant-silver-mist-007hg-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43135076597859","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129117880419","handle":"unity-zip-jacket-riverbed-007gh-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543215632483","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129121157219","handle":"unity-1-4-zip-hoodie-mineral-blue-007gj-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543236604003","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046428192867","handle":"glowzone-hybrid-straight-leg-pant-29-cocoa-plum-00aav-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292088168547","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099745169507","handle":"forever-favorite-button-down-cloud-drift-stripe-00abm-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44450688270435","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8101014372451","handle":"polarflex-fleece-jacket-ultra-blue-00abv-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44454083035235","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123383611491","handle":"spacedye-forever-tank-dark-ivy-heather-007ku-0040","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520652341347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129121452131","handle":"unity-1-4-zip-hoodie-riverbed-007gj-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543241650275","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099251814499","handle":"daydream-meadow-softmark-on-the-up-cropped-tank-cocoa-plum-leopard-007gb-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44447397380195","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8077852606563","handle":"peak-barrel-pant-black-00aay-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44456092434531","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123396161635","handle":"featherweight-rebalance-tank-dark-ivy-heather-007ab-0047","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520710602851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126236295267","handle":"luxefleece-2-0-double-zip-jacket-cabernet-00abf-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529531813987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8053765898339","handle":"luxefleece-2-0-off-the-shoulder-sweatshirt-heather-gray-00abw-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44318603083875","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8099246047331","handle":"spacedye-slim-racerback-cropped-tank-lavender-cream-heather-007k4-0086","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44447387877475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093113286755","handle":"that-tracks-pant-black-00aaw-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426355343459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046423212131","handle":"glowzone-high-waisted-midi-legging-legacy-pine-0092y-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292066050147","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046429044835","handle":"glowzone-medium-impact-bra-legacy-pine-0093c-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292091871331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8046425047139","handle":"glowzone-medium-impact-cropped-tank-cocoa-plum-00ab3-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44292072505443","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123353759843","handle":"spacedye-slim-racerback-bra-dark-ivy-heather-007n2-0044","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520386986083","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126100013155","handle":"spacedye-walk-and-talk-high-waisted-capri-legging-20-5-caber
400net-heather-00au9-0018","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529157734499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126237114467","handle":"rest-day-waffle-wide-leg-pant-dark-ivy-00abh-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529535484003","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093119905891","handle":"that-tracks-pant-31-cabernet-00aaw-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426427039843","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8077880787043","handle":"peak-barrel-dark-chocolate-00aay-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44456092401763","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8127042355299","handle":"roam-quilted-lightweight-jacket-cabernet-00ab7-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44536307187811","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8126236983395","handle":"rest-day-waffle-hooded-jacket-dark-ivy-00abj-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44529534828643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8100532158563","handle":"spacedye-high-definition-jacket-ultra-blue-heather-00ac4-0003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44452692983907","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8102943686755","handle":"polish-ponte-pant-black-00aas-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44457888186467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8054813655139","handle":"spacedye-stirrup-high-waisted-midi-legging-darkest-night-00abz-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44323385376867","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8109495255139","handle":"rest-day-waffle-wrap-pullover-cabernet-00abk-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44479931023459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8123396489315","handle":"featherweight-on-the-down-low-tee-dark-ivy-heather-007aw-0048","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44520713027683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7835000930403","handle":"boucle-fleece-mens-zip-jacket-lush-olive-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519293227107","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892854997091","handle":"warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757625049187","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819960844387","handle":"element-mens-chino-30-trouser-nocturnal-navy-mc1276ds","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455600525411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819656429667","handle":"spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455009128547","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834999881827","handle":"boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519289786467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7835002601571","handle":"plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519298109539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7835001716835","handle":"boucle-fleece-mens-zip-jacket-sand-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519295291491","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834282164323","handle":"day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43517900750947","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093060464739","handle":"rest-day-mens-waffle-crewneck-black-00ab0-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426250125411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093109092451","handle":"chino-mens-sport-jacket-nocturnal-navy-00ac7-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426348953699","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129136951395","handle":"always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543292571747","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823703015523","handle":"insulated-seasons-shirt-jacket-black-ash-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472216293475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823704031331","handle":"insulated-seasons-shirt-jacket-sand-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472222191715","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892557955171","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-nocturnal-navy-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756171919459","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7888225173603","handle":"pacer-fleece-backed-mens-pant-black-fg1297d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43742283071587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7823703769187","handle":"insulated-seasons-shirt-jacket-nocturnal-navy-me2276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43472220061795","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111212920931","handle":"always-beyond-mens-crew-pullover-dusty-forest-007bf-0008","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483988029539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093068951651","handle":"rest-day-mens-waffle-crewneck-charcoal-heather-00ab0-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426264379491","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892558577763","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-forest-moss-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756172902499","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7875457974371","handle":"boucle-fleece-mens-zip-jacket-shadow-gray-cu2295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43672717623395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7905481850979","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-dusty-blue-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43796120895587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7891994902627","handle":"pacer-fleece-backed-mens-pant-noctur
400nal-navy-fg1297d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43754128441443","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892853456995","handle":"warm-wick-merino-wool-short-sleeve-crew-black-ash-la7978d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757620133987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819662721123","handle":"spacedye-terrain-mens-quarter-zip-pullover-nocturnal-navy-sd7971d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455015813219","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7876455071843","handle":"dynamic-mens-straight-leg-pant-nocturnal-navy-de1298d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43677456629859","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892554481763","handle":"pacer-fleece-backed-quarter-zip-mens-pullover-black-fg7992d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43756163825763","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7834997620835","handle":"day-to-night-mens-wool-shirt-jacket-oakstone-heather-br2300d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43519285133411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7124322844771","handle":"always-beyond-crew-tee-2-nocturnal-navy-lwsd7892d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41076145324131","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7824040493155","handle":"long-run-7-mens-lined-short-nocturnal-navy-nn5174d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43475399868515","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7825348395107","handle":"short-run-5-mens-short-nocturnal-navy-nn5177d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43483965980771","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8059587625059","handle":"always-beyond-mens-crew-tee-2-0-beyond-olive-heather-007b4-0049","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44341382905955","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819958747235","handle":"element-mens-chino-7-short-nocturnal-navy-mc5179d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455583551587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093069738083","handle":"rest-day-mens-waffle-crewneck-oatmeal-heather-00ab0-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426268213347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7952878731363","handle":"all-in-active-mens-tee-blue-mist-mq7969d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953082597475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8093077471331","handle":"chino-mens-sport-jacket-dusty-forest-00ac7-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44426284826723","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997419913315","handle":"beach-washed-terry-mens-hoodie-washed-after-dark-navy-007c4-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121662062691","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8129134329955","handle":"always-beyond-mens-muscle-tank-2-0-dark-ivy-heather-007ad-0010","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44543286083683","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8061840490595","handle":"day-to-night-wool-mens-shirt-jacket-dusty-forest-0074r-0002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44348000829539","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7819967201379","handle":"element-mens-chino-32-trouser-black-ash-mc1276d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43455615238243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7956555333731","handle":"all-in-active-mens-polo-nocturnal-navy-mq70033d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43969445920867","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7944671363171","handle":"mens-all-terrain-pant-dusk-basil-ww1295d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43911851343971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7951086190691","handle":"element-mens-chino-short-7-bark-mc5179d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43944857436259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7940383015011","handle":"luxefleece-full-zip-mens-hoodie-light-heather-gray-nf2317d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43896206360675","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997376594019","handle":"spacedye-unlimited-mens-short-harbor-blue-heather-007lr-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121574637667","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8037736972387","handle":"always-beyond-mens-muscle-tank-2-0-cloud-drift-heather-007ad-0009","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44273360437347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7997381902435","handle":"beach-washed-terry-mens-short-washed-vintage-white-007c3-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121607405667","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8050152144995","handle":"always-beyond-mens-long-sleeve-crew-2-0-cloud-drift-heather-007b5-0021","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305507024995","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892851818595","handle":"luxefleece-half-zip-mens-pullover-light-heather-gray-nf70001d","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43757614792803","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8004702503011","handle":"warplite-range-lined-short-slate-green-0074q-0004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44147648856163","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7997337534563","handle":"all-in-active-mens-polo-umber-pink-007br-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44121371672675","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7892171751523","handle":"spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43754758242403","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111059304547","handle":"beyond-yoga-dad-hat-riverbed-00c0s-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483477176419","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8111059468387","handle":"beyond-yoga-dad-hat-sea-salt-washed-dark-ivy-00c0s-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44483479404643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7825349509219","handle":"explorer-jacket-nocturnal-navy-fl2301","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43483974533219","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8050138546275","handle":"youre-a-force-dress-cocoa-plum-007pn-0007","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305473962083","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7988746092643","handle":"spacedye-prep-halter-dress-pastel-periwinkle-heather-007mq-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44093031841891","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7986746064995","handle":"youre-a-force-dress-slate-green-007pn-0005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082966986851","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8004200071267","handle":"midweight-spacedye-forever-dress-darkest-night-0092a-0001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44144851026019","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
400,{"id":"7986745704547","handle":"youre-a-force-dress-nocturnal-navy-007pn-0006","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082964922467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7953047027811","handle":"ace-active-dress-nocturnal-navy-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953954881635","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7986744754275","handle":"youre-a-force-dress-black-007pn-0000","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44082960138339","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7748642603107","handle":"spacedye-starting-line-dress-nocturnal-navy-sd6283","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43222957949027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7951079964771","handle":"score-active-ace-pleated-dress-blush-blooms-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43944816509027","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6951813906531","handle":"spacedye-refocus-dress-darkest-night-sd6211","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43271022739555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7953047486563","handle":"ace-active-dress-white-by6317","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43953961304163","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6951814365283","handle":"spacedye-refocus-dress-nocturnal-navy-sd6211","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43387430305891","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://beyondyoga.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"143157493859","themePublished":"true","eventMetadataId":"d71a14e0-bb18-4aa3-857c-14616f4d91e8","pageType":"home","shopId":"26561413219","storefrontBaseUrl":"https:\/\/beyondyoga.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
400<script> 401 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 402 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 403 window.ShopifyAnalytics.meta.currency = 'USD'; 404 var meta = {"page":{"pageType":"home","requestId":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964"}}; 405 for (var attr in meta) { 406 window.ShopifyAnalytics.meta[attr] = meta[attr]; 407 } 408</script>
vendor: 1 bytes, line 408
408
409<script class="analytics"> 410 (function () { 411 var customDocumentWrite = function(content) { 412 var jquery = null; 413 414 if (window.jQuery) { 415 jquery = window.jQuery; 416 } else if (window.Checkout && window.Checkout.$) { 417 jquery = window.Checkout.$; 418 } 419 420 if (jquery) { 421 jquery('body').append(content); 422 } 423 }; 424 425 var hasLoggedConversion = function(token) { 426 if (token) { 427 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 428 } 429 return false; 430 } 431 432 var setCookieIfConversion = function(token) { 433 if (token) { 434 var twoMonthsFromNow = new Date(Date.now()); 435 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 436 437 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 438 } 439 } 440 441 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 442 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 443 if (trekkie.integrations) { 444 return; 445 } 446 trekkie.methods = [ 447 'identify', 448 'page', 449 'ready', 450 'track', 451 'trackForm', 452 'trackLink' 453 ]; 454 trekkie.factory = function(method) { 455 return function() { 456 var args = Array.prototype.slice.call(arguments); 457 args.unshift(method); 458 trekkie.push(args); 459 if (method == 'track' || method == 'page') { 460 var pageUrl; 461 try { 462 pageUrl = window.location.href; 463 } catch (e) {} 464 var pageReferrer; 465 try { 466 pageReferrer = document.referrer; 467 } catch (e) {} 468 try { 469 if (window.__TREKKIE_SHIM_QUEUE == null) { 470 window.__TREKKIE_SHIM_QUEUE = []; 471 } 472 window.__TREKKIE_SHIM_QUEUE.push({ 473 from: 'trekkie-stub', 474 method: method, 475 args: args.slice(1), 476 pageContext: { 477 url: pageUrl, 478 referrer: pageReferrer 479 } 480 }); 481 } catch (e) { 482 // no-op 483 } 484 } 485 return trekkie; 486 }; 487 }; 488 for (var i = 0; i < trekkie.methods.length; i++) { 489 var key = trekkie.methods[i]; 490 trekkie[key] = trekkie.factory(key); 491 } 492 trekkie.load = function(config) { 493 trekkie.config = config || {}; 494 trekkie.config.initialDocumentCookie = document.cookie; 495 var first = document.getElementsByTagName('script')[0]; 496var script = document.createElement('script'); 497script.type = 'text/javascript'; 498script.onerror = function(e) { 499 var scriptFallback = document.createElement('script'); 500 scriptFallback.type = 'text/javascript'; 501 scriptFallback.onerror = function(error) { 502 var Monorail = { 503 produce: function produce(monorailDomain, schemaId, payload) { 504 var currentMs = new Date().getTime(); 505 var event = { 506 schema_id: schemaId, 507 payload: payload, 508 metadata: { 509 event_created_at_ms: currentMs, 510 event_sent_at_ms: currentMs 511 } 512 }; 513 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 514 }, 515 sendRequest: function sendRequest(endpointUrl, payload) { 516 // Try the sendBeacon API 517 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 518 var blobData = new window.Blob([payload], { 519 type: 'text/plain' 520 }); 521 522 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 523 return true; 524 } // sendBeacon was not successful 525 526 } // XHR beacon 527 528 var xhr = new XMLHttpRequest(); 529 530 try { 531 xhr.open('POST', endpointUrl); 532 xhr.setRequestHeader('Content-Type', 'text/plain'); 533 xhr.send(payload); 534 } catch (e) { 535 console.log(e); 536 } 537 538 return false; 539 }, 540 isIos12: function isIos12() { 541 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 542 } 543 }; 544 Monorail.produce('monorail-edge.shopifysvc.com', 545 'trekkie_storefront_load_errors/1.1', 546 {shop_id: 26561413219, 547 theme_id: 143157493859, 548 app_name: "storefront", 549 context_url: window.location.href, 550 source_url: "//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 551 552 }; 553 scriptFallback.async = true; 554 scriptFallback.src = '//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 555 first.parentNode.insertBefore(scriptFallback, first); 556}; 557script.async = true; 558script.src = '//beyondyoga.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 559first.parentNode.insertBefore(script, first); 560 561 }; 562 trekkie.load( 563 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26561413219,"isMerchantRequest":null,"themeId":143157493859,"themeCityHash":"14722388131972850155","contentLanguage":"en","currency":"USD","eventMetadataId":"d71a14e0-bb18-4aa3-857c-14616f4d91e8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 564 ); 565 566 var loaded = false;
567 trekkie.ready(function() { 568 if (loaded) return; 569 loaded = true; 570 571 window.ShopifyAnalytics.lib = window.trekkie; 572 573 var originalDocumentWrite = document.write; 574 document.write = customDocumentWrite; 575 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 576 document.write = originalDocumentWrite; 577 578 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 579 var token = match? match[1]: undefined; 580 if (!hasLoggedConversion(token)) { 581 setCookieIfConversion(token); 582 583 } 584 }); 585 586 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"b5d42c3d-da12-46af-b6f1-1f2d17291793-1790921964","shopifyEmitted":true}); 587 588 var eventsListenerScript = document.createElement('script'); 589 eventsListenerScript.async = true; 590 eventsListenerScript.src = "//beyondyoga.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 591 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 592})();</script>
592 593
593<script> 594 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 595 window.ga = function ga() { 596 (window.ga.q = window.ga.q || []).push(arguments); 597 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 598 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 599 } 600 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 601 }; 602 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 603 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 604 } 605 } 606</script>
vendor: 1 bytes, line 606
606
607<script 608 defer 609 src="https://beyondyoga.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 610 data-application="storefront-renderer" 611 data-shop-id="26561413219" 612 data-render-region="gcp-us-central1" 613 data-page-type="index" 614 data-theme-instance-id="143157493859" 615 data-theme-name="SEED" 616 data-theme-version="1.0.0" 617 data-monorail-region="shop_domain" 618 data-resource-timing-sampling-rate="10" 619 data-shs="true" 620 data-shs-beacon="true" 621 data-shs-export-with-fetch="true" 622 data-shs-logs-sample-rate="1" 623 data-shs-beacon-endpoint="https://beyondyoga.com/api/collect" 624></script>
624 625<meta name="shopify-y" content="1794383e-c3f5-4930-885c-e08095c8738a" data-expiration="1822479564000"><meta name="shopify-s" content="4c046d7b-77bb-4d1b-b157-6bb101eee279" data-expiration="1790923764000"><meta name="new-cookie-storage-activated" content="t"> 626</head><body class="template-index"> 627 628 <div id="consent_blackbar"></div>
vendor: 88 bytes, lines 628-631
628 629 630 631 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
631GTM-P2C87C
vendor: 96 bytes, lines 631-633
631" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 632 633
633<a class="skip-to-content-link button sr-only" href="#MainContent"> 634 Skip to content 635 </a> 636 637 <!-- BEGIN sections: header-group --> 638<div id="shopify-section-sections--19357271097443__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section-announcement-bar"> 639 <announcement-bar class="announcement-bar block" style="--ann-bg: #fef39b; --ann-bg-hover: #fef39b; --ann-text-color: #000000; margin-bottom: -1px;"> 640 641<s-carousel data-options='{ 642 "slidesPerView": 1, 643 "autoHeight": false, 644 "loop": true, 645 "autoplay": true, 646 "freeMode": true 647 }' class="announcement-bar__carousel grid relative"> 648 <div id="CarouselAnnouncementBar" class="swiper w-full max-w-full" js-carousel> 649 <div class="swiper-wrapper"> 650 651 <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide> 652 653 654 <a href="/pages/sms-sign-up-by" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Sign Up For SMS to Receive 20% Off Your First Order!"> 655 656 <div> 657 <span class="announcement-bar__text f0 mr-4 tabletl:mr-6"> 658 Sign Up For SMS to Receive 20% Off Your First Order! 659 </span> 660 661 <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap"> 662 Join Here 663 </span> 664 665 </div> 666 667 </a> 668 669 </div> 670 671 <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide> 672 673 674 <a href="/collections/new-arrivals" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Just Added: New Arrivals Are Selling Fast."> 675 676 <div> 677 <span class="announcement-bar__text f0 mr-4 tabletl:mr-6"> 678 Just Added: New Arrivals Are Selling Fast. 679 </span> 680 681 <span class="announcement-bar__cta fn1-mono leading-[1] underline underline-offset-[10%] whitespace-nowrap"> 682 Shop Now 683 </span> 684 685 </div> 686 687 </a> 688 689 </div> 690 691 <div class="swiper-slide announcement-bar__slide" data-swiper-autoplay="6000" js-carousel-slide> 692 693 694 <a href="/pages/shipping-delivery" class="announcement-bar__wrapper grid h-full items-center px-40 tabletl:px-80 text-center py-12 transition-[background-color]" aria-label="Always Free Shipping + Returns In The U.S."> 695 696 <div> 697 <span class="announcement-bar__text f0 "> 698 Always Free Shipping + Returns In The U.S. 699 </span> 700 701 </div> 702 703 </a> 704 705 </div> 706 707 </div> 708 </div> 709 <button data-playing="true" class="announcement-bar__autoplay-btn block p-8 absolute z-[1] top-1/2 -translate-y-1/2 right-16 tabletl:right-56" js-autoplay-btn aria-label="Pause announcement" aria-pressed="true"> 710 <span class="flex justify-center items-center w-16 h-16 rounded-full border border-black"> 711 <span class="play w-8 leading-[0] pl-2"><svg class="icon icon--play" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 712<path d="M0.21875 0.0091917V20L17.7795 9.99999L0.21875 0V0.0091917Z" fill="currentColor"/> 713</svg> 714</span>
715 <span class="pause w-6 leading-[0]"><svg class="icon icon--pause" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 716<path d="M4.2623 0H0.347656V20H4.2623V0Z" fill="currentColor"/> 717<path d="M15.649 0H11.7344V20H15.649V0Z" fill="currentColor"/> 718</svg> 719</span> 720 </span> 721 </button> 722 </s-carousel> 723 724 </announcement-bar> 725 726 727<style> 728 :root { 729 --ann-bar-height: 44px; 730 } 731</style> 732 733 734</div><div id="shopify-section-sections--19357271097443__header" class="shopify-section shopify-section-group-header-group shopify-section-header sticky top-0 left-0"><s-header class="site-header block absolute top-0 left-0 right-0 p-6 tabletl:p-16" data-current-template="index" data-header-solid="false"> 735 736 <div class="site-header__progressive-blur-wrapper absolute inset-0 z-[-1]"> 737 <div class="site-header__progressive-blur absolute inset-0"></div> 738 <div class="site-header__progressive-blur absolute inset-0"></div> 739 <div class="site-header__progressive-blur absolute inset-0"></div> 740 <div class="site-header__progressive-blur absolute inset-0"></div> 741 <div class="site-header__progressive-blur absolute inset-0"></div> 742 <div class="site-header__progressive-blur absolute inset-0"></div> 743 </div> 744 745 746 747 748 749 <div class="site-header__wrapper tabletl:text-white tabletl:bg-transparent text-white bg-transparent rounded-[6px] tabletl:rounded-[16px] overflow-hidden transition duration-300" js-corner-rounding data-radius="6" data-radius-desktop="16"> 750 <div class="site-header__menu flex gap-16 justify-between items-center tabletl:items-stretch p-8 tabletl:pl-48 tabletl:pr-36 tabletl:py-0 relative z-[1]"> 751 <div class="wrapper flex items-center gap-8"> 752 <button class="site-header__mobile-nav link w-16 h-32 flex justify-center items-center tabletl:hidden" js-open-mobile-nav aria-label="Open navigation menu" aria-expanded="false"> 753 <span class="w-12 leading-[0]" aria-hidden="true"><svg class="icon icon--hamburger" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 754<path d="M12 0.666672H0V2.19048H12V0.666672Z" fill="currentColor"/> 755<path d="M12 5.2381H0V6.76191H12V5.2381Z" fill="currentColor"/> 756<path d="M12 9.80952H0V11.3333H12V9.80952Z" fill="currentColor"/> 757</svg> 758</span> 759 </button> 760 <button class="site-header__search link w-16 h-32 flex justify-center items-center tabletl:hidden" js-open-predictive-search aria-label="Open search" aria-expanded="false"> 761 <span class="w-[15px] leading-[0]" aria-hidden="true"><svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 762<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/> 763</svg> 764</span> 765 </button> 766 </div> 767 <a href="/" class="site-header__logo w-[180px] tabletl:w-[234px] tabletl:min-w-[234px] tabletl:h-[24px] tabletl:self-center" aria-label="Go to Homepage"> 768 <svg class="icon icon--logo" viewBox="0 0 234 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 769<path d="M15.9243 10.2776C16.9203 9.1324 17.5073 7.63837 17.5073 6.01684C17.5073 2.95902 15.0197 0.468945 11.9594 0.468945H0V23.2114H13.0782C16.8169 23.2114 19.8602 20.168 19.8602 16.4293C19.8602 13.7059 18.2459 11.353 15.9243 10.2752V10.2776ZM2.88701 3.35838H11.9594C13.427 3.35838 14.6203 4.55165 14.6203 6.01923C14.6203 7.71054 13.4679 9.15165 11.8199 9.52696L5.04744 11.0643C4.25594 11.2447 3.52936 11.5599 2.88701 11.9857V3.35838ZM13.0782 20.3268H2.88701V17.3844C2.88701 15.6931 4.03942 14.252 5.68741 13.8767L11.589 12.5367H13.0782C15.2266 12.5367 16.9732 14.2833 16.9732 16.4317C16.9732 18.5801 15.2266 20.3268 13.0782 20.3268Z" fill="currentColor"/> 770<path d="M25.9253 0.472139H23.1779V23.217H39.7302V20.33H26.0649V13.2568H36.0854V10.3698H26.0649V3.33269H39.7302V0.445674H25.9253V0.472139Z" fill="currentColor"/> 771<path d="M74.1252 0C67.6508 0 62.3845 5.37705 62.3845 11.9859C62.3845 18.5947 67.6508 23.9718 74.1252 23.9718C80.5992 23.9718 85.8656 18.5947 85.8656 11.9859C85.8656 5.37705 80.5992 0 74.1252 0ZM74.1252 21.0848C69.2438 21.0848 65.2715 17.0021 65.2715 11.9859C65.2715 6.96972 69.2438 2.88701 74.1252 2.88701C79.0066 2.88701 82.9786 6.96972 82.9786 11.9859C82.9786 17.0021 79.0066 21.0848 74.1252 21.0848Z" fill="currentColor"/> 772<path d="M173.658 0C167.184 0 161.918 5.37705 161.918 11.9859C161.9
77218 18.5947 167.184 23.9718 173.658 23.9718C180.133 23.9718 185.399 18.5947 185.399 11.9859C185.399 5.37705 180.133 0 173.658 0ZM173.658 21.0848C168.777 21.0848 164.805 17.0021 164.805 11.9859C164.805 6.96972 168.777 2.88701 173.658 2.88701C178.54 2.88701 182.512 6.96972 182.512 11.9859C182.512 17.0021 178.54 21.0848 173.658 21.0848Z" fill="currentColor"/> 773<path d="M120.711 0.481638H112.211V23.2481H120.711C126.988 23.2481 132.093 18.1429 132.093 11.8661C132.093 5.58923 126.988 0.481638 120.711 0.481638ZM120.711 20.3611H115.098V3.36865H120.711C125.395 3.36865 129.206 7.17949 129.206 11.8637C129.206 16.5479 125.395 20.3587 120.711 20.3587V20.3611Z" fill="currentColor"/> 774<path d="M59.65 0.45061L52.7355 10.6057L45.8213 0.45061H42.3278L51.292 13.6154V23.2195H54.179V13.6154L63.1432 0.45061H59.65Z" fill="currentColor"/> 775<path d="M158.944 0.45061L152.029 10.6057L145.115 0.45061H141.624L150.586 13.6154V23.2195H153.473V13.6154L162.437 0.45061H158.944Z" fill="currentColor"/> 776<path d="M105.045 18.7275L92.7777 0.481638H89.4409V23.2481H92.3279V4.98537L104.605 23.2481H107.932V0.481638H105.045V18.7275Z" fill="currentColor"/> 777<path d="M210.162 11.8096V11.8024H199.614V14.6894H208.044C206.964 18.404 203.692 21.113 199.833 21.113C195.096 21.113 191.242 17.0303 191.242 12.0141C191.242 6.99793 195.096 2.91522 199.833 2.91522C203.545 2.91522 206.714 5.42212 207.912 8.92259H210.922C209.611 3.80778 205.138 0.0282072 199.833 0.0282072C193.503 0.0282072 188.355 5.40525 188.355 12.0141C188.355 18.623 193.503 24 199.833 24C206.163 24 211.312 18.623 211.312 12.0141C211.312 11.9443 211.307 11.877 211.307 11.8096H210.162Z" fill="currentColor"/> 778<path d="M224.389 0.416762H220.261L211.405 23.2193H214.501L217.812 14.693H226.834L230.144 23.2193H233.24L224.389 0.416762ZM218.935 11.8036L222.325 2.71699L225.715 11.8036H218.935Z" fill="currentColor"/> 779</svg> 780 781 </a> 782 783 <ul class="site-header__nav hidden tabletl:flex widescreen:ml-48"> 784 785 786 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 787 <a href="/collections/new-arrivals" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 788 New 789 790 </a> 791 792 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 793 <div class="mega-menu grid grid-cols-4 gap-24"> 794 795 796 797 798 799 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 800 801 <a href="/collections/new-arrivals" class="mega-memu__link f2 " > 802 Shop All New Arrivals 803 </a> 804 805 <a href="/pages/glowzone" class="mega-memu__link f2 " > 806 Meet glowzone⢠807 </a> 808 809 <a href="/collections/spacedye-soft-shop" class="mega-memu__link f2 " > 810 Spacedye⢠Soft Shop 811 </a> 812 813 <a href="/collections/new-hue" class="mega-memu__link f2 " > 814 New Hues 815 </a> 816 817 <a href="/collections/fall-edit" class="mega-memu__link f2 " > 818 Fall Edit 819 </a> 820 821 <a href="/collections/the-travel-collection" class="mega-memu__link f2 " > 822 Travel Collection 823 </a> 824 825 <a href="/collections/trending-pants" class="mega-memu__link f2 " > 826 Bootcut + Wide Leg Pants 827 </a> 828 829 <a href="/collections/the-new-neutrals" class="mega-memu__link f2 " > 830 New Neutrals 831 </a> 832 833 <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " > 834 LuxeFleece 2.0⢠Shop 835 </a> 836 837 </div> 838 839 840 841 842 843 844 845 846 847 <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-3 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16"> 848 849 850 <a href="/collections/shop-all-womens" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Women's"> 851 852 853 854 855 856 857 858 859 <picture class="lazypicture block w-full h-full"> 860 861 <img 862 src="//beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=300" 863 srcset="//beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1024 1024
863w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_WML_02.png?v=1788190100&width=1920 1920w" 864 sizes="25vw" 865 width="600" 866 height="900" 867 loading="lazy" 868 decoding="async" 869 870 alt="" 871 class="w-full h-full object-cover" 872 873 > 874 </picture> 875 876 877 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 878 Shop Women's 879 </div> 880 </a> 881 882 883 <a href="/collections/mens-collection" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Men's"> 884 885 886 887 888 889 890 891 892 <picture class="lazypicture block w-full h-full"> 893 894 <img 895 src="//beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=300" 896 srcset="//beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_MENS_01.png?v=1788190100&width=1920 1920w" 897 sizes="25vw" 898 width="600" 899 height="900" 900 loading="lazy" 901 decoding="async" 902 903 alt="" 904 class="w-full h-full object-cover" 905 906 > 907 </picture> 908 909 910 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 911 Shop Men's 912 </div> 913 </a> 914 915 </div> 916 917 918 919</div> 920 </div> 921 922 </li> 923 924 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 925 <a href="/collections/shop-all-womens" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 926 Women 927 928 </a> 929 930 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 931 <div class="mega-menu grid grid-cols-4 gap-24"> 932 933 934 935 936 937 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 938 939 <a href="/collections/shop-all-womens" class="mega-memu__link f2 " > 940 Shop All 941 </a> 942 943 <a href="/collections/new-arrivals" class="mega-memu__link f2 " > 944 New Arrivals 945 </a> 946 947 <a href="/collections/bestsellers" class="mega-memu__link f2 " > 948 Bestsellers 949 </a> 950 951 <a href="https://beyondyoga.com/collections/new-hue" class="mega-memu__link f2 " > 952 New Hues 953 </a> 954 955 <a href="/collections/now-trending" class="mega-memu__link f2 " > 956 Now Trending 957 </a> 958 959 <a href="/collections/matching-sets" class="mega-memu__link f2 " > 960 Matching Sets 961 </a> 962 963 <a href="/collections/luxefleece-2-0-shop" class="mega-memu__link f2 " > 964 LuxeFleece 2.0⢠Shop 965 </a> 966 967 <a href="/pages/fabric-guide" class="mega-memu__link f2 " > 968 Fabric Guide 969 </a> 970 971 <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mega-memu__link f2 " > 972 Gift Card 973 </a> 974 975 <a href="/collections/sale-view-all" class="mega-memu__link f2 " style="color: #FF4040;"> 976 Sale 977 </a> 978 979 </div> 980 981 982 983 <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24"> 984 985 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 986 987 988 <li> 989 <a href="/collections/tops-shop-all" class="mega-memu__link f0 " > 990 <b>All Tops</b> 991 </a> 992 </li> 993 994 995 996 997 <li> 998 <a href="/collections/bras" class="mega-memu__link f0 " > 999 Bras 1000 </a> 1001 </li> 1002 1003 1004 1005 1006 <li> 1007 <a href="/collections/crop-tanks" class="mega-memu__link f0 " > 1008 Crop Tanks 1009 </a> 1010 </li> 1011 1012 1013 1014 1015 <li> 1016 <a href="/collections/tanks" class="mega-memu__link f0 " > 1017 Tanks 1018 </a> 1019 </li> 1020 1021 1022 1023 1024 <li> 1025 <a href="/collections/short-sleeve-tops" class="mega-memu__link f0 " > 1026 Short Sleeve Tops 1027 </a> 1028 </li> 1029 1030 1031 1032 1033 <li> 1034 <a href="/collections/long-sleeve-tees-pullovers" class="mega-memu__link f0 " > 1035 Long Sleeve Tops 1036 </a> 1037 </li> 1038 1039 1040 1041 1042 <li> 1043 <a href="/collections/sweaters" class="mega-memu__link f0 " > 1044 Sweaters 1045 </a> 1046 </li> 1047 1048 1049 1050 1051 <li> 1052 <a href="/collections/sweatshirts" class="mega-memu__link f0 " > 1053 Sweatshirts 1054 </a> 1055 </li> 1056 1057 1058 1059 1060 <li> 1061 <a href="/collections/layers" class="mega-memu__link f0 " > 1062 Layers 1063 </a> 1064 </li> 1065 1066 1067 1068 1069 </ul> 1070 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1071 1072 1073 1074 <li> 1075 <a href="/collections/bottoms-shop-all" class="mega-memu__link f0 " > 1076 <b>All Bottoms</b> 1077 </a> 1078 </li> 1079 1080 1081 1082 1083 <li> 1084 <a href="/collections/leggings" class="mega-memu__link f0 " > 1085 Leggings 1086 </a> 1087 </li> 1088 1089 1090 1091 1092 <li> 1093 <a href="/collections/leggings-pants-with-pockets" class="mega-memu__link f0 " > 1094 Leggings with Pockets 1095 </a> 1096 </li> 1097 1098 1099 1100 1101 <li> 1102 <a href="/collections/pedal-pushers-capris" class="mega-memu__link f0 " > 1103 Capris + Pedal Pushers 1104 </a> 1105 </li> 1106 1107 1108 1109 1110 <li> 1111 <a href="/collections/shorts" class="mega-memu__link f0 " > 1112 Shorts 1113 </a> 1114 </li> 1115 1116 1117 1118 1119 <li> 1120 <a href="/collections/skirts" class="mega-memu__link f0 " > 1121 Skirts 1122 </a> 1123 </li> 1124 1125 1126 1127 1128 <li> 1129 <a href="/collections/pants" class="mega-memu__link f0 " > 1130 Pants 1131 </a> 1132 </li> 1133 1134 1135 1136 1137 <li> 1138 <a href="/collections/trending-pants" class="mega-memu__link f0 " > 1139 Bootcut + Wide Leg Pants 1140 </a> 1141 </li> 1142 1143 1144 1145 1146 <li> 1147 <a href="/collections/joggers-sweatpants" class="mega-memu__link f0 " > 1148 Joggers + Sweatpants 1149 </a> 1150 </li> 1151 1152 1153 1154 1155 </ul> 1156 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1157 1158 1159 1160 <li> 1161 <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mega-memu__link f0 " > 1162 <b>All Dresses + Jumpsuits</b> 1163 </a> 1164 </li> 1165 1166 1167 1168 1169 <li> 1170 <a href="/collections/dresses" class="mega-memu__link f0 " > 1171 Dresses 1172 </a> 1173 </li> 1174 1175 1176 1177 1178 <li> 1179 <a href="/collections/active-dresses" class="mega-memu__link f0 " > 1180 Active Dresses 1181 </a> 1182 </li> 1183 1184 1185 1186 1187 <li> 1188 <a href="/collections/jumpsuits" class="mega-memu__link f0 " > 1189 Jumpsuits 1190 </a> 1191 </li> 1192 1193 1194 1195 1196 </ul> 1197 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1198 1199 1200 1201 <li> 1202 <a href="/collections/outerwear" class="mega-memu__link f0 " > 1203 <b>All Outerwear + Jackets</b> 1204 </a> 1205 </li> 1206 1207 1208 1209 1210 <li> 1211 <a href="/collections/outerwear" class="mega-memu__link f0 " > 1212 Jackets 1213 </a> 1214 </li> 1215 1216 1217 1218 1219 <li> 1220 <a href="/collections/sweatshirts" class="mega-memu__link f0 " > 1221 Sweatshirts + Hoodies 1222 </a> 1223 </li> 1224 1225 1226 1227 1228 </ul> 1229 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1230 1231 1232 1233 <li> 1234 <a href="/" class="mega-memu__link f0 font-700" > 1235 <b>More</b> 1236 </a> 1237 </li> 1238 1239 1240 1241 1242 <li> 1243 <a href="/collections/extended-sizes-1x-4x" class="mega-memu__link f0 " > 1244 Extended/Plus Sizes 1245 </a> 1246 </li> 1247 1248 1249 1250 1251 <li> 1252 <a href="/collections/toddler-leggings" class="mega-memu__link f0 " > 1253 Toddler Leggings 1254 </a> 1255 </li> 1256 1257 1258 1259 1260 <li> 1261 <a href="/collections/accessories" class="mega-memu__link f0 " > 1262 Accessories 1263 </a> 1264 </li> 1265 1266 1267 1268 1269 </ul> 1270 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1271 1272 1273 1274 <li> 1275 <a href="/" class="mega-memu__link f0 font-700" > 1276 <b>Shop By Activity</b> 1277 </a> 1278 </li> 1279 1280 1281 1282 1283 <li> 1284 <a href="/collections/glowzone" class="mega-memu__link f0 " > 1285 HIIT + Train 1286 </a> 1287 </li> 1288 1289 1290 1291 1292 <li> 1293 <a href="/collections/pilates-yoga-collection" class="mega-memu__link f0 " > 1294 Pilates + Yoga 1295 </a> 1296 </li> 1297 1298 1299 1300 1301 <li> 1302 <a href="/collections/running-collection" class="mega-memu__link f0 " > 1303 Running 1304 </a> 1305 </li> 1306 1307 1308 1309 1310 <li> 1311 <a href="/collections/tennis-pickleball-collection" class="mega-memu__link f0 " > 1312 Tennis + Pickleball 1313 </a> 1314 </li> 1315 1316 1317 1318 1319 <li> 1320 <a href="/collections/golf-collection" class="mega-memu__link f0 " > 1321 Golf 1322 </a> 1323 </li> 1324 1325 1326 1327 1328 <li> 1329 <a href="/collections/lounge-shop" class="mega-memu__link f0 " > 1330 Lounge 1331 </a> 1332 </li> 1333 1334 </ul> 1335 1336 1337 1338 1339 </div> 1340 1341 1342 1343 1344 1345 1346 1347 1348</div> 1349 </div> 1350 1351 </li> 1352 1353 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 1354 <a href="/pages/mens" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 1355 Men 1356 1357 <sub class="site-header-nav__subscript"> 1358 NEW 1359 </sub> 1360 1361 </a> 1362 1363 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 1364 <div class="mega-menu grid grid-cols-4 gap-24"> 1365 1366 1367 1368 1369 1370 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 1371 1372 <a href="/pages/mens" class="mega-memu__link f2 " > 1373 Explore 1374 </a> 1375 1376 <a href="/collections/mens-collection" class="mega-memu__link f2 " > 1377 Shop All 1378 </a> 1379 1380 <a href="/collections/mens-new-arrivals" class="mega-memu__link f2 " > 1381 New Arrivals 1382 </a> 1383 1384 <a href="/collections/mens-bestsellers" class="mega-memu__link f2 " > 1385 Bestsellers 1386 </a> 1387 1388 <a href="/collections/mens-in-the-gym" class="mega-memu__link f2 " > 1389 Active Edit 1390 </a> 1391 1392 <a href="/collections/mens-hues" class="mega-memu__link f2 " > 1393 Hues Collection 1394 </a> 1395 1396 <a href="/collections/mens-the-fairway-collection" class="mega-memu__link f2 " > 1397 Fairway Collection 1398 </a> 1399 1400 <a href="/collections/mens-luxefleece-shop" class="mega-memu__link f2 " > 1401 LuxeFleece Shop 1402 </a> 1403 1404 <a href="/pages/mens-fabric-guide" class="mega-memu__link f2 " > 1405 Fabric Guide 1406 </a> 1407 1408 <a href="/collections/sale-mens" class="mega-memu__link f2 " style="color: #FF4040;"> 1409 Sale
1410 </a> 1411 1412 </div> 1413 1414 1415 1416 <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24"> 1417 1418 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1419 1420 1421 <li> 1422 <a href="/collections/mens-tops" class="mega-memu__link f0 " > 1423 <b>All Tops</b> 1424 </a> 1425 </li> 1426 1427 1428 1429 1430 <li> 1431 <a href="/collections/mens-tanks-tees" class="mega-memu__link f0 " > 1432 Tanks + Tees 1433 </a> 1434 </li> 1435 1436 1437 1438 1439 <li> 1440 <a href="/collections/mens-long-sleeve" class="mega-memu__link f0 " > 1441 Long Sleeves 1442 </a> 1443 </li> 1444 1445 1446 1447 1448 <li> 1449 <a href="/collections/mens-hoodies-sweatshirts" class="mega-memu__link f0 " > 1450 Hoodies + Sweatshirts 1451 </a> 1452 </li> 1453 1454 1455 1456 1457 <li> 1458 <a href="/collections/mens-jackets" class="mega-memu__link f0 " > 1459 Jackets + Vests 1460 </a> 1461 </li> 1462 1463 1464 1465 1466 </ul> 1467 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1468 1469 1470 1471 <li> 1472 <a href="/collections/mens-bottoms" class="mega-memu__link f0 " > 1473 <b>All Bottoms</b> 1474 </a> 1475 </li> 1476 1477 1478 1479 1480 <li> 1481 <a href="/collections/mens-shorts" class="mega-memu__link f0 " > 1482 Shorts 1483 </a> 1484 </li> 1485 1486 1487 1488 1489 <li> 1490 <a href="/collections/mens-pants" class="mega-memu__link f0 " > 1491 Pants 1492 </a> 1493 </li> 1494 1495 1496 1497 1498 <li> 1499 <a href="/collections/mens-joggers" class="mega-memu__link f0 " > 1500 Joggers + Sweatpants 1501 </a> 1502 </li> 1503 1504 </ul> 1505 1506 1507 1508 1509 </div> 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-4 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16"> 1520 1521 1522 <a href="/collections/mens-new-arrivals" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="New Arrivals"> 1523 1524 1525 1526 1527 1528 1529 1530 1531 <picture class="lazypicture block w-full h-full"> 1532 1533 <img 1534 src="//beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=300" 1535 srcset="//beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=300 300w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=600 600w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=750 750w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CAT_DIV_MENS.jpg?v=1767047286&width=1920 1920w" 1536 sizes="25vw" 1537 width="600" 1538 height="900" 1539 loading="lazy" 1540 decoding="async" 1541 1542 alt="" 1543 class="w-full h-full object-cover" 1544 1545 > 1546 </picture> 1547 1548 1549 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 1550 New Arrivals 1551 </div> 1552 </a> 1553 1554 </div> 1555 1556 1557 1558</div> 1559 </div> 1560 1561 </li> 1562 1563 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 1564 <a href="/collections/maternity-all" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 1565 Maternity 1566 1567 </a> 1568 1569 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 1570 <div class="mega-menu grid grid-cols-4 gap-24"> 1571 1572 1573 1574 1575 1576 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 1577 1578 <a href="/collections/maternity-all" class="mega-memu__link f2 " > 1579 Shop All 1580 </a> 1581 1582 <a href="/collections/maternity-new-arrivals" class="mega-memu__link f2 " > 1583 New Arrivals 1584 </a> 1585 1586 <a href="/collections/bestsellers-maternity" class="mega-memu__link f2 " > 1587 Bestsellers 1588 </a> 1589 1590 <a href="/collections/maternity-postnatal-4th-trimester" class="mega-memu__link f2 " > 1591 Beyond Birth Collection 1592 </a> 1593 1594 <a href="/collections/match-your-mini" class="mega-memu__link f2 " > 1595 Match Your Mini 1596 </a> 1597 1598 <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " style="color: #FF4040;"> 1599 Sale
1600 </a> 1601 1602 </div> 1603 1604 1605 1606 <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24"> 1607 1608 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1609 1610 1611 <li> 1612 <a href="/collections/maternity-tops" class="mega-memu__link f0 " > 1613 Tops 1614 </a> 1615 </li> 1616 1617 1618 1619 1620 <li> 1621 <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " > 1622 Bottoms 1623 </a> 1624 </li> 1625 1626 1627 1628 1629 <li> 1630 <a href="/collections/maternity-dresses" class="mega-memu__link f0 " > 1631 Dresses + Jumpsuits 1632 </a> 1633 </li> 1634 1635 1636 1637 1638 </ul> 1639 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 1640 1641 1642 1643 <li> 1644 <a href="/collections/maternity-bottoms" class="mega-memu__link f0 " > 1645 Leggings + Biker Shorts 1646 </a> 1647 </li> 1648 1649 1650 1651 1652 <li> 1653 <a href="/collections/maternity-tops" class="mega-memu__link f0 " > 1654 Tanks 1655 </a> 1656 </li> 1657 1658 1659 1660 1661 <li> 1662 <a href="/collections/maternity-dresses" class="mega-memu__link f0 " > 1663 Dresses, Skirts, + Jumpsuits 1664 </a> 1665 </li> 1666 1667 1668 1669 1670 <li> 1671 <a href="/collections/toddler-leggings" class="mega-memu__link f0 " > 1672 Toddler Leggings 1673 </a> 1674 </li> 1675 1676 </ul> 1677 1678 1679 1680 1681 </div> 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-4 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16"> 1692 1693 1694 <div class="absolute top-0 left-0 w-full h-full"> 1695 1696 1697 1698 1699 1700<shop-the-look class="flex w-full h-full"> 1701 <div class="shop-the-look__block flex absolute top-0 w-full h-full z-[2] pointer-events-none justify-start items-end tabletl:justify-start tabletl:items-end"> 1702 <div class="shop-the-look__sneak-peek__wrapper relative flex flex-col gap-8 pointer-events-auto" 1703 style="--margin-top-mobile: 0px; 1704 --margin-right-mobile: 0px; 1705 --margin-bottom-mobile: 50px; 1706 --margin-left-mobile: 0px; 1707 --margin-top-desktop: 0px; 1708 --margin-right-desktop: 0px; 1709 --margin-bottom-desktop: 50px; 1710 --margin-left-desktop: 0px;"> 1711 <div id="ShopTheLookSneakPeek-sections--19357271097443__header-shop-the-look" class="shop-the-look__sneak-peek absolute bottom-full mb-8 left-0 right-auto tabletl:left-0 tabletl:right-auto tabletl:translate-x-0 z-10 hidden flex-col gap-8 w-max max-w-[calc(100vw-32px)]" js-shop-the-look-sneak-peek> 1712 <button class="shop-the-look__sneak-peek__close link flex items-center justify-center w-24 h-24 light-mode backdrop-blur-sm border rounded-[6px] text-12 transition-opacity hover:opacity-100 focus:opacity-100 mr-auto tabletl:mr-auto tabletl:ml-0" 1713 js-close-sneak-peek 1714 data-sneak-peek-id="ShopTheLookSneakPeek-sections--19357271097443__header-shop-the-look" 1715 aria-label="Close sneak peek"> 1716 <span class="shop-the-look__sneak-peek__close-icon flex items-center justify-center w-[6px] h-[6px]"> 1717 <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1718<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/> 1719</svg> 1720 1721 </span> 1722 </button> 1723 1724 <div class="shop-the-look__sneak-peek__products flex flex-col gap-8"> 1725 1726 <button class="shop-the-look__sneak-peek__product flex flex-row items-center w-[225px] h-[90px] gap-8 p-8 light-mode backdrop-blur-sm border rounded-[8px] overflow-hidden transition-opacity hover:opacity-100 focus:opacity-100" js-quickshop-trigger data-product-link="/products/spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243"> 1727 <div class="shop-the-look__sneak-peek__product-image min-w-[50px] h-full rounded-[4px] overflow-hidden"> 1728 1729 1730 1731 1732 1733 <picture class="lazypicture block w-full w-full h-full"> 1734 1735 <img 1736 src="//beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=300" 1737 srcset="//beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=300 300w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=600 600w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=750 750w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1024 1024
1737w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD3243_holly-red-heather_05056_cbee2511-9aa8-435a-8882-b050e01dbc81.jpg?v=1759284946&width=1920 1920w" 1738 sizes="100vw" 1739 width="1884" 1740 height="2440" 1741 loading="lazy" 1742 decoding="async" 1743 1744 alt="woman wearing a red slim racerback cropped tank top and high-waisted midi length leggings against a plain background. " 1745 class="w-full w-full h-full object-cover" 1746 1747 > 1748 </picture> 1749 1750 1751 </div> 1752 <div class="shop-the-look-sneak-peek__product-title w-full px-8"> 1753 <h3 class="text-left text-12">Spacedye⢠Caught In The Midi High Waisted Legging</h3> 1754 </div> 1755 </button> 1756 1757 </div> 1758 </div> 1759 1760 <button class="shop-the-look__button link flex items-center justify-center gap-8 mr-auto tabletl:mr-auto tabletl:ml-0 p-10 tabletl:p-12 w-full h-40 tabletl:h-48 light-mode backdrop-blur-sm border rounded-[6px] text-12 tabletl:text-14 tracking-[0.25em] uppercase transition-opacity z-[1] pointer-events-auto" 1761 data-action="js-open-shop-the-look-sections--19357271097443__header" 1762 1763 data-drawer-url="/products/spacedye-caught-in-the-midi-high-waisted-legging-holly-red-heather-sd3243?view=shop-the-look-drawer" 1764 data-mode="light-mode" 1765 1766 aria-label="Shop this look"> 1767 <span class="shop-the-look-button__icon flex items-center justify-center w-10 h-10"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1768<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/> 1769</svg> 1770</span> 1771 1772 <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase block tabletl:hidden">Shop</span> 1773 1774 1775 <span class="shop-the-look-button__text font-abcDiatypeMono text-12 font-400 tracking-[-0.01em] uppercase hidden tabletl:block">Shop</span> 1776 1777 </button> 1778 </div> 1779 </div> 1780 1781</shop-the-look> 1782 1783 1784 </div> 1785 1786 <a href="/collections/maternity-all" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Maternity"> 1787 1788 1789 1790 1791 1792 1793 1794 1795 <picture class="lazypicture block w-full h-full"> 1796 1797 <img 1798 src="//beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=300" 1799 srcset="//beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_MAT_01.png?v=1788190100&width=1920 1920w" 1800 sizes="25vw" 1801 width="600" 1802 height="900" 1803 loading="lazy" 1804 decoding="async" 1805 1806 alt="" 1807 class="w-full h-full object-cover" 1808 1809 > 1810 </picture> 1811 1812 1813 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 1814 Shop Maternity 1815 </div> 1816 </a> 1817 1818 </div> 1819 1820 1821 1822</div> 1823 </div> 1824 1825 </li> 1826 1827 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 1828 <a href="/collections/toddler-leggings" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 1829 Toddler 1830 1831 </a> 1832 1833 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 1834 <div class="mega-menu grid grid-cols-4 gap-24"> 1835 1836 1837 1838 1839 1840 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 1841 1842 <a href="/collections/toddler-leggings" class="mega-memu__link f2 " > 1843 Shop All 1844 </a> 1845 1846 <a href="/collections/match-your-mini" class="mega-memu__link f2 " > 1847 Match Your Mini 1848 </a> 1849 1850 </div> 1851 1852 1853</div> 1854 </div> 1855 1856 </li> 1857 1858 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 1859 <a href="/blogs/the-beyond-journal" class="site-header-nav__link flex py-8 whitespace-nowrap" js-header-mega-menu-trigger-link> 1860 Explore 1861 1862 </a> 1863 1864 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 1865 <div class="mega-menu grid grid-cols-4 gap-24"> 1866 1867 1868 1869 1870 1871 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 1872 1873 <a href="/pages/about-us" class="mega-memu__link f2 " > 1874 About Us 1875 </a> 1876 1877 <a href="/pages/stores" class="mega-memu__link f2 " > 1878 Find a Store 1879 </a> 1880 1881 </div> 1882 1883 1884 1885 <div class="mega-memu__link-group col-start-2 col-end-3 flex flex-col gap-8"> 1886 1887 1888 1889 <a href="/pages/product-guide" class="mega-memu__link f0 " > 1890 Product Guide 1891 </a> 1892 1893 1894 1895 <a href="/pages/move-beyond-collective" class="mega-memu__link f0 " > 1896 Move Beyond Collective 1897 </a> 1898 1899 1900 1901 <a href="/blogs/the-beyond-journal" class="mega-memu__link f0 " > 1902 Blog 1903 </a> 1904 1905 1906 1907 <a href="/products/beyond-yoga-digital-gift-card" class="mega-memu__link f0 " > 1908 Gift Card 1909 </a> 1910 1911 1912 1913 </div> 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 <div class="mega-memu__link-group rounded-[16px] overflow-hidden col-start-3 col-end-5 flex gap-0 h-[416px] pt-0 pr-0 pb-16 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #000000;" js-corner-rounding data-radius="16"> 1924 1925 1926 <a href="/pages/stores" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Visit us in Store"> 1927 1928 1929 1930 1931 1932 1933 1934 1935 <picture class="lazypicture block w-full h-full"> 1936 1937 <img 1938 src="//beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=300" 1939 srcset="//beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1024 1024
1939w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_Stores_01.jpg?v=1777912544&width=1920 1920w" 1940 sizes="25vw" 1941 width="600" 1942 height="900" 1943 loading="lazy" 1944 decoding="async" 1945 1946 alt="" 1947 class="w-full h-full object-cover" 1948 1949 > 1950 </picture> 1951 1952 1953 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 1954 Visit us in Store 1955 </div> 1956 </a> 1957 1958 1959 <a href="/collections/bestsellers" class="mega-memu__link mega-memu__link--image flex-1 relative h-full" aria-label="Shop Bestsellers"> 1960 1961 1962 1963 1964 1965 1966 1967 1968 <picture class="lazypicture block w-full h-full"> 1969 1970 <img 1971 src="//beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=300" 1972 srcset="//beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=300 300w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=600 600w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=750 750w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Menu_GoBY_01.jpg?v=1777912584&width=1920 1920w" 1973 sizes="25vw" 1974 width="600" 1975 height="900" 1976 loading="lazy" 1977 decoding="async" 1978 1979 alt="" 1980 class="w-full h-full object-cover" 1981 1982 > 1983 </picture> 1984 1985 1986 <div class="mega-memu-image-link__title f1 text-white absolute left-16 bottom-16"> 1987 Shop Bestsellers 1988 </div> 1989 </a> 1990 1991 </div> 1992 1993 1994 1995</div> 1996 </div> 1997 1998 </li> 1999 2000 <li class="site-header-nav__item site-header-nav__item--mega-menu px-8 laptop:px-16 flex items-center" js-header-mega-menu-trigger > 2001 <a href="/collections/sale-view-all" class="site-header-nav__link flex py-8 whitespace-nowrap" style="color: #FF4040;" js-header-mega-menu-trigger-link> 2002 Sale 2003 2004 </a> 2005 2006 <div class="site-header-nav__mega-menu absolute z-[-1] left-0 right-0 bottom-0 translate-y-full bg-white text-black px-48 pt-24 pb-40 invisible pointer-events-none max-h-[calc(100svh-var(--header-height))] overflow-y-auto" js-header-mega-menu> 2007 <div class="mega-menu grid grid-cols-4 gap-24"> 2008 2009 2010 2011 2012 2013 <div class="mega-memu__link-group col-span-1 flex flex-col gap-16"> 2014 2015 <a href="/collections/sale-view-all" class="mega-memu__link f2 " > 2016 Shop All Sale 2017 </a> 2018 2019 <a href="/collections/sale-mens" class="mega-memu__link f2 " > 2020 Shop Men's Sale 2021 </a> 2022 2023 <a href="/collections/sale-maternity-all" class="mega-memu__link f2 " > 2024 Shop Maternity Sale 2025 </a> 2026 2027 <a href="/collections/new-sale" class="mega-memu__link f2 " > 2028 Matching Sets 2029 </a> 2030 2031 <a href="/collections/sale-under-50" class="mega-memu__link f2 " > 2032 Sale Under $50 2033 </a> 2034 2035 <a href="/collections/final-sale" class="mega-memu__link f2 " style="color: #FF4040;"> 2036 Last Chance - Final Sale 2037 </a> 2038 2039 </div> 2040 2041 2042 2043 <div class="mega-memu__link-group col-start-2 col-end-4 flex gap-24"> 2044 2045 <ul class="mega-memu__links-container flex-1 flex flex-col gap-8"> 2046 2047 2048 <li> 2049 <a href="/collections/sale-bottoms" class="mega-memu__link f0 " > 2050 Bottoms 2051 </a> 2052 </li> 2053 2054 2055 2056 2057 <li> 2058 <a href="/collections/sale-leggings" class="mega-memu__link f0 " > 2059 Leggings 2060 </a> 2061 </li> 2062 2063 2064 2065 2066 <li> 2067 <a href="/collections/sale-pants" class="mega-memu__link f0 " > 2068 Pants 2069 </a> 2070 </li> 2071 2072 2073 2074 2075 <li> 2076 <a href="/collections/sale-tops-bras-all" class="mega-memu__link f0 " > 2077 Tops + Bras 2078 </a> 2079 </li> 2080 2081 2082 2083 2084 <li> 2085 <a href="/collections/sale-shorts-skirts" class="mega-memu__link f0 " > 2086 Shorts + Skirts 2087 </a> 2088 </li> 2089 2090 2091 2092 2093 <li> 2094 <a href="/collections/sale-dresses" class="mega-memu__link f0 " > 2095 Dresses 2096 </a> 2097 </li> 2098 2099 2100 2101 2102 <li> 2103 <a href="/collections/sale-sweatshirts-hoodies" class="mega-memu__link f0 " > 2104 Sweatshirts & Hoodies 2105 </a> 2106 </li> 2107 2108 2109 2110 2111 <li> 2112 <a href="/collections/sale-jumpsuits" class="mega-memu__link f0 " > 2113 Jumpsuits 2114 </a> 2115 </li> 2116 2117 2118 2119 2120 <li> 2121 <a href="/collections/sale-outerwear" class="mega-memu__link f0 " > 2122 Outerwear + Jackets 2123 </a> 2124 </li> 2125 2126 2127 2128 2129 <li> 2130 <a href="/collections/sale-extended-sizes" class="mega-memu__link f0 " > 2131 Extended/Plus Sizes 2132 </a> 2133 </li> 2134 2135 2136 2137 2138 <li> 2139 <a href="/collections/sale-toddler-leggings" class="mega-memu__link f0 " > 2140 Toddler Leggings 2141 </a> 2142 </li> 2143 2144 </ul> 2145 2146 2147 2148 2149 </div> 2150 2151 2152</div> 2153 </div> 2154 2155 </li> 2156 2157 </ul> 2158 2159 <div class="site-header__icon-links flex justify-end items-center gap-8 tabletl:py-16 tabletl:flex-1"> 2160 <button class="sit-header__search link w-32 h-32 justify-center items-center hidden tabletl:flex" js-open-predictive-search aria-label="Open search" aria-expanded="false">
2161 <span class="w-[15px] leading-[0]"><svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2162<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/> 2163</svg> 2164</span> 2165 </button> 2166 <a href="/account" class="sit-header__account w-16 h-32 justify-center items-center flex tabletl:w-32" aria-label="Login"> 2167 <span class="w-16 leading-[0]" aria-hidden="true"><svg class="icon icon--person icon--full-color" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2168<path d="M12.6791 5.71199C12.6791 8.23672 10.583 10.2834 7.99728 10.2834C5.41156 10.2834 3.31543 8.23672 3.31543 5.71199C3.31543 3.18726 5.41156 1.14056 7.99728 1.14056C10.583 1.14056 12.6791 3.18726 12.6791 5.71199Z" stroke="currentColor" stroke-width="1.52381"/> 2169<path d="M1.14282 14.8554C1.55542 13.1878 2.9927 10.2834 7.99947 10.2834C13.0103 10.2834 14.4458 13.1926 14.8571 14.8594" stroke="currentColor" stroke-width="1.52381"/> 2170</svg> 2171</span> 2172 </a> 2173 2174 <a class="swym-wishlist site-header__wishlist w-16 h-32 flex items-center justify-center relative tabletl:w-32" href="#swym-wishlist" aria-label="Wishlist"> 2175 <span class="w-[16px] leading-[0]" aria-hidden="true"> 2176 <i aria-hidden="true" focusable="false" role="presentation" class="icon icon-swym-wishlist"></i> 2177 </span> 2178 </a> 2179 2180 <a class="sit-header__cart link w-16 h-32 flex items-center justify-center relative tabletl:w-32" href="/cart" aria-label="Shopping cart"> 2181 <span class="w-[16px] leading-[0]" aria-hidden="true"><svg class="icon icon--bag icon--full-color" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 2182<path d="M4.95215 5.95238C4.95215 5.95238 4.95215 1.38095 7.99977 1.38095C11.0474 1.38095 11.0474 5.95238 11.0474 5.95238" stroke="currentColor" stroke-width="1.52381"/> 2183<path d="M2.66645 5.19048H13.3331V15.8571H2.66645V5.19048Z" stroke="currentColor" stroke-width="1.52381"/> 2184</svg> 2185</span> 2186 <span id="cart-count" class="text-[9px] leading-[1] absolute left-1/2 -translate-x-1/2 top-[42%]" aria-hidden="true"></span> 2187 </a> 2188 </div> 2189 </div> 2190 <div class="site-header__mega-menu-placeholder bg-white relative z-[-1] hidden" js-header-mega-menu-placeholder></div> 2191 </div> 2192</s-header> 2193 2194<style> 2195 :root{ 2196 --header-height: 96px; 2197 } 2198</style> 2199 2200<s-drawer id="MobileNavDrawer" class="mobile-nav-drawer h-full" position='mobile-nav' open="[js-open-mobile-nav]" close="[js-close-mobile-nav]"> 2201 <div class="mobile-nav h-full flex flex-col"> 2202 <div class="mobile-nav__header p-18 h-[84px] flex justify-between items-center gap-12 border-b border-papyrus-light relative"> 2203 <button class="mobile-nav__close link link--underline f0-mono leading-[1] order-2" aria-label="Close" js-close-mobile-nav>CLOSE</button> 2204 <div class="mobile-nav__search flex-1 order-0" data-active="true" js-mobile-nav-search> 2205 <form action="/search" method="get" role="search" class="mobile-nav-search__form w-full flex items-center"> 2206 <label for="MobileNavSearch" aria-label="Search" class="mobile-nav-search__label w-16 p-[1px] leading-[0]"> 2207 <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2208<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/> 2209</svg> 2210 2211 </label> 2212 <input 2213 id="MobileNavSearch" 2214 class="mobile-nav-search__input flex-1 border-0 bg-transparent p-12 text-16" 2215 type="search" 2216 name="query" 2217 value=""autocomplete="off" 2218 placeholder="Search" 2219 > 2220 </form> 2221 </div> 2222 <button class="mobile-nav__back-btn link flex items-center order-1" data-active="false" aria-label="Back" js-moble-nav-back-btn>
2223 <span class="w-[19px] h-[19px] flex justify-center items-center"> 2224 <span class="w-[6px] leading-[0]"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2225<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 2226</svg> 2227</span> 2228 </span> 2229 <span class="f0 leading-[1]">Back</span> 2230 </button> 2231 </div> 2232 <div class="mobile-nav__body flex-1 max-h-full overflow-auto"> 2233 2234 2235 <div class="mobile-nav__main-menu h-full flex flex-col justify-between" data-active="true" js-mobile-nav-main-menu> 2236 <div class="mobile-nav__main-stack flex flex-col"> 2237 <div class="mobile-nav__submenu-triggers flex flex-col gap-16 p-18"> 2238 2239 2240 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-1-new" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2241 <span class="f2 flex" > 2242 New 2243 2244 </span> 2245 <span class="w-32 h-32 flex justify-center items-center"> 2246 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2247<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2248</svg> 2249</span> 2250 </span> 2251 </button> 2252 2253 2254 2255 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-2-women" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2256 <span class="f2 flex" > 2257 Women 2258 2259 </span> 2260 <span class="w-32 h-32 flex justify-center items-center"> 2261 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2262<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2263</svg> 2264</span> 2265 </span> 2266 </button> 2267 2268 2269 2270 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-3-men-subscript-new" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2271 <span class="f2 flex" > 2272 Men 2273 2274 <sub class="site-header-nav__subscript"> 2275 NEW 2276 </sub> 2277 2278 </span> 2279 <span class="w-32 h-32 flex justify-center items-center"> 2280 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2281<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2282</svg> 2283</span> 2284 </span> 2285 </button> 2286 2287 2288 2289 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-4-maternity" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2290 <span class="f2 flex" > 2291 Maternity 2292 2293 </span> 2294 <span class="w-32 h-32 flex justify-center items-center"> 2295 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2296<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2297</svg> 2298</span> 2299 </span> 2300 </button> 2301 2302 2303 2304 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-5-toddler" aria-label="Open Submenu" js-mobile-nav-submenu-trigger>
2305 <span class="f2 flex" > 2306 Toddler 2307 2308 </span> 2309 <span class="w-32 h-32 flex justify-center items-center"> 2310 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2311<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2312</svg> 2313</span> 2314 </span> 2315 </button> 2316 2317 2318 2319 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-6-explore" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2320 <span class="f2 flex" > 2321 Explore 2322 2323 </span> 2324 <span class="w-32 h-32 flex justify-center items-center"> 2325 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2326<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2327</svg> 2328</span> 2329 </span> 2330 </button> 2331 2332 2333 2334 <button class="mobile-nav__submenu-trigger flex justify-between items-center" data-target="submenu-7-sale-callout" aria-label="Open Submenu" js-mobile-nav-submenu-trigger> 2335 <span class="f2 flex" style="color: #FF4040;"> 2336 Sale 2337 2338 </span> 2339 <span class="w-32 h-32 flex justify-center items-center"> 2340 <span class="w-[8px] leading-[0]"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2341<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 2342</svg> 2343</span> 2344 </span> 2345 </button> 2346 2347 2348 </div> 2349 2350 <nav class="mobile-nav-promo py-18" aria-label="Featured categories" > 2351 <div class="mobile-nav-promo__track flex gap-2 overflow-x-auto scroll-smooth scroll-pl-18 scroll-pr-18" tabindex="0"> 2352 2353 2354 2355 2356 2357 2358 2359 <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" 2360 href="/pages/glowzone" 2361 2362 aria-label="Meet glowzoneâ¢"> 2363 <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none"> 2364 2365 2366 2367 2368 2369 <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;"> 2370 2371 <img 2372 src="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300" 2373 srcset="//beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_0092Y-0005_GLO_CMK_A6_eed4b039-c989-43f8-b587-b99160fda2cf.jpg?v=1784589115&width=1920 1920w" 2374 sizes="(max-width: 1023px) 42vw, 200px" 2375 width="1884" 2376 height="2440" 2377 loading="lazy" 2378 decoding="async" 2379 2380 alt="A woman in a matching green athletic set performs a handstand on a grassy lawn under a clear blue sky." 2381 class="w-full object-cover rounded-none" 2382 2383 aria-hidden="true" 2384 2385 > 2386 </picture> 2387 2388 2389 </span> 2390
2391 <span class="mobile-nav-promo__label f0" aria-hidden="true">Meet glowzoneâ¢</span> 2392 2393 </a> 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" 2406 href="/collections/shop-all-womens" 2407 2408 aria-label="Shop Women's"> 2409 <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none"> 2410 2411 2412 2413 2414 2415 <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;"> 2416 2417 <img 2418 src="//beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=300" 2419 srcset="//beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=300 300w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=600 600w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=750 750w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CAT_Fleece.jpg?v=1785775221&width=1920 1920w" 2420 sizes="(max-width: 1023px) 42vw, 200px" 2421 width="848" 2422 height="1272" 2423 loading="lazy" 2424 decoding="async" 2425 2426 alt="" 2427 class="w-full object-cover rounded-none" 2428 2429 aria-hidden="true" 2430 2431 > 2432 </picture> 2433 2434 2435 </span> 2436 2437 <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Women's</span> 2438 2439 </a> 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 <a class="mobile-nav-promo__slide group flex flex-col gap-8 shrink-0 overflow-hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" 2452 href="/collections/mens-collection" 2453 2454 aria-label="Shop Men's"> 2455 <span class="mobile-nav-promo__media relative block w-full overflow-hidden rounded-none"> 2456 2457 2458 2459 2460 2461 <picture class="lazypicture block w-full mobile-nav-promo__picture w-full rounded-none" style="--ar-lzimg-mobile: 3/4;"> 2462 2463 <img 2464 src="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300" 2465 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU24_T_CZ70032D_CRSWT_T_ME2276D_SANDD_B_MC5179D_NCNVY_5433.jpg?v=1784821069&width=1920 1920w" 2466 sizes="(max-width: 1023px) 42vw, 200px" 2467 width="1884" 2468 height="2440" 2469 loading="lazy" 2470 decoding="async" 2471 2472 alt="" 2473 class="w-full object-cover rounded-none" 2474 2475 aria-hidden="true" 2476 2477 > 2478 </picture> 2479 2480 2481 </span> 2482 2483 <span class="mobile-nav-promo__label f0" aria-hidden="true">Shop Men's</span> 2484 2485 </a> 2486 2487 2488 2489 2490 2491 </div> 2492 </nav> 2493 2494 </div> 2495 2496 2497 <div class="mobile-nav__secondary-links flex flex-col gap-12 p-18"> 2498 <a href="/account" class="mobile-nav__secondary-link f0"> 2499 Login 2500 </a> 2501 2502 <a href="/pages/tracking" class="mobile-nav__secondary-link f0"> 2503 Order Tracking 2504 </a> 2505 2506 <a href="/pages/retail-stores" class="mobile-nav__secondary-link f0"> 2507 Store Locator 2508 </a> 2509 2510 <a href="/pages/returns" class="mobile-nav__secondary-link f0"> 2511 Returns 2512 </a> 2513 2514 </div> 2515 2516 </div> 2517 2518 2519 2520 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-1-new" data-active="false" js-mobile-nav-submenu> 2521 <div class="mobile-nav__submenu-title px-18 f0 text-grey">New</div> 2522 2523 2524 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 2525 2526 2527 <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 "> 2528 Shop All New Arrivals 2529 </a> 2530 2531 2532 2533 <a href="/pages/glowzone" class="mobile-nav__link f2 f2 "> 2534 Meet glowzone⢠2535 </a> 2536 2537 2538 2539 <a href="/collections/spacedye-soft-shop" class="mobile-nav__link f2 f2 "> 2540 Spacedye⢠Soft Shop 2541 </a> 2542 2543 2544 2545 <a href="/collections/new-hue" class="mobile-nav__link f2 f2 "> 2546 New Hues 2547 </a> 2548 2549 2550 2551 <a href="/collections/fall-edit" class="mobile-nav__link f2 f2 "> 2552 Fall Edit 2553 </a> 2554 2555 2556 2557 <a href="/collections/the-travel-collection" class="mobile-nav__link f2 f2 "> 2558 Travel Collection 2559 </a> 2560 2561 2562 2563 <a href="/collections/trending-pants" class="mobile-nav__link f2 f2 "> 2564 Bootcut + Wide Leg Pants 2565 </a> 2566 2567 2568 2569 <a href="/collections/the-new-neutrals" class="mobile-nav__link f2 f2 "> 2570 New Neutrals 2571 </a> 2572 2573 2574 2575 <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 "> 2576 LuxeFleece 2.0⢠Shop 2577 </a> 2578 2579 2580 </div> 2581 2582 2583 2584 2585 2586 </div> 2587 2588 2589 2590 2591 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-2-women" data-active="false" js-mobile-nav-submenu> 2592 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Women</div> 2593 2594 2595 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 2596 2597 2598 <a href="/collections/shop-all-womens" class="mobile-nav__link f2 f2 "> 2599 Shop All 2600 </a> 2601 2602 2603 2604 <a href="/collections/new-arrivals" class="mobile-nav__link f2 f2 "> 2605 New Arrivals 2606 </a> 2607 2608 2609 2610 <a href="/collections/bestsellers" class="mobile-nav__link f2 f2 "> 2611 Bestsellers 2612 </a> 2613 2614 2615 2616 <a href="https://beyondyoga.com/collections/new-hue" class="mobile-nav__link f2 f2 "> 2617 New Hues 2618 </a> 2619 2620 2621 2622 <a href="/collections/now-trending" class="mobile-nav__link f2 f2 "> 2623 Now Trending 2624 </a> 2625 2626 2627 2628 <a href="/collections/matching-sets" class="mobile-nav__link f2 f2 "> 2629 Matching Sets 2630 </a> 2631 2632 2633 2634 <a href="/collections/luxefleece-2-0-shop" class="mobile-nav__link f2 f2 "> 2635 LuxeFleece 2.0⢠Shop 2636 </a> 2637 2638 2639 2640 <a href="/pages/fabric-guide" class="mobile-nav__link f2 f2 "> 2641 Fabric Guide 2642 </a> 2643 2644 2645 2646 <a href="https://beyondyoga.com/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f2 "> 2647 Gift Card 2648 </a> 2649 2650 2651 2652 <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 text-red"> 2653 Sale
2654 </a> 2655 2656 2657 </div> 2658 2659 2660 2661 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 2662 2663 2664 <a href="/collections/tops-shop-all" class="mobile-nav__link f2 f0 "> 2665 <b>All Tops</b> 2666 </a> 2667 2668 2669 2670 <a href="/collections/bras" class="mobile-nav__link f2 f0 "> 2671 Bras 2672 </a> 2673 2674 2675 2676 <a href="/collections/crop-tanks" class="mobile-nav__link f2 f0 "> 2677 Crop Tanks 2678 </a> 2679 2680 2681 2682 <a href="/collections/tanks" class="mobile-nav__link f2 f0 "> 2683 Tanks 2684 </a> 2685 2686 2687 2688 <a href="/collections/short-sleeve-tops" class="mobile-nav__link f2 f0 "> 2689 Short Sleeve Tops 2690 </a> 2691 2692 2693 2694 <a href="/collections/long-sleeve-tees-pullovers" class="mobile-nav__link f2 f0 "> 2695 Long Sleeve Tops 2696 </a> 2697 2698 2699 2700 <a href="/collections/sweaters" class="mobile-nav__link f2 f0 "> 2701 Sweaters 2702 </a> 2703 2704 2705 2706 <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 "> 2707 Sweatshirts 2708 </a> 2709 2710 2711 2712 <a href="/collections/layers" class="mobile-nav__link f2 f0 "> 2713 Layers 2714 </a> 2715 2716 2717 2718 2719 2720 <a href="/collections/bottoms-shop-all" class="mobile-nav__link f2 f0 "> 2721 <b>All Bottoms</b> 2722 </a> 2723 2724 2725 2726 <a href="/collections/leggings" class="mobile-nav__link f2 f0 "> 2727 Leggings 2728 </a> 2729 2730 2731 2732 <a href="/collections/leggings-pants-with-pockets" class="mobile-nav__link f2 f0 "> 2733 Leggings with Pockets 2734 </a> 2735 2736 2737 2738 <a href="/collections/pedal-pushers-capris" class="mobile-nav__link f2 f0 "> 2739 Capris + Pedal Pushers 2740 </a> 2741 2742 2743 2744 <a href="/collections/shorts" class="mobile-nav__link f2 f0 "> 2745 Shorts 2746 </a> 2747 2748 2749 2750 <a href="/collections/skirts" class="mobile-nav__link f2 f0 "> 2751 Skirts 2752 </a> 2753 2754 2755 2756 <a href="/collections/pants" class="mobile-nav__link f2 f0 "> 2757 Pants 2758 </a> 2759 2760 2761 2762 <a href="/collections/trending-pants" class="mobile-nav__link f2 f0 "> 2763 Bootcut + Wide Leg Pants 2764 </a> 2765 2766 2767 2768 <a href="/collections/joggers-sweatpants" class="mobile-nav__link f2 f0 "> 2769 Joggers + Sweatpants 2770 </a> 2771 2772 2773 2774 2775 2776 <a href="/collections/shop-all-dresses-skirts-jumpsuits" class="mobile-nav__link f2 f0 "> 2777 <b>All Dresses + Jumpsuits</b> 2778 </a> 2779 2780 2781 2782 <a href="/collections/dresses" class="mobile-nav__link f2 f0 "> 2783 Dresses 2784 </a> 2785 2786 2787 2788 <a href="/collections/active-dresses" class="mobile-nav__link f2 f0 "> 2789 Active Dresses 2790 </a> 2791 2792 2793 2794 <a href="/collections/jumpsuits" class="mobile-nav__link f2 f0 "> 2795 Jumpsuits 2796 </a> 2797 2798 2799 2800 2801 2802 <a href="/collections/outerwear" class="mobile-nav__link f2 f0 "> 2803 <b>All Outerwear + Jackets</b> 2804 </a> 2805 2806 2807 2808 <a href="/collections/outerwear" class="mobile-nav__link f2 f0 "> 2809 Jackets 2810 </a> 2811 2812 2813 2814 <a href="/collections/sweatshirts" class="mobile-nav__link f2 f0 "> 2815 Sweatshirts + Hoodies 2816 </a> 2817 2818 2819 2820 2821 2822 <a href="/" class="mobile-nav__link f2 f0 "> 2823 <b>More</b> 2824 </a> 2825 2826 2827 2828 <a href="/collections/extended-sizes-1x-4x" class="mobile-nav__link f2 f0 "> 2829 Extended/Plus Sizes 2830 </a> 2831 2832 2833 2834 <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 "> 2835 Toddler Leggings 2836 </a> 2837 2838 2839 2840 <a href="/collections/accessories" class="mobile-nav__link f2 f0 "> 2841 Accessories 2842 </a> 2843 2844 2845 2846 2847 2848 <a href="/" class="mobile-nav__link f2 f0 "> 2849 <b>Shop By Activity</b> 2850 </a> 2851 2852 2853 2854 <a href="/collections/glowzone" class="mobile-nav__link f2 f0 "> 2855 HIIT + Train 2856 </a> 2857 2858 2859 2860 <a href="/collections/pilates-yoga-collection" class="mobile-nav__link f2 f0 "> 2861 Pilates + Yoga 2862 </a> 2863 2864 2865 2866 <a href="/collections/running-collection" class="mobile-nav__link f2 f0 "> 2867 Running 2868 </a> 2869 2870 2871 2872 <a href="/collections/tennis-pickleball-collection" class="mobile-nav__link f2 f0 "> 2873 Tennis + Pickleball 2874 </a> 2875 2876 2877 2878 <a href="/collections/golf-collection" class="mobile-nav__link f2 f0 "> 2879 Golf 2880 </a> 2881 2882 2883 2884 <a href="/collections/lounge-shop" class="mobile-nav__link f2 f0 "> 2885 Lounge 2886 </a> 2887 2888 2889 </div> 2890 2891 2892 2893 2894 2895 </div> 2896 2897 2898 2899 2900 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-3-men-subscript-new" data-active="false" js-mobile-nav-submenu> 2901 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Men</div> 2902 2903 2904 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 2905 2906 2907 <a href="/pages/mens" class="mobile-nav__link f2 f2 "> 2908 Explore 2909 </a> 2910 2911 2912 2913 <a href="/collections/mens-collection" class="mobile-nav__link f2 f2 "> 2914 Shop All 2915 </a> 2916 2917 2918 2919 <a href="/collections/mens-new-arrivals" class="mobile-nav__link f2 f2 "> 2920 New Arrivals 2921 </a> 2922 2923 2924 2925 <a href="/collections/mens-bestsellers" class="mobile-nav__link f2 f2 "> 2926 Bestsellers 2927 </a> 2928 2929 2930 2931 <a href="/collections/mens-in-the-gym" class="mobile-nav__link f2 f2 "> 2932 Active Edit 2933 </a> 2934 2935 2936 2937 <a href="/collections/mens-hues" class="mobile-nav__link f2 f2 "> 2938 Hues Collection 2939 </a> 2940 2941 2942 2943 <a href="/collections/mens-the-fairway-collection" class="mobile-nav__link f2 f2 "> 2944 Fairway Collection 2945 </a> 2946 2947 2948 2949 <a href="/collections/mens-luxefleece-shop" class="mobile-nav__link f2 f2 "> 2950 LuxeFleece Shop 2951 </a> 2952 2953 2954 2955 <a href="/pages/mens-fabric-guide" class="mobile-nav__link f2 f2 "> 2956 Fabric Guide 2957 </a> 2958 2959 2960 2961 <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 text-red"> 2962 Sale
2963 </a> 2964 2965 2966 </div> 2967 2968 2969 2970 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 2971 2972 2973 <a href="/collections/mens-tops" class="mobile-nav__link f2 f0 "> 2974 <b>All Tops</b> 2975 </a> 2976 2977 2978 2979 <a href="/collections/mens-tanks-tees" class="mobile-nav__link f2 f0 "> 2980 Tanks + Tees 2981 </a> 2982 2983 2984 2985 <a href="/collections/mens-long-sleeve" class="mobile-nav__link f2 f0 "> 2986 Long Sleeves 2987 </a> 2988 2989 2990 2991 <a href="/collections/mens-hoodies-sweatshirts" class="mobile-nav__link f2 f0 "> 2992 Hoodies + Sweatshirts 2993 </a> 2994 2995 2996 2997 <a href="/collections/mens-jackets" class="mobile-nav__link f2 f0 "> 2998 Jackets + Vests 2999 </a> 3000 3001 3002 3003 3004 3005 <a href="/collections/mens-bottoms" class="mobile-nav__link f2 f0 "> 3006 <b>All Bottoms</b> 3007 </a> 3008 3009 3010 3011 <a href="/collections/mens-shorts" class="mobile-nav__link f2 f0 "> 3012 Shorts 3013 </a> 3014 3015 3016 3017 <a href="/collections/mens-pants" class="mobile-nav__link f2 f0 "> 3018 Pants 3019 </a> 3020 3021 3022 3023 <a href="/collections/mens-joggers" class="mobile-nav__link f2 f0 "> 3024 Joggers + Sweatpants 3025 </a> 3026 3027 3028 </div> 3029 3030 3031 3032 3033 3034 </div> 3035 3036 3037 3038 3039 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-4-maternity" data-active="false" js-mobile-nav-submenu> 3040 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Maternity</div> 3041 3042 3043 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3044 3045 3046 <a href="/collections/maternity-all" class="mobile-nav__link f2 f2 "> 3047 Shop All 3048 </a> 3049 3050 3051 3052 <a href="/collections/maternity-new-arrivals" class="mobile-nav__link f2 f2 "> 3053 New Arrivals 3054 </a> 3055 3056 3057 3058 <a href="/collections/bestsellers-maternity" class="mobile-nav__link f2 f2 "> 3059 Bestsellers 3060 </a> 3061 3062 3063 3064 <a href="/collections/maternity-postnatal-4th-trimester" class="mobile-nav__link f2 f2 "> 3065 Beyond Birth Collection 3066 </a> 3067 3068 3069 3070 <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 "> 3071 Match Your Mini 3072 </a> 3073 3074 3075 3076 <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 text-red"> 3077 Sale 3078 </a> 3079 3080 3081 </div> 3082 3083 3084 3085 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3086 3087 3088 <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 "> 3089 Tops 3090 </a> 3091 3092 3093 3094 <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 "> 3095 Bottoms 3096 </a> 3097 3098 3099 3100 <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 "> 3101 Dresses + Jumpsuits 3102 </a> 3103 3104 3105 3106 3107 3108 <a href="/collections/maternity-bottoms" class="mobile-nav__link f2 f0 "> 3109 Leggings + Biker Shorts 3110 </a> 3111 3112 3113 3114 <a href="/collections/maternity-tops" class="mobile-nav__link f2 f0 "> 3115 Tanks 3116 </a> 3117 3118 3119 3120 <a href="/collections/maternity-dresses" class="mobile-nav__link f2 f0 "> 3121 Dresses, Skirts, + Jumpsuits 3122 </a> 3123 3124 3125 3126 <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f0 "> 3127 Toddler Leggings 3128 </a> 3129 3130 3131 </div> 3132 3133 3134 3135 3136 3137 </div> 3138 3139 3140 3141 3142 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-5-toddler" data-active="false" js-mobile-nav-submenu> 3143 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Toddler</div> 3144 3145 3146 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3147 3148 3149 <a href="/collections/toddler-leggings" class="mobile-nav__link f2 f2 "> 3150 Shop All 3151 </a> 3152 3153 3154 3155 <a href="/collections/match-your-mini" class="mobile-nav__link f2 f2 "> 3156 Match Your Mini 3157 </a> 3158 3159 3160 </div> 3161 3162 3163 3164 </div> 3165 3166 3167 3168 3169 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-6-explore" data-active="false" js-mobile-nav-submenu> 3170 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Explore</div> 3171 3172 3173 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3174 3175 3176 <a href="/pages/about-us" class="mobile-nav__link f2 f2 "> 3177 About Us 3178 </a> 3179 3180 3181 3182 <a href="/pages/stores" class="mobile-nav__link f2 f2 "> 3183 Find a Store 3184 </a> 3185 3186 3187 </div> 3188 3189 3190 3191 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3192 3193 3194 <a href="/pages/product-guide" class="mobile-nav__link f2 f0 "> 3195 Product Guide 3196 </a> 3197 3198 3199 3200 <a href="/pages/move-beyond-collective" class="mobile-nav__link f2 f0 "> 3201 Move Beyond Collective 3202 </a> 3203 3204 3205 3206 <a href="/blogs/the-beyond-journal" class="mobile-nav__link f2 f0 "> 3207 Blog 3208 </a> 3209 3210 3211 3212 <a href="/products/beyond-yoga-digital-gift-card" class="mobile-nav__link f2 f0 "> 3213 Gift Card 3214 </a> 3215 3216 3217 </div> 3218 3219 3220 3221 3222 3223 </div> 3224 3225 3226 3227 3228 <div class="mobile-nav__submenu pt-18 pb-40 flex flex-col gap-24" id="submenu-7-sale-callout" data-active="false" js-mobile-nav-submenu> 3229 <div class="mobile-nav__submenu-title px-18 f0 text-grey">Sale</div> 3230 3231 3232 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3233 3234 3235 <a href="/collections/sale-view-all" class="mobile-nav__link f2 f2 "> 3236 Shop All Sale
3237 </a> 3238 3239 3240 3241 <a href="/collections/sale-mens" class="mobile-nav__link f2 f2 "> 3242 Shop Men's Sale 3243 </a> 3244 3245 3246 3247 <a href="/collections/sale-maternity-all" class="mobile-nav__link f2 f2 "> 3248 Shop Maternity Sale 3249 </a> 3250 3251 3252 3253 <a href="/collections/new-sale" class="mobile-nav__link f2 f2 "> 3254 Matching Sets 3255 </a> 3256 3257 3258 3259 <a href="/collections/sale-under-50" class="mobile-nav__link f2 f2 "> 3260 Sale Under $50 3261 </a> 3262 3263 3264 3265 <a href="/collections/final-sale" class="mobile-nav__link f2 f2 text-red"> 3266 Last Chance - Final Sale 3267 </a> 3268 3269 3270 </div> 3271 3272 3273 3274 <div class="mobile-nav__link-group flex flex-col gap-12 px-18"> 3275 3276 3277 <a href="/collections/sale-bottoms" class="mobile-nav__link f2 f0 "> 3278 Bottoms 3279 </a> 3280 3281 3282 3283 <a href="/collections/sale-leggings" class="mobile-nav__link f2 f0 "> 3284 Leggings 3285 </a> 3286 3287 3288 3289 <a href="/collections/sale-pants" class="mobile-nav__link f2 f0 "> 3290 Pants 3291 </a> 3292 3293 3294 3295 <a href="/collections/sale-tops-bras-all" class="mobile-nav__link f2 f0 "> 3296 Tops + Bras 3297 </a> 3298 3299 3300 3301 <a href="/collections/sale-shorts-skirts" class="mobile-nav__link f2 f0 "> 3302 Shorts + Skirts 3303 </a> 3304 3305 3306 3307 <a href="/collections/sale-dresses" class="mobile-nav__link f2 f0 "> 3308 Dresses 3309 </a> 3310 3311 3312 3313 <a href="/collections/sale-sweatshirts-hoodies" class="mobile-nav__link f2 f0 "> 3314 Sweatshirts & Hoodies 3315 </a> 3316 3317 3318 3319 <a href="/collections/sale-jumpsuits" class="mobile-nav__link f2 f0 "> 3320 Jumpsuits 3321 </a> 3322 3323 3324 3325 <a href="/collections/sale-outerwear" class="mobile-nav__link f2 f0 "> 3326 Outerwear + Jackets 3327 </a> 3328 3329 3330 3331 <a href="/collections/sale-extended-sizes" class="mobile-nav__link f2 f0 "> 3332 Extended/Plus Sizes 3333 </a> 3334 3335 3336 3337 <a href="/collections/sale-toddler-leggings" class="mobile-nav__link f2 f0 "> 3338 Toddler Leggings 3339 </a> 3340 3341 3342 </div> 3343 3344 3345 3346 </div> 3347 3348 3349 </div> 3350 </div> 3351</s-drawer> 3352 3353</div> 3354<!-- END sections: header-group --> 3355 3356 <s-drawer id="CartDrawer" class="bg-transparent p-6 tabletl:p-16" position='bottom' open="[js-open-cart]" close="[js-close-cart]" role="dialog" aria-labelledby="CartDrawer-Title" aria-modal="true" no-expand-close> 3357 <div class="cart-drawer__wrapper h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] overflow-hidden relative" js-corner-rounding data-radius="12" data-radius-desktop="16"> 3358 <div class="cart-drawer__header flex items-center justify-between px-24 py-18 tabletl:pt-24 tabletl:pb-16 tabletl:px-48"> 3359 <h2 id="CartDrawer-Title" class="f2 font-400">My Bag</h2> 3360 <button class="f0-mono link link--underline" aria-label="Close" js-close-cart>Close</button> 3361 </div> 3362 <cart-drawer class="flex-1 block overflow-hidden">
3363 <div id="cart" class="cart-drawer h-full" js-cart-drawer-contents> 3364 <cart-drawer-items class="h-full flex flex-col"> 3365 <div class="flex-1 max-h-full overflow-y-auto"> 3366 3367 3368 <p class="px-28 py-12 tabletl:px-48" js-empty-cart> 3369 Your bag is empty, <a href="/collections/all" js-cart-continue-link>continue shopping</a>. 3370 </p> 3371 3372 <form action="/cart" id="CartDrawer-Form" class="cart-drawer__form px-18 pt-6 tabletl:pt-0 tabletl:pl-48 tabletl:pr-32" method="post"> 3373 <div id="CartDrawer-CartItems" class="drawer__contents"></div> 3374 <div id="CartDrawer-CartErrors" role="alert"></div> 3375 </form> 3376 <div class="cart-drawer__cross-sell pl-18 tabletl:pl-48 pt-16 pb-32"> 3377 <div data-rebuy-id="59181"></div> 3378 </div> 3379 </div> 3380 <div class="cart-drawer__footer bg-papyrus-light pt-16 px-24 pb-24 tabletl:px-48"> 3381 <div class="cart-drawer__discount py-16"> 3382 3383 3384<s-accordion data-manual-collapse="false" js-accordion> 3385 <div class="accordion-item" js-accordion-item> 3386 <button class="accordion-header flex items-center justify-between w-full" aria-expanded="false" aria-controls="cartDiscount" type="button" aria-label="Open Discount" js-accordion-header> 3387 Discount 3388 <span class="w-32 h-32 p-[10px] leading-[0]"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3389<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/> 3390</svg> 3391<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3392<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/> 3393</svg> 3394</span> 3395 </button> 3396 <div id="cartDiscount" class="accordion-content" aria-hidden="true" js-accordion-content> 3397 <div class="cart-discount"> 3398 <div class="details-content mt-16"> 3399 <div class="cart-discount__content flex gap-x-16"> 3400 <label 3401 for="cart-discount" 3402 class="visually-hidden" 3403 > 3404 Discount Code 3405 </label> 3406 <input 3407 id="cart-discount" 3408 class="cart-discount__input flex-1 border border-black p-8 text-16" 3409 name="discount" 3410 placeholder="Discount Code" 3411 js-cart-discount-form-input 3412 > 3413 <button 3414 type="button" 3415 class="btn btn--atc h-auto" 3416 aria-label="Apply Discount" 3417 js-cart-discount-form-submit 3418 > 3419 Apply 3420 </button> 3421 </div> 3422 <div 3423 class="cart-discount__error hidden" 3424 role="alert" 3425 aria-live="polite" 3426 js-cart-discount-error 3427 > 3428 <small 3429 class="cart-discount__error-text cart-primary-typography hidden" 3430 js-cart-discount-error-discount-code 3431 > 3432 Discount code cannot be applied to your cart 3433 </small> 3434 <small 3435 class="cart-discount__error-text cart-primary-typography hidden" 3436 js-cart-discount-error-shipping 3437 > 3438 Shipping discounts are shown at checkout after adding an address 3439 </small> 3440 </div> 3441 <ul class="cart-discount__codes flex flex-col gap-y-8 pt-8"> 3442 3443 </ul> 3444 </div> 3445 </div> 3446 </div> 3447 </div> 3448</s-accordion> 3449 </div> 3450 <div class="cart-drawer__totals"> 3451 <div class="totals flex items-center justify-between f0" role="status"> 3452 <p class="totals__subtotal">Subtotal</p> 3453 <p class="totals__subtotal-value">$0.00 USD</p> 3454 </div> 3455 3456 <div class="my-12 tabletl:my-16"><p class="fn1 text-grey">Taxes and shipping calculated at checkout</p> 3457 </div> 3458 </div> 3459 3460 <div class="cart-drawer__ctas" > 3461 <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button btn btn--atc w-full py-16 justify-center" name="checkout" form="CartDrawer-Form" aria-label="Checkout">Checkout</button> 3462 </div> 3463 <p class="fn1-mono text-center mt-12 tabletl:mt-16">Free Shipping and Free returns</p> 3464 </div> 3465 </cart-drawer-items> 3466 </div> 3467</cart-drawer> 3468 </div> 3469</s-drawer> 3470 <s-drawer id="FilterDrawer" class="filter-drawer bg-transparent p-6 tabletl:p-16" position='bottom' position-tabletp='left' open="[js-open-filter-drawer]" close="[js-close-filter-drawer]" role="dialog" aria-labelledby="FilterDrawer-Title" aria-modal="true"> 3471 <div class="filter-drawer__wrapper h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] relative" js-corner-rounding data-radius="12" data-radius-desktop="16"> 3472 <div class="filter-drawer__header px-18 py-24 tabletl:px-56 tabletl:py-32 flex justify-between items-center"> 3473 <h2 id="FilterDrawer-Title" class="filter-drawer__title f1">Active filters</h2> 3474 <button class="filter-drawer__close f0-mono link link--underline leading-[1]" aria-label="Close" js-close-filter-drawer>CLOSE</button> 3475 </div> 3476 <div class="filter-drawer__filter-sort flex-1 max-h-full overflow-auto"> 3477 3478 <active-filters class="active-filters flex justify-start items-center flex-wrap gap-6 tabletl:gap-8" role="list" aria-label="Active Filters" js-active-filters> 3479 3480 3481 3482</active-filters> 3483 <filter-sort class="filter-sort block px-18 py-24 tabletl:px-56 tabletl:py-32" data-scope="global"> 3484 <form class="filter-sort__form" js-filter-form> 3485 <p class="sr-only" role="status" aria-atomic="true" js-filter-status></p> 3486 <div class="filter-sort__filters-container"> 3487 <s-accordion data-manual-collapse="true" class="grid gap-6 tabletl:gap-8" js-accordion><div class="filter-sort accordion-item" data-index="0" js-accordion-item js-filter js-sort><button type="button" 3488 class="filter-sort__label accordion-header link w-full flex justify-between items-center py-8 relative" 3489 aria-expanded="false"
3490 aria-controls="sort-master-filter" 3491 aria-label="Sort By" 3492 js-accordion-header> 3493 <span class="f0-mono">SORT BY</span> 3494 <span class="w-32 h-32 p-[10px] leading-[0]"><svg class="icon icon--plus" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3495<path d="M7.00003 13.095L7.00003 7.00003M7.00003 7.00003V0.904999M7.00003 7.00003H13.095M7.00003 7.00003H0.905029" stroke="currentColor" stroke-width="1.52"/> 3496</svg> 3497<svg class="icon icon--minus" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3498<path d="M12 6H6H0" stroke="currentColor" stroke-width="1.52"/> 3499</svg> 3500</span> 3501 </button> 3502 <div id="sort-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="true" js-accordion-content> 3503 <ul class="filter-sort__values filter-sort__values--other py-16" role="list"></ul> 3504 </div> 3505 </div></s-accordion> 3506 </div><!-- .filter-sort__filters-container --> 3507 3508 <div class="filter-sort__footer absolute bottom-0 left-0 right-0 hidden"> 3509 <button class="active-filters__remove hidden" aria-label="Clear All" js-clear-all> 3510 Clear All 3511 </button> 3512 <button class="filter-sort__show-results btn btn--papyrus block w-full rounded-none" aria-label="Show Results" js-close-filter-drawer>SHOW RESULTS</button> 3513 </div> 3514 3515 3516</form> 3517 <loading-spinner class="filter__loading-spinner fixed" style="--width: 40px; --height: 40px;"></loading-spinner> 3518</filter-sort> 3519 3520 </div> 3521 </div> 3522</s-drawer> 3523 <s-drawer id="PredictiveSearchDrawer" class="predictive-search-drawer" position='bottom' open="[js-open-predictive-search]" close="[js-close-predictive-search]"> 3524 <predictive-search class="predictive-search-drawer__wrapper h-full flex flex-col"> 3525 <div class="predictive-search__header px-24 py-18 tabletl:px-48 tabletl:py-8 border-b border-papyrus-light tabletl:border-0 flex items-center gap-24"> 3526 <form action="/search" method="get" role="search" id="PredictiveSearchForm" class="predictive-search__form flex-1 relative" js-predictive-search-form> 3527 <button type="submit" class="block w-16 absolute left-0 top-1/2 -translate-y-1/2 leading-[0]" aria-label="Search"> 3528 <svg class="icon icon--search icon--full-color" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3529<path d="M13.0953 13.0952L8.68106 8.68102M10.0152 5.46C10.0152 7.97579 7.97579 10.0152 5.46001 10.0152C2.94423 10.0152 0.904785 7.97579 0.904785 5.46C0.904785 2.94421 2.94423 0.904755 5.46001 0.904755C7.97579 0.904755 10.0152 2.94421 10.0152 5.46Z" stroke="currentColor" stroke-width="1.52381"/> 3530</svg> 3531 3532 </button> 3533 <label for="PredictiveSearch" class="visually-hidden">Search</label> 3534 <input 3535 id="PredictiveSearch" 3536 class="predictive-search__input block w-full border-t-0 border-r-0 border-l-0 border-b-transparent f0 placeholder:f0 placeholder:text-grey px-28 py-14 tabletl:px-32 tabletl:py-20 bg-transparent rounded-none focus:text-16" 3537 type="search" 3538 name="query" 3539 value=""autocomplete="off" 3540 placeholder="Search" 3541 js-predictive-search-input 3542 > 3543 <button type="button" class="block w-16 p-[3px] absolute right-0 top-1/2 -translate-y-1/2 leading-[0]" aria-label="Clear" js-predictive-search-clear> 3544 <svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3545<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/> 3546</svg> 3547 3548 </button> 3549 </form> 3550 <button type="button" class="predictive-search__close f0 link" aria-label="Close" js-close-predictive-search>Close</button> 3551 </div> 3552 <div class="predictive-search__results f0 flex-1 max-h-full overflow-y-auto p-24 tabletl:px-48 tabletl:flex tabletl:gap-32" aria-label="Predictive search results"> 3553 <div class="predictive-search__terms-container mb-44 tabletl:mb-0 tabletl:w-[27%]" js-predictive-search-terms-container aria-label="Predictive search terms" role="status" aria-l
3553ive="polite"> 3554 <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-terms-title></div> 3555 <ul class="predictive-search__terms grid gap-6 tabletl:gap-8" js-predictive-search-terms> 3556 </ul> 3557 <button type="submit" form="PredictiveSearchForm" class="predictive-search__show-all btn mt-64 hidden" aria-label="Show All Results" js-predictive-search-show-all>SHOW ALL RESULTS</button> 3558 </div> 3559 <div class="predictive-search__products-container tabletl:flex-1" js-predictive-search-products-container aria-label="Predictive search products"> 3560 <div class="text-grey mb-12 tabletl:mb-16" role="heading" aria-level="2" js-predictive-search-products-title></div> 3561 <ul class="predictive-search__products grid grid-cols-3 tabletl:grid-cols-4 gap-x-6 gap-y-24 tabletl:gap-8" js-predictive-search-products> 3562 </ul> 3563 </div> 3564 <div class="predictive-search__no-results hidden" js-predictive-search-no-results></div> 3565 </div> 3566 </predictive-search> 3567</s-drawer> 3568 <s-drawer id="QuickshopSizeGuideDrawer" class="quickshop-size-guide-drawer bg-transparent p-6 tabletl:p-16" position='bottom' open="[js-open-quickshop-size-guide]" close="[js-close-quickshop-size-guide]"> 3569 <div class="h-full flex flex-col bg-white rounded-[12px] tabletl:rounded-[16px] overflow-hidden" js-corner-rounding data-radius="12" data-radius-desktop="16"> 3570 <div class="quickshop-size-guide__header px-18 pt-32 pb-18 tabletl:px-56 flex justify-between items-center gap-24 border-b border-papyrus"> 3571 <span class="quickshop-size-guide__title f1">Size Guide</span> 3572 <button class="quickshop-size-guide__close f0-mono text-grey link link--underline leading-[1]" aria-label="Close" js-close-quickshop-size-guide>CLOSE</button> 3573 </div> 3574 <div class="quickshop-size-guide__body fn1 flex-1 max-h-full overflow-auto p-18 tabletl:px-56 tabletl:py-32" js-quickshop-size-guide-wrapper> 3575 </div> 3576 </div> 3577</s-drawer> 3578 <s-drawer 3579 id="ShopTheLookDrawer" 3580 class="shop-the-look-drawer bg-transparent z-20" 3581 position="bottom" 3582 close="[js-close-shop-the-look]" 3583 body-open-class="js-shop-the-look-drawer-open" 3584> 3585 <div class="shop-the-look-drawer__wrapper h-full flex flex-col light-mode backdrop-blur-[13.9px] rounded-[12px] tabletl:rounded-[16px] overflow-hidden relative" js-shop-the-look-wrapper js-corner-rounding data-radius="12" data-radius-desktop="16"> 3586 <div class="shop-the-look-drawer__header flex items-center justify-between px-24 py-18 tabletl:pt-24 tabletl:pb-16 tabletl:px-48"> 3587 <h2 class="f2 font-NoiGrotesk font-600">Shop This Look</h2> 3588 <button class="f0-mono link w-16 h-16" js-close-shop-the-look aria-label="Close shop the look drawer"><svg class="icon icon--close" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3589<path d="M0.690205 9.30982L5 5.00002M5 5.00002L9.30984 0.690186M5 5.00002L9.30982 9.30984M5 5.00002L0.690186 0.690207" stroke="currentColor" stroke-width="1.52"/> 3590</svg> 3591</button> 3592 </div> 3593 <div class="shop-the-look-drawer__content flex-1 overflow-y-auto pb-24 pt-16 tabletl:pb-48 tabletl:pt-24 relative" js-shop-the-look-content> 3594 <div class="absolute inset-0 bg-white/80 hidden" js-shop-the-look-loader aria-hidden="true"> 3595 <div class="flex items-center justify-center h-full w-full"> 3596 <loading-spinner style="--size: 3rem; --bg-opacity: 100%; --background: #ffffff;"></loading-spinner> 3597 </div> 3598 </div> 3599 </div> 3600 </div> 3601</s-drawer> 3602 3603 <s-modal id="QuickshopModal" class="quickshop-modal overflow-hidden top-[calc(env(safe-area-inset-top)+6px)] bottom-[calc(env(safe-area-inset-bottom)+6px)] tabletl:top-[calc(env(safe-area-inset-top)+16px)] tabletl:bottom-[calc(env(safe-area-inset-bottom)+16px)] max-h-[unset] translate-x-[unset] translate-y-[unset] left-6 tabletl:left-16 w-[calc(100vw-12px)] tabletl:w-[calc(100vw-32px)] laptop:w-auto laptop:max-w-[calc(100vw-32px)] rounded-[12px] tabletl:rounded-[16px]" open="[open-quickshop-modal]" close="[close-quickshop-modal]" role="dialog" aria-modal="true" aria-label="Quick Shop" js-corner-rounding data-radius="12" data-radius-desktop="16"> 3604 <button class="quickshop-modal__close z-[1] bg-opacity-50 bg-white px-14 py-4 text-10 rounded-[4px] absolute f0-mono link leading-[1] right-24 top-24 tabletl:right-32 tabletl:top-32 text-black tabletl:text-black" aria-label="Close" tabindex="0" close-quickshop-modal>CLOSE</button> 3605 <div class="quickshop-modal__wrapper h-full" tabindex="1" js-quickshop-wrapper></div> 3606</s-modal> 3607
3608 <main id="MainContent" class="main drawer-background modal-background grid min-h-header" role="main"> 3609 <div id="shopify-section-template--19357268639843__section_hero_nDETGM" class="shopify-section"> 3610 3611 3612 3613<section class="section__hero mt-0 mb-0 tabletl:mt-0 tabletl:mb-0 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0 relative" style="background-color: #ffffff;"> 3614 <div class="section__hero-content grid grid-cols-1 tabletl:grid-cols-1 px-0 gap-0 tabletl:px-0 tabletl:gap-0 pt-0 tabletl:pt-0"> 3615 3616 <s-hero> 3617 <s-carousel class="section__hero-carousel block w-full relative" data-options='{ 3618 "slidesPerView": 1, 3619 "spaceBetween": 0, 3620 "grabCursor": true, 3621 "autoHeight": false, 3622 "effect": "fade", 3623 "fadeEffect": { "crossFade": true }, 3624 "loop": true, 3625 "autoplay": { 3626 "delay": 3000, 3627 "disableOnInteraction": true 3628 } 3629 }'> 3630 <div id="HeroCarousel-template--19357268639843__section_hero_nDETGM" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel> 3631 <div class="swiper-wrapper"> 3632 3633 <div class="swiper-slide" js-carousel-slide > 3634 <div id="shopify-block-ATEFNMndYb0ZFS2V5N__media_banner_j7D3mt" class="shopify-block"> 3635 3636 3637<div 3638 class="media-banner relative" 3639 style=" 3640 3641 3642 --aspect-mobile: 0.6; 3643 --aspect-desktop: 1.6; 3644 --content-width-mobile: 100%; 3645 --content-width-desktop: 100%; 3646 " 3647> 3648 3649 3650 3651 3652 3653 <link rel="preload" as="image" href="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1920" fetchpriority="high"> 3654 3655 3656 <s-video data-auto-play="true"> 3657 <div class="media-banner-container relative h-full"> 3658 3659 3660 3661 <div class="media-banner-media h-full tabletl:hidden"> 3662 3663 3664 3665 3666 3667 <picture class="lazypicture block w-full h-full"> 3668 3669 <img 3670 src="//beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=300" 3671 srcset="//beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_02_1.png?v=1789683592&width=1920 1920w" 3672 sizes="(min-width: 1024px) 100vw, 100vw" 3673 width="780" 3674 height="1300" 3675 loading="eager" 3676 decoding="async" 3677 3678 fetchpriority="high" 3679 3680 alt="" 3681 class="w-full h-full object-cover object-center" 3682 3683 > 3684 </picture> 3685 3686 3687 </div> 3688 3689 3690 <div class="media-banner-media h-full hidden tabletl:block"> 3691 3692 3693 3694 3695 3696 <picture class="lazypicture block w-full h-full"> 3697 3698 <img 3699 src="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=300" 3700 srcset="//beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DESKTOP_01_3.png?v=1789683592&width=1920 1920w" 3701 sizes="(min-width: 1024px) 100vw, 100vw" 3702 width="2880" 3703 height="1800" 3704 loading="eager" 3705 decoding="async" 3706 3707 fetchpriority="high" 3708 3709 alt="" 3710 class="w-full h-full object-cover object-center" 3711 3712 > 3713 </picture> 3714 3715 3716 </div> 3717 3718 3719 </div> 3720 </s-video> 3721 <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3721stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;"> 3722 3723 <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a> 3724 3725 <div class="media-banner-content-inner relative"> 3726 3727 3728<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32"> 3729 3730 <div class="flex flex-col gap-6 tabletl:gap-8"> 3731 3732 3733 <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;"> 3734 Meet Our New <br> Fall Hues. 3735 </p> 3736 3737 </div> 3738 3739 3740 3741 3742 3743 3744 <div 3745 class="relative z-[2] max-w-fit media-banner-cta__paddings" 3746 3747 style="--cta-padding-top-mobile: 0px; 3748 --cta-padding-right-mobile: 0px; 3749 --cta-padding-bottom-mobile: 0px; 3750 --cta-padding-left-mobile: 0px; 3751 --cta-padding-top-desktop: 0px; 3752 --cta-padding-right-desktop: 0px; 3753 --cta-padding-bottom-desktop: 0px; 3754 --cta-padding-left-desktop: 0px;" 3755 3756 > 3757 <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a> 3758 3759 </div> 3760 3761</div> 3762 3763 </div> 3764 </div> 3765</div> 3766 3767 3768 3769 3770</div> 3771 3772 </div> 3773 3774 <div class="swiper-slide" js-carousel-slide > 3775 <div id="shopify-block-ASUNVWi9NN2hRT2VJN__media_banner_AFbkmr" class="shopify-block"> 3776 3777 3778<div 3779 class="media-banner relative" 3780 style=" 3781 3782 3783 --aspect-mobile: 0.6; 3784 --aspect-desktop: 1.6; 3785 --content-width-mobile: 100%; 3786 --content-width-desktop: 100%; 3787 " 3788> 3789 3790 3791 3792 <s-video data-auto-play="false" data-lazy-load="true"> 3793 <div class="media-banner-container relative h-full"> 3794 3795 3796 3797 <div class="media-banner-media h-full tabletl:hidden"> 3798 3799 3800 3801 3802 3803 <picture class="lazypicture block w-full h-full"> 3804 3805 <img 3806 src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=300" 3807 srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_MO_03.png?v=1788555298&width=1920 1920w" 3808 sizes="(min-width: 1024px) 100vw, 100vw" 3809 width="780" 3810 height="1300" 3811 loading="lazy" 3812 decoding="async" 3813 3814 alt="" 3815 class="w-full h-full object-cover object-center" 3816 3817 > 3818 </picture> 3819 3820 3821 </div> 3822 3823 3824 <div class="media-banner-media h-full hidden tabletl:block"> 3825 3826 3827 3828 3829 3830 <picture class="lazypicture block w-full h-full"> 3831 3832 <img 3833 src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=300" 3834 srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_7.png?v=1789683441&width=1920 1920w" 3835 sizes="(min-width: 1024px) 100vw, 100vw" 3836 width="2880" 3837 height="1800" 3838 loading="lazy" 3839 decoding="async" 3840 3841 alt="" 3842 class="w-full h-full object-cover object-center" 3843 3844 > 3845 </picture> 3846 3847 3848 </div> 3849 3850 3851 </div> 3852 </s-video> 3853 <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3853stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;"> 3854 3855 <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a> 3856 3857 <div class="media-banner-content-inner relative"> 3858 3859 3860<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32"> 3861 3862 <div class="flex flex-col gap-6 tabletl:gap-8"> 3863 3864 3865 <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;"> 3866 Meet Our New <br> Fall Hues. 3867 </p> 3868 3869 </div> 3870 3871 3872 3873 3874 3875 3876 <div 3877 class="relative z-[2] max-w-fit media-banner-cta__paddings" 3878 3879 style="--cta-padding-top-mobile: 0px; 3880 --cta-padding-right-mobile: 0px; 3881 --cta-padding-bottom-mobile: 0px; 3882 --cta-padding-left-mobile: 0px; 3883 --cta-padding-top-desktop: 0px; 3884 --cta-padding-right-desktop: 0px; 3885 --cta-padding-bottom-desktop: 0px; 3886 --cta-padding-left-desktop: 0px;" 3887 3888 > 3889 <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a> 3890 3891 </div> 3892 3893</div> 3894 3895 </div> 3896 </div> 3897</div> 3898 3899 3900 3901 3902</div> 3903 3904 </div> 3905 3906 <div class="swiper-slide" js-carousel-slide > 3907 <div id="shopify-block-AZHZCcXF1dTFrR0JJc__media_banner_fejVhJ" class="shopify-block"> 3908 3909 3910<div 3911 class="media-banner relative" 3912 style=" 3913 3914 3915 --aspect-mobile: 0.6; 3916 --aspect-desktop: 1.6; 3917 --content-width-mobile: 100%; 3918 --content-width-desktop: 100%; 3919 " 3920> 3921 3922 3923 3924 <s-video data-auto-play="false" data-lazy-load="true"> 3925 <div class="media-banner-container relative h-full"> 3926 3927 3928 3929 <div class="media-banner-media h-full tabletl:hidden"> 3930 3931 3932 3933 3934 3935 <picture class="lazypicture block w-full h-full"> 3936 3937 <img 3938 src="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=300" 3939 srcset="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=300 300w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=600 600w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=750 750w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_M_01_1.png?v=1790896832&width=1920 1920w" 3940 sizes="(min-width: 1024px) 100vw, 100vw" 3941 width="780" 3942 height="1300" 3943 loading="lazy" 3944 decoding="async" 3945 3946 alt="" 3947 class="w-full h-full object-cover object-center" 3948 3949 > 3950 </picture> 3951 3952 3953 </div> 3954 3955 3956 <div class="media-banner-media h-full hidden tabletl:block"> 3957 3958 3959 3960 3961 3962 <picture class="lazypicture block w-full h-full"> 3963 3964 <img 3965 src="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=300" 3966 srcset="//beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=300 300w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=600 600w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=750 750w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MediaBanner_Cabernet_D_01.png?v=1790615072&width=1920 1920w" 3967 sizes="(min-width: 1024px) 100vw, 100vw" 3968 width="2880" 3969 height="1800" 3970 loading="lazy" 3971 decoding="async" 3972 3973 alt="" 3974 class="w-full h-full object-cover object-center" 3975 3976 > 3977 </picture> 3978 3979 3980 </div> 3981 3982 3983 </div> 3984 </s-video> 3985 <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
3985stify-center tabletl:items-start tabletl:text-left" style="color: #ffffff;"> 3986 3987 <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a> 3988 3989 <div class="media-banner-content-inner relative"> 3990 3991 3992<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32"> 3993 3994 <div class="flex flex-col gap-6 tabletl:gap-8"> 3995 3996 3997 <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;"> 3998 Meet Our New <br> Fall Hues. 3999 </p> 4000 4001 </div> 4002 4003 4004 4005 4006 4007 4008 <div 4009 class="relative z-[2] max-w-fit media-banner-cta__paddings" 4010 4011 style="--cta-padding-top-mobile: 0px; 4012 --cta-padding-right-mobile: 0px; 4013 --cta-padding-bottom-mobile: 0px; 4014 --cta-padding-left-mobile: 0px; 4015 --cta-padding-top-desktop: 0px; 4016 --cta-padding-right-desktop: 0px; 4017 --cta-padding-bottom-desktop: 0px; 4018 --cta-padding-left-desktop: 0px;" 4019 4020 > 4021 <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a> 4022 4023 </div> 4024 4025</div> 4026 4027 </div> 4028 </div> 4029</div> 4030 4031 4032 4033 4034</div> 4035 4036 </div> 4037 4038 <div class="swiper-slide" js-carousel-slide > 4039 <div id="shopify-block-AeU5qMjFLMWFVbG9qY__media_banner_gdXYJX" class="shopify-block"> 4040 4041 4042<div 4043 class="media-banner relative" 4044 style=" 4045 4046 4047 --aspect-mobile: 0.6; 4048 --aspect-desktop: 1.6; 4049 --content-width-mobile: 100%; 4050 --content-width-desktop: 100%; 4051 " 4052> 4053 4054 4055 4056 <s-video data-auto-play="false" data-lazy-load="true"> 4057 <div class="media-banner-container relative h-full"> 4058 4059 4060 4061 <div class="media-banner-media h-full tabletl:hidden"> 4062 4063 4064 4065 4066 4067 <picture class="lazypicture block w-full h-full"> 4068 4069 <img 4070 src="//beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=300" 4071 srcset="//beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_02_2.png?v=1790896313&width=1920 1920w" 4072 sizes="(min-width: 1024px) 100vw, 100vw" 4073 width="780" 4074 height="1300" 4075 loading="lazy" 4076 decoding="async" 4077 4078 alt="" 4079 class="w-full h-full object-cover object-center" 4080 4081 > 4082 </picture> 4083 4084 4085 </div> 4086 4087 4088 <div class="media-banner-media h-full hidden tabletl:block"> 4089 4090 4091 4092 4093 4094 <picture class="lazypicture block w-full h-full"> 4095 4096 <img 4097 src="//beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=300" 4098 srcset="//beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=300 300w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=600 600w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=750 750w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DESKTOP_02_1.png?v=1790896314&width=1920 1920w" 4099 sizes="(min-width: 1024px) 100vw, 100vw" 4100 width="2880" 4101 height="1800" 4102 loading="lazy" 4103 decoding="async" 4104 4105 alt="" 4106 class="w-full h-full object-cover object-center" 4107 4108 > 4109 </picture> 4110 4111 4112 </div> 4113 4114 4115 </div> 4116 </s-video> 4117 <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:ju
4117stify-center tabletl:items-start tabletl:text-left" style="color: #FFFFFF;"> 4118 4119 <a href="https://beyondyoga.com/collections/new-hue" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a> 4120 4121 <div class="media-banner-content-inner relative"> 4122 4123 4124<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32"> 4125 4126 <div class="flex flex-col gap-6 tabletl:gap-8"> 4127 4128 4129 <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;"> 4130 Meet Our New <br> Fall Hues. 4131 </p> 4132 4133 </div> 4134 4135 4136 4137 4138 4139 4140 <div 4141 class="relative z-[2] max-w-fit media-banner-cta__paddings" 4142 4143 style="--cta-padding-top-mobile: 0px; 4144 --cta-padding-right-mobile: 0px; 4145 --cta-padding-bottom-mobile: 0px; 4146 --cta-padding-left-mobile: 0px; 4147 --cta-padding-top-desktop: 0px; 4148 --cta-padding-right-desktop: 0px; 4149 --cta-padding-bottom-desktop: 0px; 4150 --cta-padding-left-desktop: 0px;" 4151 4152 > 4153 <a href="https://beyondyoga.com/collections/new-hue" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a> 4154 4155 </div> 4156 4157</div> 4158 4159 </div> 4160 </div> 4161</div> 4162 4163 4164 4165 4166</div> 4167 4168 </div> 4169 4170 </div> 4171 4172 </div> 4173 </s-carousel> 4174 </s-hero> 4175 4176 </div> 4177</section> 4178 4179</div><div id="shopify-section-template--19357268639843__section_product_carousel_tabbed_fL9VLL" class="shopify-section"> 4180 4181 4182<section class="section__product-carousel-tabbed flex flex-col gap-24 tabletl:gap-32 mt-24 mb-0 tabletl:mt-24 tabletl:mb-0 pt-0 pb-0 tabletl:pt-0 tabletl:pb-0"> 4183 <s-tabs class="section__product-carousel-tabbed-tabs"> 4184 4185 <div class="section__product-carousel-tabbed-header flex gap-18 tabletl:gap-24 flex-col tabletl:items-start px-24 tabletl:px-64"> 4186 <p class="section__product-carousel-tabbed-title f3">New Arrivals</p> 4187 </div> 4188 <div class="section__product-carousel-tabbed-tabs-container flex justify-between items-center pr-24 gap-24 whitespace-nowrap max-w-[100vw]"> 4189 <div class="section__product-carousel-tabbed-tabs-triggers tab__triggers flex flex-row gap-24 text-grey text-16 items-start px-24 tabletl:px-64 py-20 overflow-x-auto" role="tablist" aria-orientation="horizontal" js-tablist> 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 <button 4200 id="tab-collection_67EAGk-tab" 4201 class="tab__trigger" 4202 aria-controls="tab-collection_67EAGk-content-panel" 4203 role="tab" 4204 aria-selected="true" 4205 data-cta-url="/collections/new-arrivals" 4206 data-cta-text="VIEW ALL" 4207 data-cta-style="btn" 4208 js-tab 4209 > 4210 Women's 4211 </button> 4212 4213 4214 4215 4216 4217 4218 4219 <button 4220 id="tab-collection_6j7qr6-tab" 4221 class="tab__trigger" 4222 aria-controls="tab-collection_6j7qr6-content-panel" 4223 role="tab" 4224 aria-selected="false" 4225 data-cta-url="/collections/mens-new-arrivals" 4226 data-cta-text="VIEW ALL" 4227 data-cta-style="btn" 4228 js-tab 4229 > 4230 Men's 4231 </button> 4232 4233 4234 4235 </div> 4236 4237 4238 <a 4239 href="/collections/new-arrivals" 4240 class="section__product-carousel-tabbed-cta btn btn mb-0 tabletl:mb-10" 4241 js-tabbed-carousel-cta 4242 > 4243 VIEW ALL 4244 </a> 4245 4246 </div> 4247 4248 4249 4250 4251 4252 4253 4254 4255 4256<div 4257 id="tab-collection_67EAGk-content-panel" 4258 class="tab__panel" 4259 role="tabpanel" 4260 aria-labelledby="tab-collection_67EAGk-tab" 4261 aria-hidden="false" 4262 js-tab-panel 4263 > 4264 <s-carousel class="block relative" data-options='{ 4265 "slidesPerView": "auto", 4266 "spaceBetween": 6, 4267 "slidesOffsetBefore": 24, 4268 "slidesOffsetAfter": 24, 4269 "freeMode": true, 4270 "autoHeight": false, 4271 "loop": false, 4272 "navigation": { 4273 "enabled": true,
4274 "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]", 4275 "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1]" 4276 }, 4277 "breakpoints": { 4278 "1024": { 4279 "slidesPerView": "auto", 4280 "spaceBetween": 8, 4281 "slidesOffsetBefore": 64, 4282 "slidesOffsetAfter": 64 4283 } 4284 } 4285 }'> 4286 <div id="Carousel-collection_67EAGk" class="swiper grid grid-cols-1" js-carousel> 4287 <div class="swiper-wrapper"> 4288 4289 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 4290 <div class="collection-carousel__content h-full"> 4291 4292 4293<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="That Tracks Pant 29"" data-product-handle="that-tracks-pant-29-black-00aax-0000" data-swatch-carousel-disabled"> 4294 <div class="product-card__image-container relative"> 4295 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 4296 <!-- Swym Wishlist Plus EPI Button with default first variant --> 4297 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8094058807395 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8094058807395" data-variant-id="44429259014243" data-product-url="https://beyondyoga.com/products/that-tracks-pant-29-black-00aax-0000"> 4298 </button> 4299 <!-- Swym Wishlist Plus EPI Button--> 4300 4301 </div> 4302 4303 <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__image-link" js-produdct-card-link aria-label="That Tracks Pant 29""> 4304 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 4305 4306 4307 4308 4309 4310 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4311 4312 <img 4313 src="//beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=300" 4314 srcset="//beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=300 300w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=600 600w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=750 750w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1024 1024w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1280 1280w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1440 1440w, //beyondyoga.com/cdn/shop/files/00AAW-0002_10556.jpg?v=1785448914&width=1920 1920w" 4315 sizes="(min-width: 1024px) 25vw, 50vw" 4316 width="1884" 4317 height="2440" 4318 loading="lazy" 4319 decoding="async" 4320 4321 alt="That Tracks Pant 29"" 4322 class="w-full w-full h-full object-cover object-center" 4323 4324 > 4325 </picture> 4326 4327 4328 </div> 4329 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 4330 4331 4332 4333 4334 4335 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4336 4337 <img 4338 src="//beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=300" 4339 srcset="//beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_00AAW-0000_GLO_CM_FV_48a6d130-dcaf-4ab0-8408-ee85c82bb537.jpg?v=1789494216&width=1920 1920w" 4340 sizes="(min-width: 1024px) 25vw, 50vw" 4341 width="1884" 4342 height="2440" 4343 loading="lazy" 4344 decoding="async" 4345 4346 alt="That Tracks Pant 29"" 4347 class="w-full w-full h-full object-cover object-center" 4348 4349 > 4350 </picture> 4351 4352 4353 </div> 4354 </a> 4355 4356 4357 4358 4359 4360 4361 4362 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 4363 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 4364 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 4365 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 4366 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="that-tracks-pant-29-black-00aax-0000" js-product-card-options> 4367 4368 4369 4370 4371 4372 4373 <li class="product-swatch__label-container"> 4374 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4374ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="that-tracks-pant-29-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4375 XXS 4376 </button> 4377 </li> 4378 4379 4380 <li class="product-swatch__label-container"> 4381 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="that-tracks-pant-29-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4382 XS 4383 </button> 4384 </li> 4385 4386 4387 <li class="product-swatch__label-container"> 4388 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="that-tracks-pant-29-S" data-color="" role="button" data-value="S" aria-label="Add size:S of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4389 S 4390 </button> 4391 </li> 4392 4393 4394 <li class="product-swatch__label-container"> 4395 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="that-tracks-pant-29-M" data-color="" role="button" data-value="M" aria-label="Add size:M of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4396 M 4397 </button> 4398 </li> 4399 4400 4401 <li class="product-swatch__label-container"> 4402 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="that-tracks-pant-29-L" data-color="" role="button" data-value="L" aria-label="Add size:L of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4403 L 4404 </button> 4405 </li> 4406 4407 4408 <li class="product-swatch__label-container"> 4409 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="that-tracks-pant-29-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of That Tracks Pant 29" with color: to cart" js-product-card-quick-add-swatch> 4410 XL 4411 </button> 4412 </li> 4413 4414 4415 4416 </ul> 4417 </div> 4418 </div> 4419 4420 <select class="product-card__select hidden" js-product-card-select> 4421 4422 <option value="44429259014243" 4423 data-title="Black / XXS" 4424 selected 4425 > 4426 Black / XXS 4427 </option> 4428 4429 <option value="44429259047011" 4430 data-title="Black / XS" 4431 4432 disabled="disabled"> 4433 Black / XS 4434 </option> 4435 4436 <option value="44429259079779" 4437 data-title="Black / S" 4438 4439 disabled="disabled"> 4440 Black / S 4441 </option> 4442 4443 <option value="44429259112547" 4444 data-title="Black / M" 4445 4446 > 4447 Black / M 4448 </option> 4449 4450 <option value="44429259145315" 4451 data-title="Black / L" 4452 4453 > 4454 Black / L 4455 </option> 4456 4457 <option value="44429259178083" 4458 data-title="Black / XL" 4459 4460 > 4461 Black / XL 4462 </option> 4463 4464 </select> 4465 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for That Tracks Pant 29"" js-quickshop-trigger> 4466 QUICK VIEW 4467 </button> 4468 4469 4470 </div> 4471 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 4472 data-handle="that-tracks-pant-29-black-00aax-0000" 4473 data-collection="" 4474 data-core="swatch-collection-core-non-sale" 4475 data-seasonal="swatch-collection-non-sale" 4476 data-group="YGroup_TE1347S" 4477 js-product-card-swatch-container> 4478 <fieldset> 4479 <legend id="product-card-swatch-legend-that-tracks-pant-29-black-00aax-0000" class="visually-hidden">That Tracks Pant 29" - Color Options</legend> 4480 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-that-tracks-pant-29-black-00aax-0000" js-swatch-carousel> 4481 <!-- SWATCHES RENDER HERE --> 4482 </div> 4483 </fieldset> 4484 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 4485 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4486 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4487<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 4488</svg> 4489</span> 4490 </button> 4491 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 4492 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4493<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 4494</svg> 4495</span> 4496 </button> 4497 </div> 4498 <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="That Tracks Pant 29" Colors" js-product-card-swatch-count js-produdct-card-link></a> 4499 </div> 4500 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 4501 4502 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 4503 NEW ARRIVAL 4504 </p> 4505 4506 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 4507 <a href="/products/that-tracks-pant-29-black-00aax-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 4508 <h3 class="f0">That Tracks Pant 29"</h3> 4509 </a> 4510 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 4511 4512 4513 <span class="product-card__price product-card__price--current ">$148.00</span> 4514 4515 </div> 4516 4517 </div> 4518 4519 </div> 4520</product-card> 4521 </div> 4522 </div> 4523 4524 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 4525 <div class="collection-carousel__content h-full"> 4526 4527 4528<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Unity Zip Jacket" data-product-handle="unity-zip-jacket-cabernet-007gh-0003" data-swatch-carousel-disabled"> 4529 <div class="product-card__image-container relative"> 4530 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 4531 <!-- Swym Wishlist Plus EPI Button with default first variant --> 4532 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129111261283 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129111261283" data-variant-id="44543203934307" data-product-url="https://beyondyoga.com/products/unity-zip-jacket-cabernet-007gh-0003"> 4533 </button> 4534 <!-- Swym Wishlist Plus EPI Button--> 4535 4536 </div> 4537 4538 <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__image-link" js-produdct-card-link aria-label="Unity Zip Jacket"> 4539 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 4540 4541 4542 4543 4544 4545 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4546 4547 <img 4548 src="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=300" 4549 srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1024 1024
4549w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_FV.jpg?v=1788299544&width=1920 1920w" 4550 sizes="(min-width: 1024px) 25vw, 50vw" 4551 width="1884" 4552 height="2440" 4553 loading="lazy" 4554 decoding="async" 4555 4556 alt="Unity Zip Jacket" 4557 class="w-full w-full h-full object-cover object-center" 4558 4559 > 4560 </picture> 4561 4562 4563 </div> 4564 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 4565 4566 4567 4568 4569 4570 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4571 4572 <img 4573 src="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=300" 4574 srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0003_GLO_CM_BV.jpg?v=1788299544&width=1920 1920w" 4575 sizes="(min-width: 1024px) 25vw, 50vw" 4576 width="1884" 4577 height="2440" 4578 loading="lazy" 4579 decoding="async" 4580 4581 alt="Unity Zip Jacket" 4582 class="w-full w-full h-full object-cover object-center" 4583 4584 > 4585 </picture> 4586 4587 4588 </div> 4589 </a> 4590 4591 4592 4593 4594 4595 4596 4597 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 4598 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 4599 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 4600 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 4601 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="unity-zip-jacket-cabernet-007gh-0003" js-product-card-options> 4602 4603 4604 4605 4606 4607 4608 <li class="product-swatch__label-container"> 4609 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="unity-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4610 XXS 4611 </button> 4612 </li> 4613 4614 4615 <li class="product-swatch__label-container"> 4616 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4616ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4617 XS 4618 </button> 4619 </li> 4620 4621 4622 <li class="product-swatch__label-container"> 4623 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4624 S 4625 </button> 4626 </li> 4627 4628 4629 <li class="product-swatch__label-container"> 4630 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4631 M 4632 </button> 4633 </li> 4634 4635 4636 <li class="product-swatch__label-container"> 4637 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4638 L 4639 </button> 4640 </li> 4641 4642 4643 <li class="product-swatch__label-container"> 4644 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4645 XL 4646 </button> 4647 </li> 4648 4649 4650 <li class="product-swatch__label-container"> 4651 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4652 XXL 4653 </button> 4654 </li> 4655 4656 4657 4658 </ul> 4659 </div> 4660 </div> 4661 4662 <select class="product-card__select hidden" js-product-card-select> 4663 4664 <option value="44543203934307" 4665 data-title="Cabernet / XXS" 4666 selected 4667 disabled="disabled"> 4668 Cabernet / XXS 4669 </option> 4670 4671 <option value="44543200526435" 4672 data-title="Cabernet / XS" 4673 4674 > 4675 Cabernet / XS 4676 </option> 4677 4678 <option value="44543200559203" 4679 data-title="Cabernet / S" 4680 4681 > 4682 Cabernet / S 4683 </option> 4684 4685 <option value="44543200591971" 4686 data-title="Cabernet / M" 4687 4688 > 4689 Cabernet / M 4690 </option> 4691 4692 <option value="44543200624739" 4693 data-title="Cabernet / L" 4694 4695 > 4696 Cabernet / L 4697 </option> 4698 4699 <option value="44543200657507" 4700 data-title="Cabernet / XL" 4701 4702 > 4703 Cabernet / XL 4704 </option> 4705 4706 <option value="44543203967075" 4707 data-title="Cabernet / XXL" 4708 4709 > 4710 Cabernet / XXL 4711 </option> 4712 4713 </select> 4714 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Unity Zip Jacket" js-quickshop-trigger> 4715 QUICK VIEW 4716 </button> 4717 4718 4719 </div> 4720 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 4721 data-handle="unity-zip-jacket-cabernet-007gh-0003" 4722 data-collection="" 4723 data-core="swatch-collection-core-non-sale" 4724 data-seasonal="swatch-collection-non-sale" 4725 data-group="YGroup_QC2303" 4726 js-product-card-swatch-container> 4727 <fieldset> 4728 <legend id="product-card-swatch-legend-unity-zip-jacket-cabernet-007gh-0003" class="visually-hidden">Unity Zip Jacket - Color Options</legend> 4729 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-zip-jacket-cabernet-007gh-0003" js-swatch-carousel> 4730 <!-- SWATCHES RENDER HERE --> 4731 </div> 4732 </fieldset> 4733 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 4734 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4735 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4736<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 4737</svg> 4738</span> 4739 </button> 4740 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 4741 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4742<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 4743</svg> 4744</span> 4745 </button> 4746 </div> 4747 <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 4748 </div> 4749 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 4750 4751 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 4752 <a href="/products/unity-zip-jacket-cabernet-007gh-0003" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 4753 <h3 class="f0">Unity Zip Jacket</h3> 4754 </a> 4755 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 4756 4757 4758 <span class="product-card__price product-card__price--current ">$178.00</span> 4759 4760 </div> 4761 4762 </div> 4763 4764 </div> 4765</product-card> 4766 </div> 4767 </div> 4768 4769 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 4770 <div class="collection-carousel__content h-full"> 4771 4772 4773<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="LuxeFleece 2.0⢠Hooded Full-Zip Jacket" data-product-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" data-swatch-carousel-disabled"> 4774 <div class="product-card__image-container relative"> 4775 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 4776 <!-- Swym Wishlist Plus EPI Button with default first variant --> 4777 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8054801072227 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8054801072227" data-variant-id="44323327508579" data-product-url="https://beyondyoga.com/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004"> 4778 </button> 4779 <!-- Swym Wishlist Plus EPI Button--> 4780 4781 </div> 4782 4783 <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__image-link" js-produdct-card-link aria-label="LuxeFleece 2.0⢠Hooded Full-Zip Jacket"> 4784 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 4785 4786 4787 4788 4789 4790 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4791 4792 <img 4793 src="//beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=300" 4794 srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024
4794w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0056_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w" 4795 sizes="(min-width: 1024px) 25vw, 50vw" 4796 width="1884" 4797 height="2440" 4798 loading="lazy" 4799 decoding="async" 4800 4801 alt="LuxeFleece 2.0⢠Hooded Full-Zip Jacket" 4802 class="w-full w-full h-full object-cover object-center" 4803 4804 > 4805 </picture> 4806 4807 4808 </div> 4809 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 4810 4811 4812 4813 4814 4815 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 4816 4817 <img 4818 src="//beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=300" 4819 srcset="//beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABB-0004_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w" 4820 sizes="(min-width: 1024px) 25vw, 50vw" 4821 width="1884" 4822 height="2440" 4823 loading="lazy" 4824 decoding="async" 4825 4826 alt="LuxeFleece 2.0⢠Hooded Full-Zip Jacket" 4827 class="w-full w-full h-full object-cover object-center" 4828 4829 > 4830 </picture> 4831 4832 4833 </div> 4834 </a> 4835 4836 4837 4838 4839 4840 4841 4842 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 4843 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 4844 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 4845 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 4846 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" js-product-card-options> 4847 4848 4849 4850 4851 4852 4853 <li class="product-swatch__label-container"> 4854 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4855 XXS 4856 </button> 4857 </li> 4858 4859 4860 <li class="product-swatch__label-container"> 4861 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
4861ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4862 XS 4863 </button> 4864 </li> 4865 4866 4867 <li class="product-swatch__label-container"> 4868 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4869 S 4870 </button> 4871 </li> 4872 4873 4874 <li class="product-swatch__label-container"> 4875 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4876 M 4877 </button> 4878 </li> 4879 4880 4881 <li class="product-swatch__label-container"> 4882 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4883 L 4884 </button> 4885 </li> 4886 4887 4888 <li class="product-swatch__label-container"> 4889 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4890 XL 4891 </button> 4892 </li> 4893 4894 4895 <li class="product-swatch__label-container"> 4896 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxefleece-2-0â¢-hooded-full-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of LuxeFleece 2.0⢠Hooded Full-Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 4897 XXL 4898 </button> 4899 </li> 4900 4901 4902 4903 </ul> 4904 </div> 4905 </div> 4906 4907 <select class="product-card__select hidden" js-product-card-select> 4908 4909 <option value="44323327508579" 4910 data-title="Heather Gray / XXS" 4911 selected 4912 > 4913 Heather Gray / XXS 4914 </option> 4915 4916 <option value="44323327541347" 4917 data-title="Heather Gray / XS" 4918 4919 > 4920 Heather Gray / XS 4921 </option> 4922 4923 <option value="44323327574115" 4924 data-title="Heather Gray / S" 4925 4926 > 4927 Heather Gray / S 4928 </option> 4929 4930 <option value="44323327606883" 4931 data-title="Heather Gray / M" 4932 4933 > 4934 Heather Gray / M 4935 </option> 4936 4937 <option value="44323327639651" 4938 data-title="Heather Gray / L" 4939 4940 > 4941 Heather Gray / L 4942 </option> 4943 4944 <option value="44323327672419" 4945 data-title="Heather Gray / XL" 4946 4947 > 4948 Heather Gray / XL 4949 </option> 4950 4951 <option value="44323327705187" 4952 data-title="Heather Gray / XXL" 4953 4954 > 4955 Heather Gray / XXL 4956 </option> 4957 4958 </select> 4959 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for LuxeFleece 2.0⢠Hooded Full-Zip Jacket" js-quickshop-trigger> 4960 QUICK VIEW 4961 </button> 4962 4963 4964 </div> 4965 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 4966 data-handle="luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" 4967 data-collection="" 4968 data-core="swatch-collection-core-non-sale" 4969 data-seasonal="swatch-collection-non-sale" 4970 data-group="YGroup_CC2348" 4971 js-product-card-swatch-container> 4972 <fieldset> 4973 <legend id="product-card-swatch-legend-luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="visually-hidden">LuxeFleece 2.0⢠Hooded Full-Zip Jacket - Color Options</legend> 4974 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" js-swatch-carousel> 4975 <!-- SWATCHES RENDER HERE --> 4976 </div> 4977 </fieldset> 4978 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 4979 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
4980 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4981<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 4982</svg> 4983</span> 4984 </button> 4985 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 4986 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4987<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 4988</svg> 4989</span> 4990 </button> 4991 </div> 4992 <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="LuxeFleece 2.0⢠Hooded Full-Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 4993 </div> 4994 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 4995 4996 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 4997 NEW ARRIVAL 4998 </p> 4999 5000 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 5001 <a href="/products/luxefleece-2-0-hooded-full-zip-jacket-heather-gray-00abb-0004" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 5002 <h3 class="f0">LuxeFleece 2.0⢠Hooded Full-Zip Jacket</h3> 5003 </a> 5004 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 5005 5006 5007 <span class="product-card__price product-card__price--current ">$138.00</span> 5008 5009 </div> 5010 5011 </div> 5012 5013 </div> 5014</product-card> 5015 </div> 5016 </div> 5017 5018 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 5019 <div class="collection-carousel__content h-full"> 5020 5021 5022<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye⢠Forever Tank" data-product-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" data-swatch-carousel-disabled"> 5023 <div class="product-card__image-container relative"> 5024 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 5025 <!-- Swym Wishlist Plus EPI Button with default first variant --> 5026 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8112603627619 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8112603627619" data-variant-id="44488667136099" data-product-url="https://beyondyoga.com/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080"> 5027 </button> 5028 <!-- Swym Wishlist Plus EPI Button--> 5029 5030 </div> 5031 5032 <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye⢠Forever Tank"> 5033 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 5034 5035 5036 5037 5038 5039 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5040 5041 <img 5042 src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=300" 5043 srcset="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1024 1024
5043w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_FV.jpg?v=1788828767&width=1920 1920w" 5044 sizes="(min-width: 1024px) 25vw, 50vw" 5045 width="1884" 5046 height="2440" 5047 loading="lazy" 5048 decoding="async" 5049 5050 alt="Spacedye⢠Forever Tank" 5051 class="w-full w-full h-full object-cover object-center" 5052 5053 > 5054 </picture> 5055 5056 5057 </div> 5058 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 5059 5060 5061 5062 5063 5064 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5065 5066 <img 5067 src="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=300" 5068 srcset="//beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007KU-0080_GLO_CM_BV.jpg?v=1788828767&width=1920 1920w" 5069 sizes="(min-width: 1024px) 25vw, 50vw" 5070 width="1884" 5071 height="2440" 5072 loading="lazy" 5073 decoding="async" 5074 5075 alt="Spacedye⢠Forever Tank" 5076 class="w-full w-full h-full object-cover object-center" 5077 5078 > 5079 </picture> 5080 5081 5082 </div> 5083 </a> 5084 5085 5086 5087 5088 5089 5090 5091 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 5092 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 5093 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 5094 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 5095 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" js-product-card-options> 5096 5097 5098 5099 5100 5101 5102 <li class="product-swatch__label-container"> 5103 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5104 XXS 5105 </button> 5106 </li> 5107 5108 5109 <li class="product-swatch__label-container"> 5110 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5110ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5111 XS 5112 </button> 5113 </li> 5114 5115 5116 <li class="product-swatch__label-container"> 5117 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5118 S 5119 </button> 5120 </li> 5121 5122 5123 <li class="product-swatch__label-container"> 5124 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5125 M 5126 </button> 5127 </li> 5128 5129 5130 <li class="product-swatch__label-container"> 5131 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5132 L 5133 </button> 5134 </li> 5135 5136 5137 <li class="product-swatch__label-container"> 5138 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5139 XL 5140 </button> 5141 </li> 5142 5143 5144 <li class="product-swatch__label-container"> 5145 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-forever-tank-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye⢠Forever Tank with color: to cart" js-product-card-quick-add-swatch> 5146 XXL 5147 </button> 5148 </li> 5149 5150 5151 5152 </ul> 5153 </div> 5154 </div> 5155 5156 <select class="product-card__select hidden" js-product-card-select> 5157 5158 <option value="44488667136099" 5159 data-title="Darkest Night/Cloud White / XXS" 5160 selected 5161 > 5162 Darkest Night/Cloud White / XXS 5163 </option> 5164 5165 <option value="44488667168867" 5166 data-title="Darkest Night/Cloud White / XS" 5167 5168 > 5169 Darkest Night/Cloud White / XS 5170 </option> 5171 5172 <option value="44488667201635" 5173 data-title="Darkest Night/Cloud White / S" 5174 5175 > 5176 Darkest Night/Cloud White / S 5177 </option> 5178 5179 <option value="44488667234403" 5180 data-title="Darkest Night/Cloud White / M" 5181 5182 > 5183 Darkest Night/Cloud White / M 5184 </option> 5185 5186 <option value="44488667267171" 5187 data-title="Darkest Night/Cloud White / L" 5188 5189 > 5190 Darkest Night/Cloud White / L 5191 </option> 5192 5193 <option value="44488667299939" 5194 data-title="Darkest Night/Cloud White / XL" 5195 5196 > 5197 Darkest Night/Cloud White / XL 5198 </option> 5199 5200 <option value="44488667332707" 5201 data-title="Darkest Night/Cloud White / XXL" 5202 5203 > 5204 Darkest Night/Cloud White / XXL 5205 </option> 5206 5207 </select> 5208 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye⢠Forever Tank" js-quickshop-trigger> 5209 QUICK VIEW 5210 </button> 5211 5212 5213 </div> 5214 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 5215 data-handle="spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" 5216 data-collection="" 5217 data-core="swatch-collection-core-non-sale" 5218 data-seasonal="swatch-collection-non-sale" 5219 data-group="YGroup_SD4746" 5220 js-product-card-swatch-container> 5221 <fieldset> 5222 <legend id="product-card-swatch-legend-spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="visually-hidden">Spacedye⢠Forever Tank - Color Options</legend> 5223 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" js-swatch-carousel> 5224 <!-- SWATCHES RENDER HERE --> 5225 </div> 5226 </fieldset> 5227 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 5228 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5229 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5230<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 5231</svg> 5232</span> 5233 </button> 5234 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 5235 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5236<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 5237</svg> 5238</span> 5239 </button> 5240 </div> 5241 <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye⢠Forever Tank Colors" js-product-card-swatch-count js-produdct-card-link></a> 5242 </div> 5243 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 5244 5245 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 5246 <a href="/products/spacedye-forever-tank-darkest-night-cloud-white-007ku-0080" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 5247 <h3 class="f0">Spacedye⢠Forever Tank</h3> 5248 </a> 5249 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 5250 5251 5252 <span class="product-card__price product-card__price--current ">$74.00</span> 5253 5254 </div> 5255 5256 </div> 5257 5258 </div> 5259</product-card> 5260 </div> 5261 </div> 5262 5263 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 5264 <div class="collection-carousel__content h-full"> 5265 5266 5267<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Reversible Jacket" data-product-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" data-swatch-carousel-disabled"> 5268 <div class="product-card__image-container relative"> 5269 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 5270 <!-- Swym Wishlist Plus EPI Button with default first variant --> 5271 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8127044976739 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127044976739" data-variant-id="44536331305059" data-product-url="https://beyondyoga.com/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000"> 5272 </button> 5273 <!-- Swym Wishlist Plus EPI Button--> 5274 5275 </div> 5276 5277 <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Reversible Jacket"> 5278 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 5279 5280 5281 5282 5283 5284 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5285 5286 <img 5287 src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=300" 5288 srcset="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1024 1024
5288w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CMK_A1.jpg?v=1789774556&width=1920 1920w" 5289 sizes="(min-width: 1024px) 25vw, 50vw" 5290 width="1884" 5291 height="2440" 5292 loading="lazy" 5293 decoding="async" 5294 5295 alt="Roam Quilted Reversible Jacket" 5296 class="w-full w-full h-full object-cover object-center" 5297 5298 > 5299 </picture> 5300 5301 5302 </div> 5303 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 5304 5305 5306 5307 5308 5309 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5310 5311 <img 5312 src="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=300" 5313 srcset="//beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00ABG-0000_GLO_CM_SV_3399f5b6-c13b-4374-87d9-fef9b11b295c.jpg?v=1789749535&width=1920 1920w" 5314 sizes="(min-width: 1024px) 25vw, 50vw" 5315 width="1884" 5316 height="2440" 5317 loading="lazy" 5318 decoding="async" 5319 5320 alt="Roam Quilted Reversible Jacket" 5321 class="w-full w-full h-full object-cover object-center" 5322 5323 > 5324 </picture> 5325 5326 5327 </div> 5328 </a> 5329 5330 5331 5332 5333 5334 5335 5336 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 5337 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 5338 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 5339 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 5340 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" js-product-card-options> 5341 5342 5343 5344 5345 5346 5347 <li class="product-swatch__label-container"> 5348 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5349 XXS 5350 </button> 5351 </li> 5352 5353 5354 <li class="product-swatch__label-container"> 5355 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5355ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5356 XS 5357 </button> 5358 </li> 5359 5360 5361 <li class="product-swatch__label-container"> 5362 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5363 S 5364 </button> 5365 </li> 5366 5367 5368 <li class="product-swatch__label-container"> 5369 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5370 M 5371 </button> 5372 </li> 5373 5374 5375 <li class="product-swatch__label-container"> 5376 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5377 L 5378 </button> 5379 </li> 5380 5381 5382 <li class="product-swatch__label-container"> 5383 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-reversible-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Reversible Jacket with color: to cart" js-product-card-quick-add-swatch> 5384 XL 5385 </button> 5386 </li> 5387 5388 5389 5390 </ul> 5391 </div> 5392 </div> 5393 5394 <select class="product-card__select hidden" js-product-card-select> 5395 5396 <option value="44536331305059" 5397 data-title="Bone/Riverbed / XXS" 5398 selected 5399 > 5400 Bone/Riverbed / XXS 5401 </option> 5402 5403 <option value="44536331337827" 5404 data-title="Bone/Riverbed / XS" 5405 5406 > 5407 Bone/Riverbed / XS 5408 </option> 5409 5410 <option value="44536331370595" 5411 data-title="Bone/Riverbed / S" 5412 5413 > 5414 Bone/Riverbed / S 5415 </option> 5416 5417 <option value="44536331403363" 5418 data-title="Bone/Riverbed / M" 5419 5420 > 5421 Bone/Riverbed / M 5422 </option> 5423 5424 <option value="44536331436131" 5425 data-title="Bone/Riverbed / L" 5426 5427 > 5428 Bone/Riverbed / L 5429 </option> 5430 5431 <option value="44536331468899" 5432 data-title="Bone/Riverbed / XL" 5433 5434 > 5435 Bone/Riverbed / XL 5436 </option> 5437 5438 </select> 5439 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Reversible Jacket" js-quickshop-trigger> 5440 QUICK VIEW 5441 </button> 5442 5443 5444 </div> 5445 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 5446 data-handle="roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" 5447 data-collection="" 5448 data-core="swatch-collection-core-non-sale" 5449 data-seasonal="swatch-collection-non-sale" 5450 data-group="YGroup_LD2288" 5451 js-product-card-swatch-container> 5452 <fieldset> 5453 <legend id="product-card-swatch-legend-roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="visually-hidden">Roam Quilted Reversible Jacket - Color Options</legend> 5454 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" js-swatch-carousel> 5455 <!-- SWATCHES RENDER HERE --> 5456 </div> 5457 </fieldset> 5458 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 5459 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5460 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5461<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 5462</svg> 5463</span> 5464 </button> 5465 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 5466 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5467<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 5468</svg> 5469</span> 5470 </button> 5471 </div> 5472 <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Reversible Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 5473 </div> 5474 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 5475 5476 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 5477 <a href="/products/roam-quilted-reversible-jacket-bone-riverbed-00abg-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 5478 <h3 class="f0">Roam Quilted Reversible Jacket</h3> 5479 </a> 5480 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 5481 5482 5483 <span class="product-card__price product-card__price--current ">$248.00</span> 5484 5485 </div> 5486 5487 </div> 5488 5489 </div> 5490</product-card> 5491 </div> 5492 </div> 5493 5494 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 5495 <div class="collection-carousel__content h-full"> 5496 5497 5498<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye⢠Caught In The Midi High Waisted Legging" data-product-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" data-swatch-carousel-disabled"> 5499 <div class="product-card__image-container relative"> 5500 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 5501 <!-- Swym Wishlist Plus EPI Button with default first variant --> 5502 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8126104076387 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8126104076387" data-variant-id="44529168253027" data-product-url="https://beyondyoga.com/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085"> 5503 </button> 5504 <!-- Swym Wishlist Plus EPI Button--> 5505 5506 </div> 5507 5508 <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye⢠Caught In The Midi High Waisted Legging"> 5509 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 5510 5511 5512 5513 5514 5515 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5516 5517 <img 5518 src="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=300" 5519 srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1024 1024
5519w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_FV.jpg?v=1787958424&width=1920 1920w" 5520 sizes="(min-width: 1024px) 25vw, 50vw" 5521 width="1884" 5522 height="2440" 5523 loading="lazy" 5524 decoding="async" 5525 5526 alt="Spacedye⢠Caught In The Midi High Waisted Legging" 5527 class="w-full w-full h-full object-cover object-center" 5528 5529 > 5530 </picture> 5531 5532 5533 </div> 5534 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 5535 5536 5537 5538 5539 5540 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5541 5542 <img 5543 src="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=300" 5544 srcset="//beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J2-0085_GLO_CM_SV.jpg?v=1787958423&width=1920 1920w" 5545 sizes="(min-width: 1024px) 25vw, 50vw" 5546 width="1884" 5547 height="2440" 5548 loading="lazy" 5549 decoding="async" 5550 5551 alt="Spacedye⢠Caught In The Midi High Waisted Legging" 5552 class="w-full w-full h-full object-cover object-center" 5553 5554 > 5555 </picture> 5556 5557 5558 </div> 5559 </a> 5560 5561 5562 5563 5564 5565 5566 5567 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 5568 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 5569 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 5570 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 5571 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" js-product-card-options> 5572 5573 5574 5575 5576 5577 5578 <li class="product-swatch__label-container"> 5579 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5580 XXS 5581 </button> 5582 </li> 5583 5584 5585 <li class="product-swatch__label-container"> 5586 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5586ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5587 XS 5588 </button> 5589 </li> 5590 5591 5592 <li class="product-swatch__label-container"> 5593 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5594 S 5595 </button> 5596 </li> 5597 5598 5599 <li class="product-swatch__label-container"> 5600 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5601 M 5602 </button> 5603 </li> 5604 5605 5606 <li class="product-swatch__label-container"> 5607 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5608 L 5609 </button> 5610 </li> 5611 5612 5613 <li class="product-swatch__label-container"> 5614 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5615 XL 5616 </button> 5617 </li> 5618 5619 5620 <li class="product-swatch__label-container"> 5621 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="spacedyeâ¢-caught-in-the-midi-high-waisted-legging-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye⢠Caught In The Midi High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 5622 XXL 5623 </button> 5624 </li> 5625 5626 5627 5628 </ul> 5629 </div> 5630 </div> 5631 5632 <select class="product-card__select hidden" js-product-card-select> 5633 5634 <option value="44529168253027" 5635 data-title="Cabernet Heather / XXS" 5636 selected 5637 > 5638 Cabernet Heather / XXS 5639 </option> 5640 5641 <option value="44529168285795" 5642 data-title="Cabernet Heather / XS" 5643 5644 > 5645 Cabernet Heather / XS 5646 </option> 5647 5648 <option value="44529168318563" 5649 data-title="Cabernet Heather / S" 5650 5651 > 5652 Cabernet Heather / S 5653 </option> 5654 5655 <option value="44529168351331" 5656 data-title="Cabernet Heather / M" 5657 5658 > 5659 Cabernet Heather / M 5660 </option> 5661 5662 <option value="44529168384099" 5663 data-title="Cabernet Heather / L" 5664 5665 > 5666 Cabernet Heather / L 5667 </option> 5668 5669 <option value="44529168416867" 5670 data-title="Cabernet Heather / XL" 5671 5672 > 5673 Cabernet Heather / XL 5674 </option> 5675 5676 <option value="44529168449635" 5677 data-title="Cabernet Heather / XXL" 5678 5679 disabled="disabled"> 5680 Cabernet Heather / XXL 5681 </option> 5682 5683 </select> 5684 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye⢠Caught In The Midi High Waisted Legging" js-quickshop-trigger> 5685 QUICK VIEW 5686 </button> 5687 5688 5689 </div> 5690 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 5691 data-handle="spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" 5692 data-collection="" 5693 data-core="swatch-collection-core-non-sale" 5694 data-seasonal="swatch-collection-non-sale" 5695 data-group="YGroup_SD3243" 5696 js-product-card-swatch-container> 5697 <fieldset> 5698 <legend id="product-card-swatch-legend-spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="visually-hidden">Spacedye⢠Caught In The Midi High Waisted Legging - Color Options</legend> 5699 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" js-swatch-carousel> 5700 <!-- SWATCHES RENDER HERE --> 5701 </div> 5702 </fieldset> 5703 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 5704 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
5705 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5706<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 5707</svg> 5708</span> 5709 </button> 5710 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 5711 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5712<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 5713</svg> 5714</span> 5715 </button> 5716 </div> 5717 <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye⢠Caught In The Midi High Waisted Legging Colors" js-product-card-swatch-count js-produdct-card-link></a> 5718 </div> 5719 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 5720 5721 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 5722 <a href="/products/spacedye-caught-in-the-midi-high-waisted-legging-cabernet-heather-007j2-0085" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 5723 <h3 class="f0">Spacedye⢠Caught In The Midi High Waisted Legging</h3> 5724 </a> 5725 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 5726 5727 5728 <span class="product-card__price product-card__price--current ">$99.00</span> 5729 5730 </div> 5731 5732 </div> 5733 5734 </div> 5735</product-card> 5736 </div> 5737 </div> 5738 5739 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 5740 <div class="collection-carousel__content h-full"> 5741 5742 5743<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Unity Zip Jacket" data-product-handle="unity-zip-jacket-mineral-blue-007gh-0004" data-swatch-carousel-disabled"> 5744 <div class="product-card__image-container relative"> 5745 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 5746 <!-- Swym Wishlist Plus EPI Button with default first variant --> 5747 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129114472547 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129114472547" data-variant-id="44543205212259" data-product-url="https://beyondyoga.com/products/unity-zip-jacket-mineral-blue-007gh-0004"> 5748 </button> 5749 <!-- Swym Wishlist Plus EPI Button--> 5750 5751 </div> 5752 5753 <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__image-link" js-produdct-card-link aria-label="Unity Zip Jacket"> 5754 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 5755 5756 5757 5758 5759 5760 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5761 5762 <img 5763 src="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=300" 5764 srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1024 1024
5764w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CMK_A1.jpg?v=1789732160&width=1920 1920w" 5765 sizes="(min-width: 1024px) 25vw, 50vw" 5766 width="1884" 5767 height="2440" 5768 loading="lazy" 5769 decoding="async" 5770 5771 alt="Unity Zip Jacket" 5772 class="w-full w-full h-full object-cover object-center" 5773 5774 > 5775 </picture> 5776 5777 5778 </div> 5779 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 5780 5781 5782 5783 5784 5785 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 5786 5787 <img 5788 src="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=300" 5789 srcset="//beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_007GH-0004_GLO_CM_D1.jpg?v=1788300186&width=1920 1920w" 5790 sizes="(min-width: 1024px) 25vw, 50vw" 5791 width="1884" 5792 height="2440" 5793 loading="lazy" 5794 decoding="async" 5795 5796 alt="Unity Zip Jacket" 5797 class="w-full w-full h-full object-cover object-center" 5798 5799 > 5800 </picture> 5801 5802 5803 </div> 5804 </a> 5805 5806 5807 5808 5809 5810 5811 5812 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 5813 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 5814 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 5815 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 5816 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="unity-zip-jacket-mineral-blue-007gh-0004" js-product-card-options> 5817 5818 5819 5820 5821 5822 5823 <li class="product-swatch__label-container"> 5824 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5825 XXS 5826 </button> 5827 </li> 5828 5829 5830 <li class="product-swatch__label-container"> 5831 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
5831ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5832 XS 5833 </button> 5834 </li> 5835 5836 5837 <li class="product-swatch__label-container"> 5838 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5839 S 5840 </button> 5841 </li> 5842 5843 5844 <li class="product-swatch__label-container"> 5845 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5846 M 5847 </button> 5848 </li> 5849 5850 5851 <li class="product-swatch__label-container"> 5852 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5853 L 5854 </button> 5855 </li> 5856 5857 5858 <li class="product-swatch__label-container"> 5859 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5860 XL 5861 </button> 5862 </li> 5863 5864 5865 <li class="product-swatch__label-container"> 5866 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="unity-zip-jacket-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Unity Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 5867 XXL 5868 </button> 5869 </li> 5870 5871 5872 5873 </ul> 5874 </div> 5875 </div> 5876 5877 <select class="product-card__select hidden" js-product-card-select> 5878 5879 <option value="44543205212259" 5880 data-title="Mineral Blue / XXS" 5881 selected 5882 > 5883 Mineral Blue / XXS 5884 </option> 5885 5886 <option value="44543205245027" 5887 data-title="Mineral Blue / XS" 5888 5889 > 5890 Mineral Blue / XS 5891 </option> 5892 5893 <option value="44543205277795" 5894 data-title="Mineral Blue / S" 5895 5896 > 5897 Mineral Blue / S 5898 </option> 5899 5900 <option value="44543205310563" 5901 data-title="Mineral Blue / M" 5902 5903 > 5904 Mineral Blue / M 5905 </option> 5906 5907 <option value="44543205343331" 5908 data-title="Mineral Blue / L" 5909 5910 > 5911 Mineral Blue / L 5912 </option> 5913 5914 <option value="44543205376099" 5915 data-title="Mineral Blue / XL" 5916 5917 > 5918 Mineral Blue / XL 5919 </option> 5920
5921 <option value="44543205408867" 5922 data-title="Mineral Blue / XXL" 5923 5924 > 5925 Mineral Blue / XXL 5926 </option> 5927 5928 </select> 5929 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Unity Zip Jacket" js-quickshop-trigger> 5930 QUICK VIEW 5931 </button> 5932 5933 5934 </div> 5935 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 5936 data-handle="unity-zip-jacket-mineral-blue-007gh-0004" 5937 data-collection="" 5938 data-core="swatch-collection-core-non-sale" 5939 data-seasonal="swatch-collection-non-sale" 5940 data-group="YGroup_QC2303" 5941 js-product-card-swatch-container> 5942 <fieldset> 5943 <legend id="product-card-swatch-legend-unity-zip-jacket-mineral-blue-007gh-0004" class="visually-hidden">Unity Zip Jacket - Color Options</legend> 5944 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-unity-zip-jacket-mineral-blue-007gh-0004" js-swatch-carousel> 5945 <!-- SWATCHES RENDER HERE --> 5946 </div> 5947 </fieldset> 5948 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 5949 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;"> 5950 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5951<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 5952</svg> 5953</span> 5954 </button> 5955 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 5956 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5957<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 5958</svg> 5959</span> 5960 </button> 5961 </div> 5962 <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Unity Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 5963 </div> 5964 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 5965 5966 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 5967 <a href="/products/unity-zip-jacket-mineral-blue-007gh-0004" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 5968 <h3 class="f0">Unity Zip Jacket</h3> 5969 </a> 5970 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 5971 5972 5973 <span class="product-card__price product-card__price--current ">$178.00</span> 5974 5975 </div> 5976 5977 </div> 5978 5979 </div> 5980</product-card> 5981 </div> 5982 </div> 5983 5984 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 5985 <div class="collection-carousel__content h-full"> 5986 5987 5988<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Lightweight Jacket" data-product-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" data-swatch-carousel-disabled"> 5989 <div class="product-card__image-container relative"> 5990 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 5991 <!-- Swym Wishlist Plus EPI Button with default first variant --> 5992 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wis
5992hlist-view-product product_8127043371107 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127043371107" data-variant-id="44536314003555" data-product-url="https://beyondyoga.com/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002"> 5993 </button> 5994 <!-- Swym Wishlist Plus EPI Button--> 5995 5996 </div> 5997 5998 <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Lightweight Jacket"> 5999 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 6000 6001 6002 6003 6004 6005 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6006 6007 <img 6008 src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=300" 6009 srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058.jpg?v=1788370131&width=1920 1920w" 6010 sizes="(min-width: 1024px) 25vw, 50vw" 6011 width="1884" 6012 height="2440" 6013 loading="lazy" 6014 decoding="async" 6015 6016 alt="Roam Quilted Lightweight Jacket" 6017 class="w-full w-full h-full object-cover object-center" 6018 6019 > 6020 </picture> 6021 6022 6023 </div> 6024 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 6025 6026 6027 6028 6029 6030 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6031 6032 <img 6033 src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=300" 6034 srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_032.jpg?v=1788287964&width=1920 1920w" 6035 sizes="(min-width: 1024px) 25vw, 50vw" 6036 width="1884" 6037 height="2440" 6038 loading="lazy" 6039 decoding="async" 6040 6041 alt="Roam Quilted Lightweight Jacket" 6042 class="w-full w-full h-full object-cover object-center" 6043 6044 > 6045 </picture> 6046 6047 6048 </div> 6049 </a> 6050 6051 6052 6053 6054 6055 6056 6057 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 6058 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 6059 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 6060 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 6061 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" js-product-card-options> 6062 6063 6064 6065 6066 6067 6068 <li class="product-swatch__label-container"> 6069 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6069ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6070 XXS 6071 </button> 6072 </li> 6073 6074 6075 <li class="product-swatch__label-container"> 6076 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6077 XS 6078 </button> 6079 </li> 6080 6081 6082 <li class="product-swatch__label-container"> 6083 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6084 S 6085 </button> 6086 </li> 6087 6088 6089 <li class="product-swatch__label-container"> 6090 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6091 M 6092 </button> 6093 </li> 6094 6095 6096 <li class="product-swatch__label-container"> 6097 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6098 L 6099 </button> 6100 </li> 6101 6102 6103 <li class="product-swatch__label-container"> 6104 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6105 XL 6106 </button> 6107 </li> 6108 6109 6110 6111 </ul> 6112 </div> 6113 </div> 6114 6115 <select class="product-card__select hidden" js-product-card-select> 6116 6117 <option value="44536314003555" 6118 data-title="Electric Fuchsia / XXS" 6119 selected 6120 > 6121 Electric Fuchsia / XXS 6122 </option> 6123 6124 <option value="44536314036323" 6125 data-title="Electric Fuchsia / XS" 6126 6127 > 6128 Electric Fuchsia / XS 6129 </option> 6130 6131 <option value="44536314069091" 6132 data-title="Electric Fuchsia / S" 6133 6134 > 6135 Electric Fuchsia / S 6136 </option> 6137 6138 <option value="44536314101859" 6139 data-title="Electric Fuchsia / M" 6140 6141 > 6142 Electric Fuchsia / M 6143 </option> 6144 6145 <option value="44536314134627" 6146 data-title="Electric Fuchsia / L" 6147 6148 > 6149 Electric Fuchsia / L 6150 </option> 6151 6152 <option value="44536314167395" 6153 data-title="Electric Fuchsia / XL" 6154 6155 > 6156 Electric Fuchsia / XL 6157 </option> 6158 6159 </select> 6160 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Lightweight Jacket" js-quickshop-trigger> 6161 QUICK VIEW 6162 </button> 6163 6164 6165 </div> 6166 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 6167 data-handle="roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" 6168 data-collection="" 6169 data-core="swatch-collection-core-non-sale" 6170 data-seasonal="swatch-collection-non-sale" 6171 data-group="YGroup_LD2344" 6172 js-product-card-swatch-container> 6173 <fieldset> 6174 <legend id="product-card-swatch-legend-roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="visually-hidden">Roam Quilted Lightweight Jacket - Color Options</legend> 6175 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" js-swatch-carousel> 6176 <!-- SWATCHES RENDER HERE --> 6177 </div> 6178 </fieldset> 6179 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 6180 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6181 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6182<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 6183</svg> 6184</span> 6185 </button> 6186 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 6187 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6188<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 6189</svg> 6190</span> 6191 </button> 6192 </div> 6193 <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Lightweight Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 6194 </div> 6195 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 6196 6197 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 6198 <a href="/products/roam-quilted-lightweight-jacket-electric-fuchsia-00ab7-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 6199 <h3 class="f0">Roam Quilted Lightweight Jacket</h3> 6200 </a> 6201 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 6202 6203 6204 <span class="product-card__price product-card__price--current ">$228.00</span> 6205 6206 </div> 6207 6208 </div> 6209 6210 </div> 6211</product-card> 6212 </div> 6213 </div> 6214 6215 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 6216 <div class="collection-carousel__content h-full"> 6217 6218 6219<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="LuxeLayer Fitted Cardigan" data-product-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" data-swatch-carousel-disabled"> 6220 <div class="product-card__image-container relative"> 6221 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 6222 <!-- Swym Wishlist Plus EPI Button with default first variant --> 6223 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8082390646883 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8082390646883" data-variant-id="46224901079139" data-product-url="https://beyondyoga.com/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001"> 6224 </button> 6225 <!-- Swym Wishlist Plus EPI Button--> 6226 6227 </div> 6228 6229 <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__image-link" js-produdct-card-link aria-label="LuxeLayer Fitted Cardigan"> 6230 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 6231 6232 6233 6234 6235 6236 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6237 6238 <img 6239 src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=300" 6240 srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1024 1024
6240w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_FV.jpg?v=1785992986&width=1920 1920w" 6241 sizes="(min-width: 1024px) 25vw, 50vw" 6242 width="1884" 6243 height="2440" 6244 loading="lazy" 6245 decoding="async" 6246 6247 alt="LuxeLayer Fitted Cardigan" 6248 class="w-full w-full h-full object-cover object-center" 6249 6250 > 6251 </picture> 6252 6253 6254 </div> 6255 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 6256 6257 6258 6259 6260 6261 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6262 6263 <img 6264 src="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=300" 6265 srcset="//beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB9-0001_GLO_CM_BV.jpg?v=1785992986&width=1920 1920w" 6266 sizes="(min-width: 1024px) 25vw, 50vw" 6267 width="1884" 6268 height="2440" 6269 loading="lazy" 6270 decoding="async" 6271 6272 alt="LuxeLayer Fitted Cardigan" 6273 class="w-full w-full h-full object-cover object-center" 6274 6275 > 6276 </picture> 6277 6278 6279 </div> 6280 </a> 6281 6282 6283 6284 6285 6286 6287 6288 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 6289 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 6290 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 6291 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 6292 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" js-product-card-options> 6293 6294 6295 6296 6297 6298 6299 <li class="product-swatch__label-container"> 6300 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6301 XXS 6302 </button> 6303 </li> 6304 6305 6306 <li class="product-swatch__label-container"> 6307 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6307ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6308 XS 6309 </button> 6310 </li> 6311 6312 6313 <li class="product-swatch__label-container"> 6314 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-S" data-color="" role="button" data-value="S" aria-label="Add size:S of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6315 S 6316 </button> 6317 </li> 6318 6319 6320 <li class="product-swatch__label-container"> 6321 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-M" data-color="" role="button" data-value="M" aria-label="Add size:M of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6322 M 6323 </button> 6324 </li> 6325 6326 6327 <li class="product-swatch__label-container"> 6328 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-L" data-color="" role="button" data-value="L" aria-label="Add size:L of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6329 L 6330 </button> 6331 </li> 6332 6333 6334 <li class="product-swatch__label-container"> 6335 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="luxelayer-fitted-cardigan-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6336 XL 6337 </button> 6338 </li> 6339 6340 6341 <li class="product-swatch__label-container"> 6342 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="luxelayer-fitted-cardigan-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of LuxeLayer Fitted Cardigan with color: to cart" js-product-card-quick-add-swatch> 6343 XXL 6344 </button> 6345 </li> 6346 6347 6348 6349 </ul> 6350 </div> 6351 </div> 6352 6353 <select class="product-card__select hidden" js-product-card-select> 6354 6355 <option value="46224901079139" 6356 data-title="Heather Gray / XXS" 6357 selected 6358 > 6359 Heather Gray / XXS 6360 </option> 6361 6362 <option value="44398698004579" 6363 data-title="Heather Gray / XS" 6364 6365 > 6366 Heather Gray / XS 6367 </option> 6368 6369 <option value="44398698037347" 6370 data-title="Heather Gray / S" 6371 6372 > 6373 Heather Gray / S 6374 </option> 6375 6376 <option value="44398698070115" 6377 data-title="Heather Gray / M" 6378 6379 > 6380 Heather Gray / M 6381 </option> 6382 6383 <option value="44398698102883" 6384 data-title="Heather Gray / L" 6385 6386 > 6387 Heather Gray / L 6388 </option> 6389 6390 <option value="44398698135651" 6391 data-title="Heather Gray / XL" 6392 6393 > 6394 Heather Gray / XL 6395 </option> 6396 6397 <option value="46224901111907" 6398 data-title="Heather Gray / XXL" 6399 6400 disabled="disabled"> 6401 Heather Gray / XXL 6402 </option> 6403 6404 </select> 6405 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for LuxeLayer Fitted Cardigan" js-quickshop-trigger> 6406 QUICK VIEW 6407 </button> 6408 6409 6410 </div> 6411 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 6412 data-handle="luxelayer-fitted-cardigan-heather-gray-00ab9-0001" 6413 data-collection="" 6414 data-core="swatch-collection-core-non-sale" 6415 data-seasonal="swatch-collection-non-sale" 6416 data-group="YGroup_HM2377" 6417 js-product-card-swatch-container> 6418 <fieldset> 6419 <legend id="product-card-swatch-legend-luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="visually-hidden">LuxeLayer Fitted Cardigan - Color Options</legend> 6420 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-luxelayer-fitted-cardigan-heather-gray-00ab9-0001" js-swatch-carousel> 6421 <!-- SWATCHES RENDER HERE --> 6422 </div> 6423 </fieldset> 6424 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 6425 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6426 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6427<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 6428</svg> 6429</span> 6430 </button> 6431 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 6432 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6433<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 6434</svg> 6435</span> 6436 </button> 6437 </div> 6438 <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="LuxeLayer Fitted Cardigan Colors" js-product-card-swatch-count js-produdct-card-link></a> 6439 </div> 6440 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 6441 6442 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 6443 NEW ARRIVAL 6444 </p> 6445 6446 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 6447 <a href="/products/luxelayer-fitted-cardigan-heather-gray-00ab9-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 6448 <h3 class="f0">LuxeLayer Fitted Cardigan</h3> 6449 </a> 6450 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 6451 6452 6453 <span class="product-card__price product-card__price--current ">$98.00</span> 6454 6455 </div> 6456 6457 </div> 6458 6459 </div> 6460</product-card> 6461 </div> 6462 </div> 6463 6464 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 6465 <div class="collection-carousel__content h-full"> 6466 6467 6468<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye⢠Pedal Pusher High Waisted Legging" data-product-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" data-swatch-carousel-disabled"> 6469 <div class="product-card__image-container relative"> 6470 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 6471 <!-- Swym Wishlist Plus EPI Button with default first variant --> 6472 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8126096506979 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8126096506979" data-variant-id="44529151246435" data-product-url="https://beyondyoga.com/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044"> 6473 </button> 6474 <!-- Swym Wishlist Plus EPI Button--> 6475 6476 </div> 6477 6478 <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye⢠Pedal Pusher High Waisted Legging"> 6479 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 6480 6481 6482 6483 6484 6485 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6486 6487 <img 6488 src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=300" 6489 srcset="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1024 1024
6489w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_FV.jpg?v=1787957094&width=1920 1920w" 6490 sizes="(min-width: 1024px) 25vw, 50vw" 6491 width="1884" 6492 height="2440" 6493 loading="lazy" 6494 decoding="async" 6495 6496 alt="Spacedye⢠Pedal Pusher High Waisted Legging" 6497 class="w-full w-full h-full object-cover object-center" 6498 6499 > 6500 </picture> 6501 6502 6503 </div> 6504 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 6505 6506 6507 6508 6509 6510 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6511 6512 <img 6513 src="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=300" 6514 srcset="//beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_007J8-0044_GLO_CM_SV.jpg?v=1787957094&width=1920 1920w" 6515 sizes="(min-width: 1024px) 25vw, 50vw" 6516 width="1884" 6517 height="2440" 6518 loading="lazy" 6519 decoding="async" 6520 6521 alt="Spacedye⢠Pedal Pusher High Waisted Legging" 6522 class="w-full w-full h-full object-cover object-center" 6523 6524 > 6525 </picture> 6526 6527 6528 </div> 6529 </a> 6530 6531 6532 6533 6534 6535 6536 6537 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="7" js-quick-add-container> 6538 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 6539 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 6540 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 6541 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" js-product-card-options> 6542 6543 6544 6545 6546 6547 6548 <li class="product-swatch__label-container"> 6549 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6550 XXS 6551 </button> 6552 </li> 6553 6554 6555 <li class="product-swatch__label-container"> 6556 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6556ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6557 XS 6558 </button> 6559 </li> 6560 6561 6562 <li class="product-swatch__label-container"> 6563 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6564 S 6565 </button> 6566 </li> 6567 6568 6569 <li class="product-swatch__label-container"> 6570 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6571 M 6572 </button> 6573 </li> 6574 6575 6576 <li class="product-swatch__label-container"> 6577 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6578 L 6579 </button> 6580 </li> 6581 6582 6583 <li class="product-swatch__label-container"> 6584 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6585 XL 6586 </button> 6587 </li> 6588 6589 6590 <li class="product-swatch__label-container"> 6591 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-pedal-pusher-high-waisted-legging-XXL" data-color="" role="button" data-value="XXL" aria-label="Add size:XXL of Spacedye⢠Pedal Pusher High Waisted Legging with color: to cart" js-product-card-quick-add-swatch> 6592 XXL 6593 </button> 6594 </li> 6595 6596 6597 6598 </ul> 6599 </div> 6600 </div> 6601 6602 <select class="product-card__select hidden" js-product-card-select> 6603 6604 <option value="44529151246435" 6605 data-title="Dark Ivy Heather / XXS" 6606 selected 6607 > 6608 Dark Ivy Heather / XXS 6609 </option> 6610 6611 <option value="44529151279203" 6612 data-title="Dark Ivy Heather / XS" 6613 6614 > 6615 Dark Ivy Heather / XS 6616 </option> 6617 6618 <option value="44529151311971" 6619 data-title="Dark Ivy Heather / S" 6620 6621 > 6622 Dark Ivy Heather / S 6623 </option> 6624 6625 <option value="44529151344739" 6626 data-title="Dark Ivy Heather / M" 6627 6628 > 6629 Dark Ivy Heather / M 6630 </option> 6631 6632 <option value="44529151377507" 6633 data-title="Dark Ivy Heather / L" 6634 6635 > 6636 Dark Ivy Heather / L 6637 </option> 6638 6639 <option value="44529151410275" 6640 data-title="Dark Ivy Heather / XL" 6641 6642 > 6643 Dark Ivy Heather / XL 6644 </option> 6645 6646 <option value="44529151443043" 6647 data-title="Dark Ivy Heather / XXL" 6648 6649 > 6650 Dark Ivy Heather / XXL 6651 </option> 6652 6653 </select> 6654 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye⢠Pedal Pusher High Waisted Legging" js-quickshop-trigger> 6655 QUICK VIEW 6656 </button> 6657 6658 6659 </div> 6660 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 6661 data-handle="spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" 6662 data-collection="" 6663 data-core="swatch-collection-core-non-sale" 6664 data-seasonal="swatch-collection-non-sale" 6665 data-group="YGroup_SD3448" 6666 js-product-card-swatch-container> 6667 <fieldset> 6668 <legend id="product-card-swatch-legend-spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="visually-hidden">Spacedye⢠Pedal Pusher High Waisted Legging - Color Options</legend> 6669 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" js-swatch-carousel> 6670 <!-- SWATCHES RENDER HERE --> 6671 </div> 6672 </fieldset> 6673 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 6674 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
6675 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6676<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 6677</svg> 6678</span> 6679 </button> 6680 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 6681 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6682<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 6683</svg> 6684</span> 6685 </button> 6686 </div> 6687 <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye⢠Pedal Pusher High Waisted Legging Colors" js-product-card-swatch-count js-produdct-card-link></a> 6688 </div> 6689 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 6690 6691 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 6692 <a href="/products/spacedye-pedal-pusher-high-waisted-legging-dark-ivy-heather-007j8-0044" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 6693 <h3 class="f0">Spacedye⢠Pedal Pusher High Waisted Legging</h3> 6694 </a> 6695 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 6696 6697 6698 <span class="product-card__price product-card__price--current ">$94.00</span> 6699 6700 </div> 6701 6702 </div> 6703 6704 </div> 6705</product-card> 6706 </div> 6707 </div> 6708 6709 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 6710 <div class="collection-carousel__content h-full"> 6711 6712 6713<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Roam Quilted Lightweight Jacket" data-product-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" data-swatch-carousel-disabled"> 6714 <div class="product-card__image-container relative"> 6715 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 6716 <!-- Swym Wishlist Plus EPI Button with default first variant --> 6717 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8127043960931 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8127043960931" data-variant-id="44536321638499" data-product-url="https://beyondyoga.com/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003"> 6718 </button> 6719 <!-- Swym Wishlist Plus EPI Button--> 6720 6721 </div> 6722 6723 <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__image-link" js-produdct-card-link aria-label="Roam Quilted Lightweight Jacket"> 6724 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 6725 6726 6727 6728 6729 6730 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6731 6732 <img 6733 src="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=300" 6734 srcset="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1024 1024
6734w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_SV.jpg?v=1788144500&width=1920 1920w" 6735 sizes="(min-width: 1024px) 25vw, 50vw" 6736 width="1884" 6737 height="2440" 6738 loading="lazy" 6739 decoding="async" 6740 6741 alt="Roam Quilted Lightweight Jacket" 6742 class="w-full w-full h-full object-cover object-center" 6743 6744 > 6745 </picture> 6746 6747 6748 </div> 6749 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 6750 6751 6752 6753 6754 6755 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6756 6757 <img 6758 src="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=300" 6759 srcset="//beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AB7-0003_GLO_CM_BV.jpg?v=1788144500&width=1920 1920w" 6760 sizes="(min-width: 1024px) 25vw, 50vw" 6761 width="1884" 6762 height="2440" 6763 loading="lazy" 6764 decoding="async" 6765 6766 alt="Roam Quilted Lightweight Jacket" 6767 class="w-full w-full h-full object-cover object-center" 6768 6769 > 6770 </picture> 6771 6772 6773 </div> 6774 </a> 6775 6776 6777 6778 6779 6780 6781 6782 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 6783 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 6784 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 6785 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 6786 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" js-product-card-options> 6787 6788 6789 6790 6791 6792 6793 <li class="product-swatch__label-container"> 6794 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6795 XXS 6796 </button> 6797 </li> 6798 6799 6800 <li class="product-swatch__label-container"> 6801 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
6801ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6802 XS 6803 </button> 6804 </li> 6805 6806 6807 <li class="product-swatch__label-container"> 6808 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6809 S 6810 </button> 6811 </li> 6812 6813 6814 <li class="product-swatch__label-container"> 6815 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6816 M 6817 </button> 6818 </li> 6819 6820 6821 <li class="product-swatch__label-container"> 6822 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6823 L 6824 </button> 6825 </li> 6826 6827 6828 <li class="product-swatch__label-container"> 6829 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="roam-quilted-lightweight-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Roam Quilted Lightweight Jacket with color: to cart" js-product-card-quick-add-swatch> 6830 XL 6831 </button> 6832 </li> 6833 6834 6835 6836 </ul> 6837 </div> 6838 </div> 6839 6840 <select class="product-card__select hidden" js-product-card-select> 6841 6842 <option value="44536321638499" 6843 data-title="Sea Salt / XXS" 6844 selected 6845 > 6846 Sea Salt / XXS 6847 </option> 6848 6849 <option value="44536321671267" 6850 data-title="Sea Salt / XS" 6851 6852 > 6853 Sea Salt / XS 6854 </option> 6855 6856 <option value="44536321704035" 6857 data-title="Sea Salt / S" 6858 6859 > 6860 Sea Salt / S 6861 </option> 6862 6863 <option value="44536321736803" 6864 data-title="Sea Salt / M" 6865 6866 > 6867 Sea Salt / M 6868 </option> 6869 6870 <option value="44536321769571"
6871 data-title="Sea Salt / L" 6872 6873 > 6874 Sea Salt / L 6875 </option> 6876 6877 <option value="44536321802339" 6878 data-title="Sea Salt / XL" 6879 6880 > 6881 Sea Salt / XL 6882 </option> 6883 6884 </select> 6885 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Roam Quilted Lightweight Jacket" js-quickshop-trigger> 6886 QUICK VIEW 6887 </button> 6888 6889 6890 </div> 6891 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 6892 data-handle="roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" 6893 data-collection="" 6894 data-core="swatch-collection-core-non-sale" 6895 data-seasonal="swatch-collection-non-sale" 6896 data-group="YGroup_LD2344" 6897 js-product-card-swatch-container> 6898 <fieldset> 6899 <legend id="product-card-swatch-legend-roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="visually-hidden">Roam Quilted Lightweight Jacket - Color Options</legend> 6900 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" js-swatch-carousel> 6901 <!-- SWATCHES RENDER HERE --> 6902 </div> 6903 </fieldset> 6904 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 6905 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;"> 6906 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6907<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 6908</svg> 6909</span> 6910 </button> 6911 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 6912 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6913<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 6914</svg> 6915</span> 6916 </button> 6917 </div> 6918 <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Roam Quilted Lightweight Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 6919 </div> 6920 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 6921 6922 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 6923 <a href="/products/roam-quilted-lightweight-jacket-sea-salt-00ab7-0003" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 6924 <h3 class="f0">Roam Quilted Lightweight Jacket</h3> 6925 </a> 6926 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 6927 6928 6929 <span class="product-card__price product-card__price--current ">$228.00</span> 6930 6931 </div> 6932 6933 </div> 6934 6935 </div> 6936</product-card> 6937 </div> 6938 </div> 6939 6940 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 6941 <div class="collection-carousel__content h-full"> 6942 6943 6944<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Rest Day Waffle Wide Leg Pant" data-product-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" data-swatch-carousel-disabled"> 6945 <div class="product-card__image-container relative"> 6946 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 6947 <!-- Swym Wishlist Plus EPI Button with default first variant --> 6948 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wis
6948hlist-view-product product_8109501186147 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8109501186147" data-variant-id="44479959498851" data-product-url="https://beyondyoga.com/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002"> 6949 </button> 6950 <!-- Swym Wishlist Plus EPI Button--> 6951 6952 </div> 6953 6954 <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__image-link" js-produdct-card-link aria-label="Rest Day Waffle Wide Leg Pant"> 6955 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 6956 6957 6958 6959 6960 6961 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6962 6963 <img 6964 src="//beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=300" 6965 srcset="//beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO70_T_SD8255_SILMS_T_WG70096_HGRAY_B_WG1332_HGRAY_14089.jpg?v=1787242018&width=1920 1920w" 6966 sizes="(min-width: 1024px) 25vw, 50vw" 6967 width="1884" 6968 height="2440" 6969 loading="lazy" 6970 decoding="async" 6971 6972 alt="Rest Day Waffle Wide Leg Pant" 6973 class="w-full w-full h-full object-cover object-center" 6974 6975 > 6976 </picture> 6977 6978 6979 </div> 6980 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 6981 6982 6983 6984 6985 6986 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 6987 6988 <img 6989 src="//beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=300" 6990 srcset="//beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=300 300w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=600 600w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=750 750w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WB_00ABH-0002_GLO_CM_FV.jpg?v=1786655383&width=1920 1920w" 6991 sizes="(min-width: 1024px) 25vw, 50vw" 6992 width="1884" 6993 height="2440" 6994 loading="lazy" 6995 decoding="async" 6996 6997 alt="Rest Day Waffle Wide Leg Pant" 6998 class="w-full w-full h-full object-cover object-center" 6999 7000 > 7001 </picture> 7002 7003 7004 </div> 7005 </a> 7006 7007 7008 7009 7010 7011 7012 7013 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 7014 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 7015 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 7016 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 7017 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" js-product-card-options> 7018 7019 7020 7021 7022 7023 7024 <li class="product-swatch__label-container"> 7025 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7025ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="rest-day-waffle-wide-leg-pant-XXS" data-color="" role="button" data-value="XXS" aria-label="Add size:XXS of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7026 XXS 7027 </button> 7028 </li> 7029 7030 7031 <li class="product-swatch__label-container"> 7032 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-waffle-wide-leg-pant-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7033 XS 7034 </button> 7035 </li> 7036 7037 7038 <li class="product-swatch__label-container"> 7039 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-waffle-wide-leg-pant-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7040 S 7041 </button> 7042 </li> 7043 7044 7045 <li class="product-swatch__label-container"> 7046 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-waffle-wide-leg-pant-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7047 M 7048 </button> 7049 </li> 7050 7051 7052 <li class="product-swatch__label-container"> 7053 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-waffle-wide-leg-pant-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7054 L 7055 </button> 7056 </li> 7057 7058 7059 <li class="product-swatch__label-container"> 7060 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-waffle-wide-leg-pant-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Rest Day Waffle Wide Leg Pant with color: to cart" js-product-card-quick-add-swatch> 7061 XL 7062 </button> 7063 </li> 7064 7065 7066 7067 </ul> 7068 </div> 7069 </div> 7070 7071 <select class="product-card__select hidden" js-product-card-select> 7072 7073 <option value="44479959498851" 7074 data-title="Heather Gray / XXS" 7075 selected 7076 disabled="disabled"> 7077 Heather Gray / XXS 7078 </option> 7079 7080 <option value="44479959531619" 7081 data-title="Heather Gray / XS" 7082 7083 > 7084 Heather Gray / XS 7085 </option> 7086 7087 <option value="44479959564387" 7088 data-title="Heather Gray / S" 7089 7090 > 7091 Heather Gray / S 7092 </option> 7093 7094 <option value="44479959597155" 7095 data-title="Heather Gray / M" 7096 7097 > 7098 Heather Gray / M 7099 </option> 7100 7101 <option value="44479959629923" 7102 data-title="Heather Gray / L" 7103 7104 > 7105 Heather Gray / L 7106 </option> 7107 7108 <option value="44479959662691" 7109 data-title="Heather Gray / XL" 7110 7111 > 7112 Heather Gray / XL 7113 </option> 7114 7115 </select> 7116 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Rest Day Waffle Wide Leg Pant" js-quickshop-trigger> 7117 QUICK VIEW 7118 </button> 7119 7120 7121 </div> 7122 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 7123 data-handle="rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" 7124 data-collection="" 7125 data-core="swatch-collection-core-non-sale" 7126 data-seasonal="swatch-collection-non-sale" 7127 data-group="YGroup_WG1332" 7128 js-product-card-swatch-container> 7129 <fieldset> 7130 <legend id="product-card-swatch-legend-rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="visually-hidden">Rest Day Waffle Wide Leg Pant - Color Options</legend> 7131 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" js-swatch-carousel> 7132 <!-- SWATCHES RENDER HERE --> 7133 </div> 7134 </fieldset> 7135 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 7136 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7137 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7138<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 7139</svg> 7140</span> 7141 </button> 7142 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 7143 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7144<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 7145</svg> 7146</span> 7147 </button> 7148 </div> 7149 <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Rest Day Waffle Wide Leg Pant Colors" js-product-card-swatch-count js-produdct-card-link></a> 7150 </div> 7151 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 7152 7153 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 7154 NEW ARRIVAL 7155 </p> 7156 7157 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 7158 <a href="/products/rest-day-waffle-wide-leg-pant-heather-gray-00abh-0002" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 7159 <h3 class="f0">Rest Day Waffle Wide Leg Pant</h3> 7160 </a> 7161 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 7162 7163 7164 <span class="product-card__price product-card__price--current ">$108.00</span> 7165 7166 </div> 7167 7168 </div> 7169 7170 </div> 7171</product-card> 7172 </div> 7173 </div> 7174 7175 </div> 7176 <div class="swiper-custom-nav swiper-custom-nav--prev !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1> 7177 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7178<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/> 7179</svg> 7180</span> 7181 </div> 7182 <div class="swiper-custom-nav swiper-custom-nav--next !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block1> 7183 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7184<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/> 7185</svg> 7186</span> 7187 </div> 7188 </div> 7189 </s-carousel> 7190 </div> 7191 7192 7193 7194 7195 7196 7197 7198<div 7199 id="tab-collection_6j7qr6-content-panel" 7200 class="tab__panel" 7201 role="tabpanel" 7202 aria-labelledby="tab-collection_6j7qr6-tab" 7203 aria-hidden="true" 7204 js-tab-panel 7205 > 7206 <s-carousel class="block relative" data-options='{ 7207 "slidesPerView": "auto", 7208 "spaceBetween": 6, 7209 "slidesOffsetBefore": 24, 7210 "slidesOffsetAfter": 24, 7211 "freeMode": true, 7212 "autoHeight": false, 7213 "loop": false, 7214 "navigation": { 7215 "enabled": true,
7216 "prevEl": "[js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]", 7217 "nextEl": "[js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2]" 7218 }, 7219 "breakpoints": { 7220 "1024": { 7221 "slidesPerView": "auto", 7222 "spaceBetween": 8, 7223 "slidesOffsetBefore": 64, 7224 "slidesOffsetAfter": 64 7225 } 7226 } 7227 }'> 7228 <div id="Carousel-collection_6j7qr6" class="swiper grid grid-cols-1" js-carousel> 7229 <div class="swiper-wrapper"> 7230 7231 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 7232 <div class="collection-carousel__content h-full"> 7233 7234 7235<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men's Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" data-swatch-carousel-disabled"> 7236 <div class="product-card__image-container relative"> 7237 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 7238 <!-- Swym Wishlist Plus EPI Button with default first variant --> 7239 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835000930403 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835000930403" data-variant-id="43519293227107" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d"> 7240 </button> 7241 <!-- Swym Wishlist Plus EPI Button--> 7242 7243 </div> 7244 7245 <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket"> 7246 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 7247 7248 7249 7250 7251 7252 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7253 7254 <img 7255 src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=300" 7256 srcset="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41738.jpg?v=1753894706&width=1920 1920w" 7257 sizes="(min-width: 1024px) 25vw, 50vw" 7258 width="1884" 7259 height="2440" 7260 loading="lazy" 7261 decoding="async" 7262 7263 alt="Boucle Fleece Men's Zip Jacket" 7264 class="w-full w-full h-full object-cover object-center" 7265 7266 > 7267 </picture> 7268 7269 7270 </div> 7271 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 7272 7273 7274 7275 7276 7277 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7278 7279 <img 7280 src="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=300" 7281 srcset="//beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_lush-olive_41770.jpg?v=1753894706&width=1920 1920w" 7282 sizes="(min-width: 1024px) 25vw, 50vw" 7283 width="1884" 7284 height="2440" 7285 loading="lazy" 7286 decoding="async" 7287 7288 alt="Boucle Fleece Men's Zip Jacket" 7289 class="w-full w-full h-full object-cover object-center" 7290 7291 > 7292 </picture> 7293 7294 7295 </div> 7296 </a> 7297 7298 7299 7300 7301 7302 7303 7304 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 7305 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 7306 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 7307 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 7308 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" js-product-card-options> 7309 7310 7311 7312 7313 7314 7315 <li class="product-swatch__label-container"> 7316 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7316ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7317 XS 7318 </button> 7319 </li> 7320 7321 7322 <li class="product-swatch__label-container"> 7323 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7324 S 7325 </button> 7326 </li> 7327 7328 7329 <li class="product-swatch__label-container"> 7330 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7331 M 7332 </button> 7333 </li> 7334 7335 7336 <li class="product-swatch__label-container"> 7337 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7338 L 7339 </button> 7340 </li> 7341 7342 7343 <li class="product-swatch__label-container"> 7344 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7345 XL 7346 </button> 7347 </li> 7348 7349 7350 <li class="product-swatch__label-container"> 7351 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 7352 2XL 7353 </button> 7354 </li> 7355 7356 7357 7358 </ul> 7359 </div> 7360 </div> 7361 7362 <select class="product-card__select hidden" js-product-card-select> 7363 7364 <option value="43519293227107" 7365 data-title="Lush Olive / XS" 7366 selected 7367 > 7368 Lush Olive / XS 7369 </option> 7370 7371 <option value="43519293259875" 7372 data-title="Lush Olive / S" 7373 7374 > 7375 Lush Olive / S 7376 </option> 7377 7378 <option value="43519293292643" 7379 data-title="Lush Olive / M" 7380 7381 > 7382 Lush Olive / M 7383 </option> 7384 7385 <option value="43519293325411" 7386 data-title="Lush Olive / L" 7387 7388 > 7389 Lush Olive / L 7390 </option> 7391 7392 <option value="43519293358179" 7393 data-title="Lush Olive / XL" 7394 7395 > 7396 Lush Olive / XL 7397 </option> 7398 7399 <option value="43519293390947" 7400 data-title="Lush Olive / 2XL" 7401 7402 > 7403 Lush Olive / 2XL 7404 </option> 7405 7406 </select> 7407 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger> 7408 QUICK VIEW 7409 </button> 7410 7411 7412 </div> 7413 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 7414 data-handle="boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" 7415 data-collection="" 7416 data-core="swatch-collection-core-non-sale" 7417 data-seasonal="swatch-collection-non-sale" 7418 data-group="YGroup_CU2295D" 7419 js-product-card-swatch-container> 7420 <fieldset> 7421 <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend> 7422 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" js-swatch-carousel> 7423 <!-- SWATCHES RENDER HERE --> 7424 </div> 7425 </fieldset> 7426 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 7427 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7428 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7429<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 7430</svg> 7431</span> 7432 </button> 7433 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 7434 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7435<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 7436</svg> 7437</span> 7438 </button> 7439 </div> 7440 <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 7441 </div> 7442 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 7443 7444 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 7445 NEW ARRIVAL 7446 </p> 7447 7448 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 7449 <a href="/products/boucle-fleece-mens-zip-jacket-lush-olive-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 7450 <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3> 7451 </a> 7452 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 7453 7454 7455 <span class="product-card__price product-card__price--current ">$178.00</span> 7456 7457 </div> 7458 7459 </div> 7460 7461 </div> 7462</product-card> 7463 </div> 7464 </div> 7465 7466 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 7467 <div class="collection-carousel__content h-full"> 7468 7469 7470<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Merino Wool Men's Short Sleeve Crew" data-product-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" data-swatch-carousel-disabled"> 7471 <div class="product-card__image-container relative"> 7472 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 7473 <!-- Swym Wishlist Plus EPI Button with default first variant --> 7474 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7892854997091 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7892854997091" data-variant-id="43757625049187" data-product-url="https://beyondyoga.com/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d"> 7475 </button> 7476 <!-- Swym Wishlist Plus EPI Button--> 7477 7478 </div> 7479 7480 <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__image-link" js-produdct-card-link aria-label="Merino Wool Men's Short Sleeve Crew"> 7481 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 7482 7483 7484 7485 7486 7487 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7488 7489 <img 7490 src="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=300" 7491 srcset="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=300 300w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=600 600w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=750 750w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1024 1024
7491w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1280 1280w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1440 1440w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_15564.jpg?v=1758840968&width=1920 1920w" 7492 sizes="(min-width: 1024px) 25vw, 50vw" 7493 width="1884" 7494 height="2440" 7495 loading="lazy" 7496 decoding="async" 7497 7498 alt="Merino Wool Men's Short Sleeve Crew" 7499 class="w-full w-full h-full object-cover object-center" 7500 7501 > 7502 </picture> 7503 7504 7505 </div> 7506 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 7507 7508 7509 7510 7511 7512 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7513 7514 <img 7515 src="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=300" 7516 srcset="//beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=300 300w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=600 600w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=750 750w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1024 1024w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1280 1280w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1440 1440w, //beyondyoga.com/cdn/shop/files/LA7978D_dark-cobalt_45274.jpg?v=1759425101&width=1920 1920w" 7517 sizes="(min-width: 1024px) 25vw, 50vw" 7518 width="1884" 7519 height="2440" 7520 loading="lazy" 7521 decoding="async" 7522 7523 alt="Merino Wool Men's Short Sleeve Crew" 7524 class="w-full w-full h-full object-cover object-center" 7525 7526 > 7527 </picture> 7528 7529 7530 </div> 7531 </a> 7532 7533 7534 7535 7536 7537 7538 7539 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 7540 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 7541 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 7542 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 7543 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" js-product-card-options> 7544 7545 7546 7547 7548 7549 7550 <li class="product-swatch__label-container"> 7551 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7552 XS 7553 </button> 7554 </li> 7555 7556 7557 <li class="product-swatch__label-container"> 7558 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7558ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7559 S 7560 </button> 7561 </li> 7562 7563 7564 <li class="product-swatch__label-container"> 7565 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7566 M 7567 </button> 7568 </li> 7569 7570 7571 <li class="product-swatch__label-container"> 7572 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7573 L 7574 </button> 7575 </li> 7576 7577 7578 <li class="product-swatch__label-container"> 7579 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7580 XL 7581 </button> 7582 </li> 7583 7584 7585 <li class="product-swatch__label-container"> 7586 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="merino-wool-mens-short-sleeve-crew-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Merino Wool Men's Short Sleeve Crew with color: to cart" js-product-card-quick-add-swatch> 7587 2XL 7588 </button> 7589 </li> 7590 7591 7592 7593 </ul> 7594 </div> 7595 </div> 7596 7597 <select class="product-card__select hidden" js-product-card-select> 7598 7599 <option value="43757625049187" 7600 data-title="Dark Cobalt / XS" 7601 selected 7602 > 7603 Dark Cobalt / XS 7604 </option> 7605 7606 <option value="43757625081955" 7607 data-title="Dark Cobalt / S" 7608 7609 > 7610 Dark Cobalt / S 7611 </option> 7612 7613 <option value="43757625114723" 7614 data-title="Dark Cobalt / M" 7615 7616 > 7617 Dark Cobalt / M 7618 </option> 7619 7620 <option value="43757625147491" 7621 data-title="Dark Cobalt / L" 7622 7623 > 7624 Dark Cobalt / L 7625 </option> 7626 7627 <option value="43757625180259" 7628 data-title="Dark Cobalt / XL" 7629 7630 > 7631 Dark Cobalt / XL 7632 </option> 7633 7634 <option value="43757625213027" 7635 data-title="Dark Cobalt / 2XL" 7636 7637 > 7638 Dark Cobalt / 2XL 7639 </option> 7640 7641 </select> 7642 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Merino Wool Men's Short Sleeve Crew" js-quickshop-trigger> 7643 QUICK VIEW 7644 </button> 7645 7646 7647 </div> 7648 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 7649 data-handle="warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" 7650 data-collection="" 7651 data-core="swatch-collection-core-non-sale" 7652 data-seasonal="swatch-collection-non-sale" 7653 data-group="YGroup_LA7978D" 7654 js-product-card-swatch-container> 7655 <fieldset> 7656 <legend id="product-card-swatch-legend-warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="visually-hidden">Merino Wool Men's Short Sleeve Crew - Color Options</legend> 7657 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" js-swatch-carousel> 7658 <!-- SWATCHES RENDER HERE --> 7659 </div> 7660 </fieldset> 7661 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 7662 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7663 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7664<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 7665</svg> 7666</span> 7667 </button> 7668 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 7669 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7670<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 7671</svg> 7672</span> 7673 </button> 7674 </div> 7675 <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Merino Wool Men's Short Sleeve Crew Colors" js-product-card-swatch-count js-produdct-card-link></a> 7676 </div> 7677 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 7678 7679 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 7680 <a href="/products/warm-wick-merino-wool-short-sleeve-crew-dark-cobalt-la7978d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 7681 <h3 class="f0">Merino Wool Men's Short Sleeve Crew</h3> 7682 </a> 7683 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 7684 7685 7686 <span class="product-card__price product-card__price--current ">$78.00</span> 7687 7688 </div> 7689 7690 <div class="product-card__double-sale-text f0 w-full tabletl:mt-auto" style="color: #000000;" js-product-card-promo-text> 7691 Buy 3 Men's Tees, Get 15% Off 7692 </div> 7693 7694 </div> 7695 7696 </div> 7697</product-card> 7698 </div> 7699 </div> 7700 7701 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 7702 <div class="collection-carousel__content h-full"> 7703 7704 7705<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Element Men's Chino Trouser 30"" data-product-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" data-swatch-carousel-disabled"> 7706 <div class="product-card__image-container relative"> 7707 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 7708 <!-- Swym Wishlist Plus EPI Button with default first variant --> 7709 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7819960844387 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7819960844387" data-variant-id="43455600525411" data-product-url="https://beyondyoga.com/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds"> 7710 </button> 7711 <!-- Swym Wishlist Plus EPI Button--> 7712 7713 </div> 7714 7715 <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__image-link" js-produdct-card-link aria-label="Element Men's Chino Trouser 30""> 7716 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 7717 7718 7719 7720 7721 7722 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7723 7724 <img 7725 src="//beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=300" 7726 srcset="//beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1024 1024
7726w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO95_T_MB7799D_DSFST_T_ME2276D_NCNVY_B_MC1276D_NCNVY_15864.jpg?v=1789761099&width=1920 1920w" 7727 sizes="(min-width: 1024px) 25vw, 50vw" 7728 width="1884" 7729 height="2440" 7730 loading="lazy" 7731 decoding="async" 7732 7733 alt="Element Men's Chino Trouser 30"" 7734 class="w-full w-full h-full object-cover object-center" 7735 7736 > 7737 </picture> 7738 7739 7740 </div> 7741 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 7742 7743 7744 7745 7746 7747 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7748 7749 <img 7750 src="//beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=300" 7751 srcset="//beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=300 300w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=600 600w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=750 750w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MC1276D_nocturnal-navy_22959.jpg?v=1754684412&width=1920 1920w" 7752 sizes="(min-width: 1024px) 25vw, 50vw" 7753 width="1884" 7754 height="2440" 7755 loading="lazy" 7756 decoding="async" 7757 7758 alt="Element Men's Chino Trouser 30"" 7759 class="w-full w-full h-full object-cover object-center" 7760 7761 > 7762 </picture> 7763 7764 7765 </div> 7766 </a> 7767 7768 7769 7770 7771 7772 7773 7774 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 7775 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 7776 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 7777 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 7778 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" js-product-card-options> 7779 7780 7781 7782 7783 7784 7785 <li class="product-swatch__label-container"> 7786 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-28" data-color="" role="button" data-value="28" aria-label="Add size:28 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7787 28 7788 </button> 7789 </li> 7790 7791 7792 <li class="product-swatch__label-container"> 7793 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
7793ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-30" data-color="" role="button" data-value="30" aria-label="Add size:30 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7794 30 7795 </button> 7796 </li> 7797 7798 7799 <li class="product-swatch__label-container"> 7800 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-32" data-color="" role="button" data-value="32" aria-label="Add size:32 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7801 32 7802 </button> 7803 </li> 7804 7805 7806 <li class="product-swatch__label-container"> 7807 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-34" data-color="" role="button" data-value="34" aria-label="Add size:34 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7808 34 7809 </button> 7810 </li> 7811 7812 7813 <li class="product-swatch__label-container"> 7814 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-36" data-color="" role="button" data-value="36" aria-label="Add size:36 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7815 36 7816 </button> 7817 </li> 7818 7819 7820 <li class="product-swatch__label-container"> 7821 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="element-mens-chino-trouser-30-38" data-color="" role="button" data-value="38" aria-label="Add size:38 of Element Men's Chino Trouser 30" with color: to cart" js-product-card-quick-add-swatch> 7822 38 7823 </button> 7824 </li> 7825 7826 7827 7828 </ul> 7829 </div> 7830 </div> 7831 7832 <select class="product-card__select hidden" js-product-card-select> 7833 7834 <option value="43455600525411" 7835 data-title="Nocturnal Navy / 28" 7836 selected 7837 > 7838 Nocturnal Navy / 28 7839 </option> 7840 7841 <option value="43455600558179" 7842 data-title="Nocturnal Navy / 30" 7843 7844 > 7845 Nocturnal Navy / 30 7846 </option> 7847 7848 <option value="43455600590947" 7849 data-title="Nocturnal Navy / 32" 7850 7851 > 7852 Nocturnal Navy / 32 7853 </option> 7854 7855 <option value="43455600623715" 7856 data-title="Nocturnal Navy / 34" 7857 7858 > 7859 Nocturnal Navy / 34 7860 </option> 7861 7862 <option value="43455600656483" 7863 data-title="Nocturnal Navy / 36" 7864 7865 > 7866 Nocturnal Navy / 36 7867 </option> 7868 7869 <option value="43455600689251" 7870 data-title="Nocturnal Navy / 38" 7871 7872 > 7873 Nocturnal Navy / 38 7874 </option> 7875 7876 </select> 7877 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Element Men's Chino Trouser 30"" js-quickshop-trigger> 7878 QUICK VIEW 7879 </button> 7880 7881 7882 </div> 7883 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 7884 data-handle="element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" 7885 data-collection="" 7886 data-core="swatch-collection-core-non-sale" 7887 data-seasonal="swatch-collection-non-sale" 7888 data-group="YGroup_MC1276DS" 7889 js-product-card-swatch-container> 7890 <fieldset> 7891 <legend id="product-card-swatch-legend-element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="visually-hidden">Element Men's Chino Trouser 30" - Color Options</legend> 7892 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" js-swatch-carousel> 7893 <!-- SWATCHES RENDER HERE --> 7894 </div> 7895 </fieldset> 7896 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 7897 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
7898 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7899<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 7900</svg> 7901</span> 7902 </button> 7903 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 7904 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7905<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 7906</svg> 7907</span> 7908 </button> 7909 </div> 7910 <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Element Men's Chino Trouser 30" Colors" js-product-card-swatch-count js-produdct-card-link></a> 7911 </div> 7912 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 7913 7914 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 7915 <a href="/products/element-mens-chino-30-trouser-nocturnal-navy-mc1276ds" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 7916 <h3 class="f0">Element Men's Chino Trouser 30"</h3> 7917 </a> 7918 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 7919 7920 7921 <span class="product-card__price product-card__price--current ">$128.00</span> 7922 7923 </div> 7924 7925 </div> 7926 7927 </div> 7928</product-card> 7929 </div> 7930 </div> 7931 7932 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 7933 <div class="collection-carousel__content h-full"> 7934 7935 7936<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Spacedye⢠Terrain Men's Quarter Zip Pullover" data-product-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" data-swatch-carousel-disabled"> 7937 <div class="product-card__image-container relative"> 7938 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 7939 <!-- Swym Wishlist Plus EPI Button with default first variant --> 7940 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7819656429667 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7819656429667" data-variant-id="43455009128547" data-product-url="https://beyondyoga.com/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d"> 7941 </button> 7942 <!-- Swym Wishlist Plus EPI Button--> 7943 7944 </div> 7945 7946 <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__image-link" js-produdct-card-link aria-label="Spacedye⢠Terrain Men's Quarter Zip Pullover"> 7947 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 7948 7949 7950 7951 7952 7953 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7954 7955 <img 7956 src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=300" 7957 srcset="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=300 300w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=600 600w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=750 750w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1024 1024
7957w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_21039.jpg?v=1749965585&width=1920 1920w" 7958 sizes="(min-width: 1024px) 25vw, 50vw" 7959 width="1884" 7960 height="2440" 7961 loading="lazy" 7962 decoding="async" 7963 7964 alt="Spacedye⢠Terrain Men's Quarter Zip Pullover" 7965 class="w-full w-full h-full object-cover object-center" 7966 7967 > 7968 </picture> 7969 7970 7971 </div> 7972 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 7973 7974 7975 7976 7977 7978 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 7979 7980 <img 7981 src="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=300" 7982 srcset="//beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=300 300w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=600 600w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=750 750w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD7971D_darkest-night_12556.jpg?v=1749965597&width=1920 1920w" 7983 sizes="(min-width: 1024px) 25vw, 50vw" 7984 width="1884" 7985 height="2440" 7986 loading="lazy" 7987 decoding="async" 7988 7989 alt="Spacedye⢠Terrain Men's Quarter Zip Pullover" 7990 class="w-full w-full h-full object-cover object-center" 7991 7992 > 7993 </picture> 7994 7995 7996 </div> 7997 </a> 7998 7999 8000 8001 8002 8003 8004 8005 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 8006 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 8007 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 8008 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 8009 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" js-product-card-options> 8010 8011 8012 8013 8014 8015 8016 <li class="product-swatch__label-container"> 8017 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8018 XS 8019 </button> 8020 </li> 8021 8022 8023 <li class="product-swatch__label-container"> 8024 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8024ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8025 S 8026 </button> 8027 </li> 8028 8029 8030 <li class="product-swatch__label-container"> 8031 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8032 M 8033 </button> 8034 </li> 8035 8036 8037 <li class="product-swatch__label-container"> 8038 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8039 L 8040 </button> 8041 </li> 8042 8043 8044 <li class="product-swatch__label-container"> 8045 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8046 XL 8047 </button> 8048 </li> 8049 8050 8051 <li class="product-swatch__label-container"> 8052 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="spacedyeâ¢-terrain-mens-quarter-zip-pullover-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Spacedye⢠Terrain Men's Quarter Zip Pullover with color: to cart" js-product-card-quick-add-swatch> 8053 2XL 8054 </button> 8055 </li> 8056 8057 8058 8059 </ul> 8060 </div> 8061 </div> 8062 8063 <select class="product-card__select hidden" js-product-card-select> 8064 8065 <option value="43455009128547" 8066 data-title="Darkest Night / XS" 8067 selected 8068 > 8069 Darkest Night / XS 8070 </option> 8071 8072 <option value="43455009161315" 8073 data-title="Darkest Night / S" 8074 8075 > 8076 Darkest Night / S 8077 </option> 8078 8079 <option value="43455009194083" 8080 data-title="Darkest Night / M" 8081 8082 > 8083 Darkest Night / M 8084 </option> 8085 8086 <option value="43455009226851" 8087 data-title="Darkest Night / L" 8088 8089 > 8090 Darkest Night / L 8091 </option> 8092 8093 <option value="43455009259619" 8094 data-title="Darkest Night / XL" 8095 8096 > 8097 Darkest Night / XL 8098 </option> 8099 8100 <option value="43455009292387" 8101 data-title="Darkest Night / 2XL" 8102 8103 > 8104 Darkest Night / 2XL 8105 </option> 8106 8107 </select> 8108 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Spacedye⢠Terrain Men's Quarter Zip Pullover" js-quickshop-trigger> 8109 QUICK VIEW 8110 </button> 8111 8112 8113 </div> 8114 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 8115 data-handle="spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" 8116 data-collection="" 8117 data-core="swatch-collection-core-non-sale" 8118 data-seasonal="swatch-collection-non-sale" 8119 data-group="YGroup_SD7971D" 8120 js-product-card-swatch-container> 8121 <fieldset> 8122 <legend id="product-card-swatch-legend-spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="visually-hidden">Spacedye⢠Terrain Men's Quarter Zip Pullover - Color Options</legend> 8123 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" js-swatch-carousel> 8124 <!-- SWATCHES RENDER HERE --> 8125 </div> 8126 </fieldset> 8127 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 8128 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8129 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8130<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 8131</svg> 8132</span> 8133 </button> 8134 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 8135 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8136<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 8137</svg> 8138</span> 8139 </button> 8140 </div> 8141 <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Spacedye⢠Terrain Men's Quarter Zip Pullover Colors" js-product-card-swatch-count js-produdct-card-link></a> 8142 </div> 8143 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 8144 8145 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 8146 <a href="/products/spacedye-terrain-mens-quarter-zip-pullover-darkest-night-sd7971d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 8147 <h3 class="f0">Spacedye⢠Terrain Men's Quarter Zip Pullover</h3> 8148 </a> 8149 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 8150 8151 8152 <span class="product-card__price product-card__price--current ">$110.00</span> 8153 8154 </div> 8155 8156 </div> 8157 8158 </div> 8159</product-card> 8160 </div> 8161 </div> 8162 8163 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 8164 <div class="collection-carousel__content h-full"> 8165 8166 8167<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men's Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" data-swatch-carousel-disabled"> 8168 <div class="product-card__image-container relative"> 8169 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 8170 <!-- Swym Wishlist Plus EPI Button with default first variant --> 8171 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7834999881827 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7834999881827" data-variant-id="43519289786467" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d"> 8172 </button> 8173 <!-- Swym Wishlist Plus EPI Button--> 8174 8175 </div> 8176 8177 <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket"> 8178 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 8179 8180 8181 8182 8183 8184 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8185 8186 <img 8187 src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=300" 8188 srcset="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1024 1024
8188w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43527.jpg?v=1753894438&width=1920 1920w" 8189 sizes="(min-width: 1024px) 25vw, 50vw" 8190 width="1884" 8191 height="2440" 8192 loading="lazy" 8193 decoding="async" 8194 8195 alt="Boucle Fleece Men's Zip Jacket" 8196 class="w-full w-full h-full object-cover object-center" 8197 8198 > 8199 </picture> 8200 8201 8202 </div> 8203 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 8204 8205 8206 8207 8208 8209 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8210 8211 <img 8212 src="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=300" 8213 srcset="//beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1024 1024w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_deep-maroon_43608.jpg?v=1753894438&width=1920 1920w" 8214 sizes="(min-width: 1024px) 25vw, 50vw" 8215 width="1884" 8216 height="2440" 8217 loading="lazy" 8218 decoding="async" 8219 8220 alt="Boucle Fleece Men's Zip Jacket" 8221 class="w-full w-full h-full object-cover object-center" 8222 8223 > 8224 </picture> 8225 8226 8227 </div> 8228 </a> 8229 8230 8231 8232 8233 8234 8235 8236 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 8237 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 8238 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 8239 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 8240 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" js-product-card-options> 8241 8242 8243 8244 8245 8246 8247 <li class="product-swatch__label-container"> 8248 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8249 XS 8250 </button> 8251 </li> 8252 8253 8254 <li class="product-swatch__label-container"> 8255 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8255ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8256 S 8257 </button> 8258 </li> 8259 8260 8261 <li class="product-swatch__label-container"> 8262 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8263 M 8264 </button> 8265 </li> 8266 8267 8268 <li class="product-swatch__label-container"> 8269 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8270 L 8271 </button> 8272 </li> 8273 8274 8275 <li class="product-swatch__label-container"> 8276 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8277 XL 8278 </button> 8279 </li> 8280 8281 8282 <li class="product-swatch__label-container"> 8283 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8284 2XL 8285 </button> 8286 </li> 8287 8288 8289 8290 </ul> 8291 </div> 8292 </div> 8293 8294 <select class="product-card__select hidden" js-product-card-select> 8295 8296 <option value="43519289786467" 8297 data-title="Deep Maroon / XS" 8298 selected 8299 > 8300 Deep Maroon / XS 8301 </option> 8302 8303 <option value="43519289819235" 8304 data-title="Deep Maroon / S" 8305 8306 > 8307 Deep Maroon / S 8308 </option> 8309 8310 <option value="43519289852003" 8311 data-title="Deep Maroon / M" 8312 8313 > 8314 Deep Maroon / M 8315 </option> 8316 8317 <option value="43519289884771"
8318 data-title="Deep Maroon / L" 8319 8320 > 8321 Deep Maroon / L 8322 </option> 8323 8324 <option value="43519289917539" 8325 data-title="Deep Maroon / XL" 8326 8327 > 8328 Deep Maroon / XL 8329 </option> 8330 8331 <option value="43519289950307" 8332 data-title="Deep Maroon / 2XL" 8333 8334 > 8335 Deep Maroon / 2XL 8336 </option> 8337 8338 </select> 8339 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger> 8340 QUICK VIEW 8341 </button> 8342 8343 8344 </div> 8345 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 8346 data-handle="boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" 8347 data-collection="" 8348 data-core="swatch-collection-core-non-sale" 8349 data-seasonal="swatch-collection-non-sale" 8350 data-group="YGroup_CU2295D" 8351 js-product-card-swatch-container> 8352 <fieldset> 8353 <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend> 8354 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" js-swatch-carousel> 8355 <!-- SWATCHES RENDER HERE --> 8356 </div> 8357 </fieldset> 8358 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 8359 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;"> 8360 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8361<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 8362</svg> 8363</span> 8364 </button> 8365 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 8366 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8367<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 8368</svg> 8369</span> 8370 </button> 8371 </div> 8372 <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 8373 </div> 8374 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 8375 8376 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 8377 NEW ARRIVAL 8378 </p> 8379 8380 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 8381 <a href="/products/boucle-fleece-mens-zip-jacket-deep-maroon-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 8382 <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3> 8383 </a> 8384 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 8385 8386
8387 <span class="product-card__price product-card__price--current ">$178.00</span> 8388 8389 </div> 8390 8391 </div> 8392 8393 </div> 8394</product-card> 8395 </div> 8396 </div> 8397 8398 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 8399 <div class="collection-carousel__content h-full"> 8400 8401 8402<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Plaid Wool Blend Men's Shirt Jacket" data-product-handle="plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" data-swatch-carousel-disabled"> 8403 <div class="product-card__image-container relative"> 8404 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 8405 <!-- Swym Wishlist Plus EPI Button with default first variant --> 8406 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835002601571 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835002601571" data-variant-id="43519298109539" data-product-url="https://beyondyoga.com/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d"> 8407 </button> 8408 <!-- Swym Wishlist Plus EPI Button--> 8409 8410 </div> 8411 8412 <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__image-link" js-produdct-card-link aria-label="Plaid Wool Blend Men's Shirt Jacket"> 8413 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 8414 8415 8416 8417 8418 8419 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8420 8421 <img 8422 src="//beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=300" 8423 srcset="//beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LS59_T_LWSD7892D_SILMS_T_DV2299D_MDPLD_B_MC1276D_BKASH_14032.jpg?v=1787325572&width=1920 1920w" 8424 sizes="(min-width: 1024px) 25vw, 50vw" 8425 width="1884" 8426 height="2440" 8427 loading="lazy" 8428 decoding="async" 8429 8430 alt="Plaid Wool Blend Men's Shirt Jacket" 8431 class="w-full w-full h-full object-cover object-center" 8432 8433 > 8434 </picture> 8435 8436 8437 </div> 8438 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 8439 8440 8441 8442 8443 8444 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8445 8446 <img 8447 src="//beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=300" 8448 srcset="//beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=300 300w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=600 600w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=750 750w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1024 1024w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1280 1280w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1440 1440w, //beyondyoga.com/cdn/shop/files/DV2299D_midnight-plaid_42008.jpg?v=1758841117&width=1920 1920w" 8449 sizes="(min-width: 1024px) 25vw, 50vw" 8450 width="1884" 8451 height="2440" 8452 loading="lazy" 8453 decoding="async" 8454 8455 alt="Plaid Wool Blend Men's Shirt Jacket" 8456 class="w-full w-full h-full object-cover object-center" 8457 8458 > 8459 </picture> 8460 8461 8462 </div> 8463 </a> 8464 8465 8466 8467 8468 8469 8470 8471 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 8472 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 8473 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 8474 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 8475 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="plaid-wool-blend-mens-s
8475hirt-jacket-midnight-plaid-dv2299d" js-product-card-options> 8476 8477 8478 8479 8480 8481 8482 <li class="product-swatch__label-container"> 8483 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="plaid-wool-blend-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8484 XS 8485 </button> 8486 </li> 8487 8488 8489 <li class="product-swatch__label-container"> 8490 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="plaid-wool-blend-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8491 S 8492 </button> 8493 </li> 8494 8495 8496 <li class="product-swatch__label-container"> 8497 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="plaid-wool-blend-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8498 M 8499 </button> 8500 </li> 8501 8502 8503 <li class="product-swatch__label-container"> 8504 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8505 L 8506 </button> 8507 </li> 8508 8509 8510 <li class="product-swatch__label-container"> 8511 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8512 XL 8513 </button> 8514 </li> 8515 8516 8517 <li class="product-swatch__label-container"> 8518 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="plaid-wool-blend-mens-s
8518hirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Plaid Wool Blend Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8519 2XL 8520 </button> 8521 </li> 8522 8523 8524 8525 </ul> 8526 </div> 8527 </div> 8528 8529 <select class="product-card__select hidden" js-product-card-select> 8530 8531 <option value="43519298109539" 8532 data-title="Midnight Plaid / XS" 8533 selected 8534 > 8535 Midnight Plaid / XS 8536 </option> 8537 8538 <option value="43519298142307" 8539 data-title="Midnight Plaid / S" 8540 8541 > 8542 Midnight Plaid / S 8543 </option> 8544 8545 <option value="43519298175075" 8546 data-title="Midnight Plaid / M" 8547 8548 > 8549 Midnight Plaid / M 8550 </option> 8551 8552 <option value="43519298207843" 8553 data-title="Midnight Plaid / L" 8554 8555 disabled="disabled"> 8556 Midnight Plaid / L 8557 </option> 8558 8559 <option value="43519298240611" 8560 data-title="Midnight Plaid / XL" 8561 8562 disabled="disabled"> 8563 Midnight Plaid / XL 8564 </option> 8565 8566 <option value="43519298273379" 8567 data-title="Midnight Plaid / 2XL" 8568 8569 disabled="disabled"> 8570 Midnight Plaid / 2XL 8571 </option> 8572 8573 </select> 8574 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Plaid Wool Blend Men's Shirt Jacket" js-quickshop-trigger> 8575 QUICK VIEW 8576 </button> 8577 8578 8579 </div> 8580 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 8581 data-handle="plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" 8582 data-collection="" 8583 data-core="swatch-collection-core-non-sale" 8584 data-seasonal="swatch-collection-non-sale" 8585 data-group="YGroup_DV2299D" 8586 js-product-card-swatch-container> 8587 <fieldset> 8588 <legend id="product-card-swatch-legend-plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="visually-hidden">Plaid Wool Blend Men's Shirt Jacket - Color Options</legend> 8589 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" js-swatch-carousel> 8590 <!-- SWATCHES RENDER HERE --> 8591 </div> 8592 </fieldset> 8593 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 8594 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;"> 8595 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8596<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 8597</svg> 8598</span> 8599 </button> 8600 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;">
8601 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8602<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 8603</svg> 8604</span> 8605 </button> 8606 </div> 8607 <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Plaid Wool Blend Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 8608 </div> 8609 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 8610 8611 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 8612 <a href="/products/plaid-wool-blend-mens-shirt-jacket-midnight-plaid-dv2299d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 8613 <h3 class="f0">Plaid Wool Blend Men's Shirt Jacket</h3> 8614 </a> 8615 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 8616 8617 8618 <span class="product-card__price product-card__price--current ">$228.00</span> 8619 8620 </div> 8621 8622 </div> 8623 8624 </div> 8625</product-card> 8626 </div> 8627 </div> 8628 8629 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 8630 <div class="collection-carousel__content h-full"> 8631 8632 8633<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Boucle Fleece Men's Zip Jacket" data-product-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" data-swatch-carousel-disabled"> 8634 <div class="product-card__image-container relative"> 8635 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 8636 <!-- Swym Wishlist Plus EPI Button with default first variant --> 8637 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7835001716835 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7835001716835" data-variant-id="43519295291491" data-product-url="https://beyondyoga.com/products/boucle-fleece-mens-zip-jacket-sand-cu2295d"> 8638 </button> 8639 <!-- Swym Wishlist Plus EPI Button--> 8640 8641 </div> 8642 8643 <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__image-link" js-produdct-card-link aria-label="Boucle Fleece Men's Zip Jacket"> 8644 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 8645 8646 8647 8648 8649 8650 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8651 8652 <img 8653 src="//beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=300" 8654 srcset="//beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO67_T_CU2295D_SANDD_B_FG1297D_FRSMS_16733.jpg?v=1787325438&width=1920 1920w" 8655 sizes="(min-width: 1024px) 25vw, 50vw" 8656 width="1884" 8657 height="2440" 8658 loading="lazy" 8659 decoding="async" 8660 8661 alt="Boucle Fleece Men's Zip Jacket" 8662 class="w-full w-full h-full object-cover object-center" 8663 8664 > 8665 </picture> 8666 8667 8668 </div> 8669 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 8670 8671 8672 8673 8674 8675 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8676 8677 <img 8678 src="//beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=300" 8679 srcset="//beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=300 300w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=600 600w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=750 750w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1024 1024
8679w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1280 1280w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1440 1440w, //beyondyoga.com/cdn/shop/files/CU2295D_sand_42303.jpg?v=1753894866&width=1920 1920w" 8680 sizes="(min-width: 1024px) 25vw, 50vw" 8681 width="1884" 8682 height="2440" 8683 loading="lazy" 8684 decoding="async" 8685 8686 alt="Boucle Fleece Men's Zip Jacket" 8687 class="w-full w-full h-full object-cover object-center" 8688 8689 > 8690 </picture> 8691 8692 8693 </div> 8694 </a> 8695 8696 8697 8698 8699 8700 8701 8702 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 8703 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 8704 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 8705 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 8706 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" js-product-card-options> 8707 8708 8709 8710 8711 8712 8713 <li class="product-swatch__label-container"> 8714 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8715 XS 8716 </button> 8717 </li> 8718 8719 8720 <li class="product-swatch__label-container"> 8721 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8722 S 8723 </button> 8724 </li> 8725 8726 8727 <li class="product-swatch__label-container"> 8728 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8729 M 8730 </button> 8731 </li> 8732 8733 8734 <li class="product-swatch__label-container"> 8735 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8735ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8736 L 8737 </button> 8738 </li> 8739 8740 8741 <li class="product-swatch__label-container"> 8742 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8743 XL 8744 </button> 8745 </li> 8746 8747 8748 <li class="product-swatch__label-container"> 8749 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="boucle-fleece-mens-zip-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Boucle Fleece Men's Zip Jacket with color: to cart" js-product-card-quick-add-swatch> 8750 2XL 8751 </button> 8752 </li> 8753 8754 8755 8756 </ul> 8757 </div> 8758 </div> 8759 8760 <select class="product-card__select hidden" js-product-card-select> 8761 8762 <option value="43519295291491" 8763 data-title="Sand / XS" 8764 selected 8765 > 8766 Sand / XS 8767 </option> 8768 8769 <option value="43519295324259" 8770 data-title="Sand / S" 8771 8772 > 8773 Sand / S 8774 </option> 8775 8776 <option value="43519295357027" 8777 data-title="Sand / M" 8778 8779 > 8780 Sand / M 8781 </option> 8782 8783 <option value="43519295389795" 8784 data-title="Sand / L" 8785 8786 > 8787 Sand / L 8788 </option> 8789 8790 <option value="43519295422563" 8791 data-title="Sand / XL" 8792 8793 > 8794 Sand / XL 8795 </option> 8796 8797 <option value="43519295455331" 8798 data-title="Sand / 2XL" 8799 8800 > 8801 Sand / 2XL 8802 </option> 8803 8804 </select> 8805 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Boucle Fleece Men's Zip Jacket" js-quickshop-trigger> 8806 QUICK VIEW 8807 </button> 8808 8809 8810 </div> 8811 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 8812 data-handle="boucle-fleece-mens-zip-jacket-sand-cu2295d" 8813 data-collection="" 8814 data-core="swatch-collection-core-non-sale" 8815 data-seasonal="swatch-collection-non-sale" 8816 data-group="YGroup_CU2295D" 8817 js-product-card-swatch-container> 8818 <fieldset> 8819 <legend id="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-sand-cu2295d" class="visually-hidden">Boucle Fleece Men's Zip Jacket - Color Options</legend> 8820 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-boucle-fleece-mens-zip-jacket-sand-cu2295d" js-swatch-carousel> 8821 <!-- SWATCHES RENDER HERE --> 8822 </div> 8823 </fieldset> 8824 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 8825 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
8826 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8827<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 8828</svg> 8829</span> 8830 </button> 8831 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 8832 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8833<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 8834</svg> 8835</span> 8836 </button> 8837 </div> 8838 <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Boucle Fleece Men's Zip Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 8839 </div> 8840 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 8841 8842 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 8843 NEW ARRIVAL 8844 </p> 8845 8846 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 8847 <a href="/products/boucle-fleece-mens-zip-jacket-sand-cu2295d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 8848 <h3 class="f0">Boucle Fleece Men's Zip Jacket</h3> 8849 </a> 8850 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 8851 8852 8853 <span class="product-card__price product-card__price--current ">$178.00</span> 8854 8855 </div> 8856 8857 </div> 8858 8859 </div> 8860</product-card> 8861 </div> 8862 </div> 8863 8864 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 8865 <div class="collection-carousel__content h-full"> 8866 8867 8868<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Day to Night Wool Men's Shirt Jacket" data-product-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" data-swatch-carousel-disabled"> 8869 <div class="product-card__image-container relative"> 8870 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 8871 <!-- Swym Wishlist Plus EPI Button with default first variant --> 8872 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7834282164323 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7834282164323" data-variant-id="43517900750947" data-product-url="https://beyondyoga.com/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d"> 8873 </button> 8874 <!-- Swym Wishlist Plus EPI Button--> 8875 8876 </div> 8877 8878 <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__image-link" js-produdct-card-link aria-label="Day to Night Wool Men's Shirt Jacket"> 8879 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 8880 8881 8882 8883 8884 8885 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8886 8887 <img 8888 src="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=300" 8889 srcset="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1024 1024
8889w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15637.jpg?v=1787165163&width=1920 1920w" 8890 sizes="(min-width: 1024px) 25vw, 50vw" 8891 width="1884" 8892 height="2440" 8893 loading="lazy" 8894 decoding="async" 8895 8896 alt="Day to Night Wool Men's Shirt Jacket" 8897 class="w-full w-full h-full object-cover object-center" 8898 8899 > 8900 </picture> 8901 8902 8903 </div> 8904 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 8905 8906 8907 8908 8909 8910 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 8911 8912 <img 8913 src="//beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=300" 8914 srcset="//beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=300 300w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=600 600w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=750 750w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1024 1024w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1280 1280w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1440 1440w, //beyondyoga.com/cdn/shop/files/BR2300D_fog-gray-heather_42616.jpg?v=1758841007&width=1920 1920w" 8915 sizes="(min-width: 1024px) 25vw, 50vw" 8916 width="1884" 8917 height="2440" 8918 loading="lazy" 8919 decoding="async" 8920 8921 alt="Day to Night Wool Men's Shirt Jacket" 8922 class="w-full w-full h-full object-cover object-center" 8923 8924 > 8925 </picture> 8926 8927 8928 </div> 8929 </a> 8930 8931 8932 8933 8934 8935 8936 8937 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 8938 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 8939 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 8940 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 8941 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" js-product-card-options> 8942 8943 8944 8945 8946 8947 8948 <li class="product-swatch__label-container"> 8949 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8950 XS 8951 </button> 8952 </li> 8953 8954 8955 <li class="product-swatch__label-container"> 8956 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
8956ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8957 S 8958 </button> 8959 </li> 8960 8961 8962 <li class="product-swatch__label-container"> 8963 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8964 M 8965 </button> 8966 </li> 8967 8968 8969 <li class="product-swatch__label-container"> 8970 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8971 L 8972 </button> 8973 </li> 8974 8975 8976 <li class="product-swatch__label-container"> 8977 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8978 XL 8979 </button> 8980 </li> 8981 8982 8983 <li class="product-swatch__label-container"> 8984 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="day-to-night-wool-mens-shirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Day to Night Wool Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 8985 2XL 8986 </button> 8987 </li> 8988 8989 8990 8991 </ul> 8992 </div> 8993 </div> 8994 8995 <select class="product-card__select hidden" js-product-card-select> 8996 8997 <option value="43517900750947" 8998 data-title="Fog Gray Heather / XS" 8999 selected 9000 > 9001 Fog Gray Heather / XS 9002 </option> 9003 9004 <option value="43517900783715" 9005 data-title="Fog Gray Heather / S" 9006 9007 > 9008 Fog Gray Heather / S 9009 </option> 9010 9011 <option value="43517900816483" 9012 data-title="Fog Gray Heather / M" 9013 9014 > 9015 Fog Gray Heather / M 9016 </option> 9017 9018 <option value="43517900849251" 9019 data-title="Fog Gray Heather / L" 9020 9021 > 9022 Fog Gray Heather / L 9023 </option> 9024 9025 <option value="43517900882019" 9026 data-title="Fog Gray Heather / XL" 9027 9028 > 9029 Fog Gray Heather / XL 9030 </option> 9031 9032 <option value="43517900914787" 9033 data-title="Fog Gray Heather / 2XL" 9034 9035 > 9036 Fog Gray Heather / 2XL 9037 </option> 9038 9039 </select> 9040 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Day to Night Wool Men's Shirt Jacket" js-quickshop-trigger> 9041 QUICK VIEW 9042 </button> 9043 9044 9045 </div> 9046 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 9047 data-handle="day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" 9048 data-collection="" 9049 data-core="swatch-collection-core-non-sale" 9050 data-seasonal="swatch-collection-non-sale" 9051 data-group="YGroup_BR2300D" 9052 js-product-card-swatch-container> 9053 <fieldset> 9054 <legend id="product-card-swatch-legend-day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="visually-hidden">Day to Night Wool Men's Shirt Jacket - Color Options</legend> 9055 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" js-swatch-carousel> 9056 <!-- SWATCHES RENDER HERE --> 9057 </div> 9058 </fieldset> 9059 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 9060 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9061 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9062<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 9063</svg> 9064</span> 9065 </button> 9066 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 9067 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9068<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 9069</svg> 9070</span> 9071 </button> 9072 </div> 9073 <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Day to Night Wool Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 9074 </div> 9075 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 9076 9077 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 9078 <a href="/products/day-to-night-mens-wool-shirt-jacket-fog-gray-heather-br2300d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 9079 <h3 class="f0">Day to Night Wool Men's Shirt Jacket</h3> 9080 </a> 9081 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 9082 9083 9084 <span class="product-card__price product-card__price--current ">$228.00</span> 9085 9086 </div> 9087 9088 </div> 9089 9090 </div> 9091</product-card> 9092 </div> 9093 </div> 9094 9095 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 9096 <div class="collection-carousel__content h-full"> 9097 9098 9099<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Rest Day Men's Waffle Crewneck" data-product-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" data-swatch-carousel-disabled"> 9100 <div class="product-card__image-container relative"> 9101 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 9102 <!-- Swym Wishlist Plus EPI Button with default first variant --> 9103 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8093060464739 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8093060464739" data-variant-id="44426250125411" data-product-url="https://beyondyoga.com/products/rest-day-mens-waffle-crewneck-black-00ab0-0000"> 9104 </button> 9105 <!-- Swym Wishlist Plus EPI Button--> 9106 9107 </div> 9108 9109 <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__image-link" js-produdct-card-link aria-label="Rest Day Men's Waffle Crewneck"> 9110 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 9111 9112 9113 9114 9115 9116 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9117 9118 <img 9119 src="//beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=300" 9120 srcset="//beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1024 1024
9120w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO69_T_WG70094D_BLK_B_FG1297D_BLK_14737.jpg?v=1789496072&width=1920 1920w" 9121 sizes="(min-width: 1024px) 25vw, 50vw" 9122 width="1884" 9123 height="2440" 9124 loading="lazy" 9125 decoding="async" 9126 9127 alt="Rest Day Men's Waffle Crewneck" 9128 class="w-full w-full h-full object-cover object-center" 9129 9130 > 9131 </picture> 9132 9133 9134 </div> 9135 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 9136 9137 9138 9139 9140 9141 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9142 9143 <img 9144 src="//beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=300" 9145 srcset="//beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AB0-0000_GLO_CM_FV.jpg?v=1787331176&width=1920 1920w" 9146 sizes="(min-width: 1024px) 25vw, 50vw" 9147 width="1884" 9148 height="2440" 9149 loading="lazy" 9150 decoding="async" 9151 9152 alt="Rest Day Men's Waffle Crewneck" 9153 class="w-full w-full h-full object-cover object-center" 9154 9155 > 9156 </picture> 9157 9158 9159 </div> 9160 </a> 9161 9162 9163 9164 9165 9166 9167 9168 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 9169 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 9170 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 9171 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 9172 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" js-product-card-options> 9173 9174 9175 9176 9177 9178 9179 <li class="product-swatch__label-container"> 9180 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9181 XS 9182 </button> 9183 </li> 9184 9185 9186 <li class="product-swatch__label-container"> 9187 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9187ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9188 S 9189 </button> 9190 </li> 9191 9192 9193 <li class="product-swatch__label-container"> 9194 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9195 M 9196 </button> 9197 </li> 9198 9199 9200 <li class="product-swatch__label-container"> 9201 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9202 L 9203 </button> 9204 </li> 9205 9206 9207 <li class="product-swatch__label-container"> 9208 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9209 XL 9210 </button> 9211 </li> 9212 9213 9214 <li class="product-swatch__label-container"> 9215 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="rest-day-mens-waffle-crewneck-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Rest Day Men's Waffle Crewneck with color: to cart" js-product-card-quick-add-swatch> 9216 2XL 9217 </button> 9218 </li> 9219 9220 9221 9222 </ul> 9223 </div> 9224 </div> 9225 9226 <select class="product-card__select hidden" js-product-card-select> 9227 9228 <option value="44426250125411" 9229 data-title="Black / XS" 9230 selected 9231 > 9232 Black / XS 9233 </option> 9234 9235 <option value="44426250158179" 9236 data-title="Black / S" 9237 9238 > 9239 Black / S 9240 </option> 9241 9242 <option value="44426250190947" 9243 data-title="Black / M" 9244 9245 > 9246 Black / M 9247 </option> 9248 9249 <option value="44426250223715" 9250 data-title="Black / L" 9251 9252 > 9253 Black / L 9254 </option> 9255 9256 <option value="44426250256483" 9257 data-title="Black / XL" 9258 9259 > 9260 Black / XL 9261 </option> 9262 9263 <option value="44426250289251" 9264 data-title="Black / 2XL" 9265 9266 > 9267 Black / 2XL 9268 </option> 9269 9270 </select> 9271 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Rest Day Men's Waffle Crewneck" js-quickshop-trigger> 9272 QUICK VIEW 9273 </button> 9274 9275 9276 </div> 9277 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 9278 data-handle="rest-day-mens-waffle-crewneck-black-00ab0-0000" 9279 data-collection="" 9280 data-core="swatch-collection-core-non-sale" 9281 data-seasonal="swatch-collection-non-sale" 9282 data-group="YGroup_WG70094D" 9283 js-product-card-swatch-container> 9284 <fieldset> 9285 <legend id="product-card-swatch-legend-rest-day-mens-waffle-crewneck-black-00ab0-0000" class="visually-hidden">Rest Day Men's Waffle Crewneck - Color Options</legend> 9286 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-rest-day-mens-waffle-crewneck-black-00ab0-0000" js-swatch-carousel> 9287 <!-- SWATCHES RENDER HERE --> 9288 </div> 9289 </fieldset> 9290 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 9291 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9292 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9293<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 9294</svg> 9295</span> 9296 </button> 9297 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 9298 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9299<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 9300</svg> 9301</span> 9302 </button> 9303 </div> 9304 <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Rest Day Men's Waffle Crewneck Colors" js-product-card-swatch-count js-produdct-card-link></a> 9305 </div> 9306 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 9307 9308 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 9309 <a href="/products/rest-day-mens-waffle-crewneck-black-00ab0-0000" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 9310 <h3 class="f0">Rest Day Men's Waffle Crewneck</h3> 9311 </a> 9312 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 9313 9314 9315 <span class="product-card__price product-card__price--current ">$118.00</span> 9316 9317 </div> 9318 9319 </div> 9320 9321 </div> 9322</product-card> 9323 </div> 9324 </div> 9325 9326 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 9327 <div class="collection-carousel__content h-full"> 9328 9329 9330<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Canyon Chino Men's Jacket" data-product-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" data-swatch-carousel-disabled"> 9331 <div class="product-card__image-container relative"> 9332 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 9333 <!-- Swym Wishlist Plus EPI Button with default first variant --> 9334 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8093109092451 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8093109092451" data-variant-id="44426348953699" data-product-url="https://beyondyoga.com/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001"> 9335 </button> 9336 <!-- Swym Wishlist Plus EPI Button--> 9337 9338 </div> 9339 9340 <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__image-link" js-produdct-card-link aria-label="Canyon Chino Men's Jacket"> 9341 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 9342 9343 9344 9345 9346 9347 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9348 9349 <img 9350 src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=300" 9351 srcset="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1024 1024
9351w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_FV.jpg?v=1787090482&width=1920 1920w" 9352 sizes="(min-width: 1024px) 25vw, 50vw" 9353 width="1884" 9354 height="2440" 9355 loading="lazy" 9356 decoding="async" 9357 9358 alt="Canyon Chino Men's Jacket" 9359 class="w-full w-full h-full object-cover object-center" 9360 9361 > 9362 </picture> 9363 9364 9365 </div> 9366 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 9367 9368 9369 9370 9371 9372 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9373 9374 <img 9375 src="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=300" 9376 srcset="//beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_00AC7-0001_GLO_CM_BV.jpg?v=1787090482&width=1920 1920w" 9377 sizes="(min-width: 1024px) 25vw, 50vw" 9378 width="1884" 9379 height="2440" 9380 loading="lazy" 9381 decoding="async" 9382 9383 alt="Canyon Chino Men's Jacket" 9384 class="w-full w-full h-full object-cover object-center" 9385 9386 > 9387 </picture> 9388 9389 9390 </div> 9391 </a> 9392 9393 9394 9395 9396 9397 9398 9399 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 9400 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 9401 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 9402 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 9403 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" js-product-card-options> 9404 9405 9406 9407 9408 9409 9410 <li class="product-swatch__label-container"> 9411 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9412 XS 9413 </button> 9414 </li> 9415 9416 9417 <li class="product-swatch__label-container"> 9418 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9418ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9419 S 9420 </button> 9421 </li> 9422 9423 9424 <li class="product-swatch__label-container"> 9425 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9426 M 9427 </button> 9428 </li> 9429 9430 9431 <li class="product-swatch__label-container"> 9432 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9433 L 9434 </button> 9435 </li> 9436 9437 9438 <li class="product-swatch__label-container"> 9439 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9440 XL 9441 </button> 9442 </li> 9443 9444 9445 <li class="product-swatch__label-container"> 9446 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="canyon-chino-mens-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Canyon Chino Men's Jacket with color: to cart" js-product-card-quick-add-swatch> 9447 2XL 9448 </button> 9449 </li> 9450 9451 9452 9453 </ul> 9454 </div> 9455 </div> 9456 9457 <select class="product-card__select hidden" js-product-card-select> 9458 9459 <option value="44426348953699" 9460 data-title="Nocturnal Navy / XS" 9461 selected 9462 > 9463 Nocturnal Navy / XS 9464 </option> 9465 9466 <option value="44426348986467" 9467 data-title="Nocturnal Navy / S" 9468 9469 > 9470 Nocturnal Navy / S 9471 </option> 9472 9473 <option value="44426349019235" 9474 data-title="Nocturnal Navy / M" 9475 9476 > 9477 Nocturnal Navy / M 9478 </option> 9479 9480 <option value="44426349052003" 9481 data-title="Nocturnal Navy / L" 9482 9483 > 9484 Nocturnal Navy / L 9485 </option> 9486 9487 <option value="44426349084771" 9488 data-title="Nocturnal Navy / XL" 9489 9490 > 9491 Nocturnal Navy / XL 9492 </option> 9493 9494 <option value="44426349117539" 9495 data-title="Nocturnal Navy / 2XL" 9496 9497 > 9498 Nocturnal Navy / 2XL 9499 </option> 9500 9501 </select> 9502 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Canyon Chino Men's Jacket" js-quickshop-trigger> 9503 QUICK VIEW 9504 </button> 9505 9506 9507 </div> 9508 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 9509 data-handle="chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" 9510 data-collection="" 9511 data-core="swatch-collection-core-non-sale" 9512 data-seasonal="swatch-collection-non-sale" 9513 data-group="YGroup_MC2352D" 9514 js-product-card-swatch-container> 9515 <fieldset> 9516 <legend id="product-card-swatch-legend-chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="visually-hidden">Canyon Chino Men's Jacket - Color Options</legend> 9517 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" js-swatch-carousel> 9518 <!-- SWATCHES RENDER HERE --> 9519 </div> 9520 </fieldset> 9521 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 9522 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9523 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9524<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 9525</svg> 9526</span> 9527 </button> 9528 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 9529 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9530<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 9531</svg> 9532</span> 9533 </button> 9534 </div> 9535 <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Canyon Chino Men's Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 9536 </div> 9537 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-[6px] tabletl:gap-8 tabletl:pb-16 tabletl:pt-8"> 9538 9539 <p class="product-card__above-title-badge block w-full text-left m-0 text-12 tabletl:text-13 font-600 uppercase text-black"> 9540 NEW ARRIVAL 9541 </p> 9542 9543 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 9544 <a href="/products/chino-mens-sport-jacket-nocturnal-navy-00ac7-0001" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 9545 <h3 class="f0">Canyon Chino Men's Jacket</h3> 9546 </a> 9547 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 9548 9549 9550 <span class="product-card__price product-card__price--current ">$178.00</span> 9551 9552 </div> 9553 9554 </div> 9555 9556 </div> 9557</product-card> 9558 </div> 9559 </div> 9560 9561 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 9562 <div class="collection-carousel__content h-full"> 9563 9564 9565<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="Always Beyond Men's Long Sleeve Crew 2.0" data-product-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" data-swatch-carousel-disabled"> 9566 <div class="product-card__image-container relative"> 9567 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 9568 <!-- Swym Wishlist Plus EPI Button with default first variant --> 9569 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8129136951395 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="8129136951395" data-variant-id="44543292571747" data-product-url="https://beyondyoga.com/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022"> 9570 </button> 9571 <!-- Swym Wishlist Plus EPI Button--> 9572 9573 </div> 9574 9575 <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__image-link" js-produdct-card-link aria-label="Always Beyond Men's Long Sleeve Crew 2.0"> 9576 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 9577 9578 9579 9580 9581 9582 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9583 9584 <img 9585 src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=300" 9586 srcset="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1024 1024
9586w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_FV.jpg?v=1788310000&width=1920 1920w" 9587 sizes="(min-width: 1024px) 25vw, 50vw" 9588 width="1884" 9589 height="2440" 9590 loading="lazy" 9591 decoding="async" 9592 9593 alt="Always Beyond Men's Long Sleeve Crew 2.0" 9594 class="w-full w-full h-full object-cover object-center" 9595 9596 > 9597 </picture> 9598 9599 9600 </div> 9601 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 9602 9603 9604 9605 9606 9607 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9608 9609 <img 9610 src="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=300" 9611 srcset="//beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=300 300w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=600 600w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=750 750w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MT_007B5-0022_GLO_CM_BV.jpg?v=1788310001&width=1920 1920w" 9612 sizes="(min-width: 1024px) 25vw, 50vw" 9613 width="1884" 9614 height="2440" 9615 loading="lazy" 9616 decoding="async" 9617 9618 alt="Always Beyond Men's Long Sleeve Crew 2.0" 9619 class="w-full w-full h-full object-cover object-center" 9620 9621 > 9622 </picture> 9623 9624 9625 </div> 9626 </a> 9627 9628 9629 9630 9631 9632 9633 9634 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 9635 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 9636 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 9637 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 9638 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" js-product-card-options> 9639 9640 9641 9642 9643 9644 9645 <li class="product-swatch__label-container"> 9646 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9647 XS 9648 </button> 9649 </li> 9650 9651 9652 <li class="product-swatch__label-container"> 9653 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9653ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-S" data-color="" role="button" data-value="S" aria-label="Add size:S of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9654 S 9655 </button> 9656 </li> 9657 9658 9659 <li class="product-swatch__label-container"> 9660 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-M" data-color="" role="button" data-value="M" aria-label="Add size:M of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9661 M 9662 </button> 9663 </li> 9664 9665 9666 <li class="product-swatch__label-container"> 9667 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-L" data-color="" role="button" data-value="L" aria-label="Add size:L of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9668 L 9669 </button> 9670 </li> 9671 9672 9673 <li class="product-swatch__label-container"> 9674 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9675 XL 9676 </button> 9677 </li> 9678 9679 9680 <li class="product-swatch__label-container"> 9681 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="always-beyond-mens-long-sleeve-crew-2-0-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of Always Beyond Men's Long Sleeve Crew 2.0 with color: to cart" js-product-card-quick-add-swatch> 9682 2XL 9683 </button> 9684 </li> 9685 9686 9687 9688 </ul> 9689 </div> 9690 </div> 9691 9692 <select class="product-card__select hidden" js-product-card-select> 9693 9694 <option value="44543292571747" 9695 data-title="Dark Ivy Heather / XS" 9696 selected 9697 > 9698 Dark Ivy Heather / XS 9699 </option> 9700 9701 <option value="44543292604515" 9702 data-title="Dark Ivy Heather / S" 9703 9704 > 9705 Dark Ivy Heather / S 9706 </option> 9707 9708 <option value="44543292637283" 9709 data-title="Dark Ivy Heather / M" 9710 9711 > 9712 Dark Ivy Heather / M 9713 </option> 9714 9715 <option value="44543292670051" 9716 data-title="Dark Ivy Heather / L" 9717 9718 > 9719 Dark Ivy Heather / L 9720 </option> 9721 9722 <option value="44543292702819" 9723 data-title="Dark Ivy Heather / XL" 9724 9725 > 9726 Dark Ivy Heather / XL 9727 </option> 9728 9729 <option value="44543292735587" 9730 data-title="Dark Ivy Heather / 2XL" 9731 9732 > 9733 Dark Ivy Heather / 2XL 9734 </option> 9735 9736 </select> 9737 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for Always Beyond Men's Long Sleeve Crew 2.0" js-quickshop-trigger> 9738 QUICK VIEW 9739 </button> 9740 9741 9742 </div> 9743 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 9744 data-handle="always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" 9745 data-collection="" 9746 data-core="swatch-collection-core-non-sale" 9747 data-seasonal="swatch-collection-non-sale" 9748 data-group="YGroup_LWSD7905D" 9749 js-product-card-swatch-container> 9750 <fieldset>
9751 <legend id="product-card-swatch-legend-always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="visually-hidden">Always Beyond Men's Long Sleeve Crew 2.0 - Color Options</legend> 9752 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" js-swatch-carousel> 9753 <!-- SWATCHES RENDER HERE --> 9754 </div> 9755 </fieldset> 9756 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 9757 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;"> 9758 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9759<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 9760</svg> 9761</span> 9762 </button> 9763 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 9764 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9765<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 9766</svg> 9767</span> 9768 </button> 9769 </div> 9770 <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="Always Beyond Men's Long Sleeve Crew 2.0 Colors" js-product-card-swatch-count js-produdct-card-link></a> 9771 </div> 9772 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 9773 9774 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 9775 <a href="/products/always-beyond-mens-long-sleeve-crew-2-0-dark-ivy-heather-007b5-0022" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 9776 <h3 class="f0">Always Beyond Men's Long Sleeve Crew 2.0</h3> 9777 </a> 9778 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 9779 9780 9781 <span class="product-card__price product-card__price--current ">$74.00</span> 9782 9783 </div> 9784 9785 </div> 9786 9787 </div> 9788</product-card> 9789 </div> 9790 </div> 9791 9792 <div class="swiper-slide w-[calc((100%-54px)/2)] tabletl:w-[calc((100%-152px)/4)]" js-carousel-slide > 9793 <div class="collection-carousel__content h-full"> 9794 9795 9796<product-card class="product-card flex flex-col h-full" data-show-plus="false" data-show-mens="false" data-show-womens="false" data-product-title="In Flight Insulated Men's Shirt Jacket" data-product-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" data-swatch-carousel-disabled"> 9797 <div class="product-card__image-container relative"> 9798 <div class="wishlist-container absolute w-full flex justify-start items-center gap-2 p-8 z-[2] "> 9799 <!-- Swym Wishlist Plus EPI Button with default first variant --> 9800 <button aria-label="Add to Wishlist" data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_7823703015523 !p-8 !rounded-full !opacity-100" data-swaction="addToWishlist" data-product-id="7823703015523" data-variant-id="43472216293475" data-product-url="https://beyondyoga.com/products/insulated-seasons-shirt-jacket-black-ash-me2276d"> 9801 </button> 9802 <!-- Swym Wishlist Plus EPI Button--> 9803 9804 </div> 9805 9806 <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__image-link" js-produdct-card-link aria-label="In Flight Insulated Men's Shirt Jacket"> 9807 <div class="product-card__image product-card__image--featured" js-product-card-featured-image> 9808 9809 9810 9811 9812 9813 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9814 9815 <img 9816 src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=300" 9817 srcset="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=300 300w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=600 600w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=750 750w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1024 1024
9817w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1280 1280w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1440 1440w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10667_2b40a518-11e9-4ff7-8532-681f46af0571.jpg?v=1763766404&width=1920 1920w" 9818 sizes="(min-width: 1024px) 25vw, 50vw" 9819 width="1884" 9820 height="2440" 9821 loading="lazy" 9822 decoding="async" 9823 9824 alt="In Flight Insulated Men's Shirt Jacket" 9825 class="w-full w-full h-full object-cover object-center" 9826 9827 > 9828 </picture> 9829 9830 9831 </div> 9832 <div class="product-card__image product-card__image--hover absolute inset-0 opacity-0 transition-opacity" js-product-card-hover-image> 9833 9834 9835 9836 9837 9838 <picture class="lazypicture block w-full aspect-[2/3] w-full"> 9839 9840 <img 9841 src="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=300" 9842 srcset="//beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=300 300w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=600 600w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=750 750w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1024 1024w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1280 1280w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1440 1440w, //beyondyoga.com/cdn/shop/files/ME2276D_black-ash_10734_cf572e39-a807-4240-8b05-ca721e7f7558.jpg?v=1763766404&width=1920 1920w" 9843 sizes="(min-width: 1024px) 25vw, 50vw" 9844 width="1884" 9845 height="2440" 9846 loading="lazy" 9847 decoding="async" 9848 9849 alt="In Flight Insulated Men's Shirt Jacket" 9850 class="w-full w-full h-full object-cover object-center" 9851 9852 > 9853 </picture> 9854 9855 9856 </div> 9857 </a> 9858 9859 9860 9861 9862 9863 9864 9865 <div class="product-card__quick-add hidden absolute bottom-0 left-0 h-[40px] w-[calc(100%-16px)] m-8 p-0 rounded-tr-xl bg-white bg-opacity-95 cursor-pointer transition-all duration-200 ease-in-out opacity-100 desktop:h-60 desktop:w-[calc(100%-20px)] desktop:m-10 desktop:py-10 desktop:px-3 desktop:opacity-0" data-option-count="6" js-quick-add-container> 9866 <loading-spinner style="--color: #1a1a1a; --size: 1.5rem;"></loading-spinner> 9867 <div class="product-card__quick-add--wrapper relative overflow-auto w-full h-full" tabindex="0"> 9868 <p class="product-card__quick-add--text absolute top-1/2 left-1/2 -translate-x-1/2 w-full text-12 desktop:text-14 text-center tracking-[0.25em] uppercase text-blue-navy transition" js-product-card-quick-add>Quick Add</p> 9869 <ul class="product-card__quick-add--options flex flex-wrap items-center justify-center absolute top-1/2 left-1/2 -translate-x-1/2 w-full h-full text-12 desktop:text-14 text-center uppercase text-blue-navy transition hide desktop:w-auto desktop:h-auto desktop:flex-nowrap" data-product-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" js-product-card-options> 9870 9871 9872 9873 9874 9875 9876 <li class="product-swatch__label-container"> 9877 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="in-flight-insulated-mens-shirt-jacket-XS" data-color="" role="button" data-value="XS" aria-label="Add size:XS of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9878 XS 9879 </button> 9880 </li> 9881 9882 9883 <li class="product-swatch__label-container"> 9884 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent roun
9884ded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="in-flight-insulated-mens-shirt-jacket-S" data-color="" role="button" data-value="S" aria-label="Add size:S of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9885 S 9886 </button> 9887 </li> 9888 9889 9890 <li class="product-swatch__label-container"> 9891 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="in-flight-insulated-mens-shirt-jacket-M" data-color="" role="button" data-value="M" aria-label="Add size:M of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9892 M 9893 </button> 9894 </li> 9895 9896 9897 <li class="product-swatch__label-container"> 9898 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="in-flight-insulated-mens-shirt-jacket-L" data-color="" role="button" data-value="L" aria-label="Add size:L of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9899 L 9900 </button> 9901 </li> 9902 9903 9904 <li class="product-swatch__label-container"> 9905 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" id="in-flight-insulated-mens-shirt-jacket-XL" data-color="" role="button" data-value="XL" aria-label="Add size:XL of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9906 XL 9907 </button> 9908 </li> 9909 9910 9911 <li class="product-swatch__label-container"> 9912 <button class="product-swatch__label product-card__quick-add--button flex items-center justify-center desktop:tracking-[1px] desktop:mx-[2px] extrawide:mx-4 min-w-[24px] border border-transparent rounded-full focus:bg-yellow desktop:hover:bg-yellow cursor-pointer transition" disabled="disabled" id="in-flight-insulated-mens-shirt-jacket-2XL" data-color="" role="button" data-value="2XL" aria-label="Add size:2XL of In Flight Insulated Men's Shirt Jacket with color: to cart" js-product-card-quick-add-swatch> 9913 2XL 9914 </button> 9915 </li> 9916 9917 9918 9919 </ul> 9920 </div> 9921 </div> 9922 9923 <select class="product-card__select hidden" js-product-card-select> 9924 9925 <option value="43472216293475" 9926 data-title="Black Ash / XS" 9927 selected 9928 > 9929 Black Ash / XS 9930 </option> 9931 9932 <option value="43472216326243" 9933 data-title="Black Ash / S" 9934 9935 > 9936 Black Ash / S 9937 </option> 9938 9939 <option value="43472216359011" 9940 data-title="Black Ash / M" 9941 9942 > 9943 Black Ash / M 9944 </option> 9945 9946 <option value="43472216391779" 9947 data-title="Black Ash / L" 9948 9949 > 9950 Black Ash / L 9951 </option> 9952 9953 <option value="43472216424547" 9954 data-title="Black Ash / XL" 9955 9956 > 9957 Black Ash / XL 9958 </option> 9959 9960 <option value="43472216457315" 9961 data-title="Black Ash / 2XL" 9962 9963 disabled="disabled"> 9964 Black Ash / 2XL 9965 </option> 9966 9967 </select> 9968 <button class="product-card__quickshop flex tabletl:hidden text-10 tabletl:text-14 justify-center items-center px-14 py-4 rounded-[4px] border border-[#00000010] bg-white bg-opacity-50 absolute bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap" aria-label="Quick View for In Flight Insulated Men's Shirt Jacket" js-quickshop-trigger> 9969 QUICK VIEW 9970 </button> 9971 9972 9973 </div> 9974 <div class="product-card__swatch-container relative py-6 tabletl:py-8 tabletl:px-[2px] flex justify-start items-center flex-wrap min-h-[38px] tabletl:min-h-[34px] widescreen:min-h-[42px] overflow-hidden " 9975 data-handle="insulated-seasons-shirt-jacket-black-ash-me2276d" 9976 data-collection="" 9977 data-core="swatch-collection-core-non-sale" 9978 data-seasonal="swatch-collection-non-sale" 9979 data-group="YGroup_ME2276D" 9980 js-product-card-swatch-container> 9981 <fieldset> 9982 <legend id="product-card-swatch-legend-insulated-seasons-shirt-jacket-black-ash-me2276d" class="visually-hidden">In Flight Insulated Men's Shirt Jacket - Color Options</legend> 9983 <div class="product-card__swatch-carousel flex items-center gap-4" role="radiogroup" aria-labelledby="product-card-swatch-legend-insulated-seasons-shirt-jacket-black-ash-me2276d" js-swatch-carousel> 9984 <!-- SWATCHES RENDER HERE --> 9985 </div> 9986 </fieldset> 9987 <div class="product-card__swatch-carousel-nav w-full justify-between pointer-events-none"> 9988 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--left absolute left-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-left aria-label="Previous color swatches" style="display: none;">
9989 <span class="relative left-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-left icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9990<path d="M8.42847 13.0952L1.57132 7.00001L8.42847 0.904769" stroke="currentColor" stroke-width="1.52381"/> 9991</svg> 9992</span> 9993 </button> 9994 <button class="swatch-carousel-nav__button swatch-carousel-nav__button--right absolute right-0 top-1/2 -translate-y-[50%] flex justify-center items-center w-[26px] h-[26px] pointer-events-auto bg-white" js-swatch-btn-right aria-label="Next color swatches" style="display: none;"> 9995 <span class="relative right-0 flex w-[10px] h-[10px] tabletp:w-12 tabletp:h-12" aria-hidden="true"><svg class="icon icon--caret-right icon--full-color" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9996<path d="M0.571533 0.904755L7.42868 6.99999L0.571533 13.0952" stroke="currentColor" stroke-width="1.52381"/> 9997</svg> 9998</span> 9999 </button> 10000 </div> 10001 <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__swatch-count fn1-mono text-grey tabletl:ml-4 hidden" aria-label="In Flight Insulated Men's Shirt Jacket Colors" js-product-card-swatch-count js-produdct-card-link></a> 10002 </div> 10003 <div class="product-card__info flex-1 flex flex-col bg-white p-6 tabletl:px-8 gap-12 tabletl:gap-16 tabletl:py-16"> 10004 10005 <div class="product-card__title-container flex-1 flex flex-col items-start gap-6 tabletl:flex-row tabletl:flex-wrap tabletl:gap-8"> 10006 <a href="/products/insulated-seasons-shirt-jacket-black-ash-me2276d" class="product-card__title block f0 tabletl:flex-1" js-produdct-card-link> 10007 <h3 class="f0">In Flight Insulated Men's Shirt Jacket</h3> 10008 </a> 10009 <div class="product-card__price-wrapper f0 text-grey flex gap-6 tabletl:gap-8 tabletl:mt-0" js-product-card-price> 10010 10011 10012 <span class="product-card__price product-card__price--current ">$178.00</span> 10013 10014 </div> 10015 10016 </div> 10017 10018 </div> 10019</product-card> 10020 </div> 10021 </div> 10022 10023 </div> 10024 <div class="swiper-custom-nav swiper-custom-nav--prev !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-prev-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2> 10025 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 10026<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/> 10027</svg> 10028</span> 10029 </div> 10030 <div class="swiper-custom-nav swiper-custom-nav--next !top-[30%] widescreen:!top-[35%] extrawide:!top-[40%]" js-next-template--19357268639843__section_product_carousel_tabbed_fL9VLL-block2> 10031 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 10032<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/> 10033</svg> 10034</span> 10035 </div> 10036 </div> 10037 </s-carousel> 10038 </div> 10039 10040 10041 </s-tabs> 10042</section> 10043 10044 10045 10046</div><div id="shopify-section-template--19357268639843__section_columns_grid_rc68M3" class="shopify-section"> 10047 10048<section class="section__columns-grid mt-32 mb-0 tabletl:mt-32 tabletl:mb-0 pt-0 pr-0 pb-24 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-32 tabletl:pl-0" style="background-color: #ffffff"> 10049 10050 <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32"> 10051 <div class="flex items-center justify-start tabletl:justify-start"> 10052 <p class="section__columns-grid-title f3">Now Trending</p> 10053 </div> 10054 </div> 10055 10056 <div class="grid gap-[var(--gap-mobile)] tabletl:gap-[var(--gap-desktop)] px-24 tabletl:px-64 grid-cols-2 tabletl:grid-cols-4" style="--gap-mobile: 16px; --gap-desktop: 24px;"> 10057<div class="column-tile flex flex-col items-center text-center relative"> 10058 10059 10060 <a href="/collections/outerwear" class="block w-full h-full focus:outline-none" aria-label="Shop Outerwear"> 10061 10062 <div class="flex w-full aspect-[2/3] overflow-hidden relative"> 10063 10064 10065 10066 10067 10068 10069 <picture class="lazypicture block w-full "> 10070 10071 <img 10072 src="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=300" 10073 srcset="//beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1024 1024
10073w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO66_T_LD2344_ELEFU_t_PG4823_CPLUM_B_PG3586_CPLUM_058_1.jpg?v=1788556463&width=1920 1920w" 10074 sizes="(min-width: 1024px) 25vw, 50vw" 10075 width="2334" 10076 height="3500" 10077 loading="lazy" 10078 decoding="async" 10079 10080 alt="" 10081 class="w-full w-full h-full object-cover object-center" 10082 10083 > 10084 </picture> 10085 10086 10087 10088 </div> 10089 <div class="pt-12 tabletl:pt-16 px-6"> 10090 <div class="f1">Shop Outerwear</div> 10091 </div> 10092 10093 </a> 10094 10095 </div> 10096 10097 10098<div class="column-tile flex flex-col items-center text-center relative"> 10099 10100 10101 <a href="/collections/luxefleece-2-0-shop" class="block w-full h-full focus:outline-none" aria-label="Shop LuxeFleece 2.0â¢"> 10102 10103 <div class="flex w-full aspect-[2/3] overflow-hidden relative"> 10104 10105 10106 10107 10108 10109 10110 <picture class="lazypicture block w-full "> 10111 10112 <img 10113 src="//beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=300" 10114 srcset="//beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=300 300w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=600 600w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=750 750w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1024 1024w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1280 1280w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1440 1440w, //beyondyoga.com/cdn/shop/files/WT_00AAG-0004_GLO_CMK_A5.jpg?v=1790705872&width=1920 1920w" 10115 sizes="(min-width: 1024px) 25vw, 50vw" 10116 width="1884" 10117 height="2440" 10118 loading="lazy" 10119 decoding="async" 10120 10121 alt="A woman wearing a light gray heathered crewneck sweatshirt and matching sweatpants, posing with her hands behind her head against a plain light gray background." 10122 class="w-full w-full h-full object-cover object-center" 10123 10124 > 10125 </picture> 10126 10127 10128 10129 </div> 10130 <div class="pt-12 tabletl:pt-16 px-6"> 10131 <div class="f1">Shop LuxeFleece 2.0â¢</div> 10132 </div> 10133 10134 </a> 10135 10136 </div> 10137 10138 10139<div class="column-tile flex flex-col items-center text-center relative"> 10140 10141 10142 <a href="/pages/glowzone" class="block w-full h-full focus:outline-none" aria-label="Shop glowzoneâ¢"> 10143 10144 <div class="flex w-full aspect-[2/3] overflow-hidden relative"> 10145 10146 10147 10148 10149 10150 10151 <picture class="lazypicture block w-full "> 10152 10153 <img 10154 src="//beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=300" 10155 srcset="//beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_lA5_t_0093B-0004_b_0093B-0004_lA6_t_0093B-0004_B_0092Y-0004_2369.jpg?v=1790205776&width=1920 1920w" 10156 sizes="(min-width: 1024px) 25vw, 50vw" 10157 width="2334" 10158 height="3500" 10159 loading="lazy" 10160 decoding="async" 10161 10162 alt="" 10163 class="w-full w-full h-full object-cover object-center" 10164 10165 > 10166 </picture> 10167 10168 10169 10170 </div> 10171 <div class="pt-12 tabletl:pt-16 px-6"> 10172 <div class="f1">Shop glowzoneâ¢</div> 10173 </div> 10174 10175 </a> 10176 10177 </div> 10178 10179 10180<div class="column-tile flex flex-col items-center text-center relative"> 10181 10182 10183 <a href="/collections/matching-sets" class="block w-full h-full focus:outline-none" aria-label="Shop Matching Sets"> 10184 10185 <div class="flex w-full aspect-[2/3] overflow-hidden relative"> 10186 10187 10188 10189 10190 10191 10192 <picture class="lazypicture block w-full "> 10193 10194 <img 10195 src="//beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=300" 10196 srcset="//beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=300 300w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=600 600w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=750 750w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1024 1024
10196w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1280 1280w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1440 1440w, //beyondyoga.com/cdn/shop/files/H26_LD55_T_007N2-0044_B_007GZ-0027_1016.jpg?v=1790898541&width=1920 1920w" 10197 sizes="(min-width: 1024px) 25vw, 50vw" 10198 width="2334" 10199 height="3500" 10200 loading="lazy" 10201 decoding="async" 10202 10203 alt="" 10204 class="w-full w-full h-full object-cover object-center" 10205 10206 > 10207 </picture> 10208 10209 10210 10211 </div> 10212 <div class="pt-12 tabletl:pt-16 px-6"> 10213 <div class="f1">Shop Matching Sets</div> 10214 </div> 10215 10216 </a> 10217 10218 </div> 10219 10220</div> 10221</section> 10222 10223 </div><div id="shopify-section-template--19357268639843__section_hero_g4MNLx" class="shopify-section"> 10224 10225 10226 10227<section class="section__hero mt-32 mb-0 tabletl:mt-32 tabletl:mb-0 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0 relative" style="background-color: #ffffff;"> 10228 <div class="section__hero-content grid grid-cols-1 tabletl:grid-cols-1 px-0 gap-0 tabletl:px-0 tabletl:gap-0 pt-0 tabletl:pt-0"> 10229 10230 <s-hero> 10231 <s-carousel class="section__hero-carousel block w-full relative" data-options='{ 10232 "slidesPerView": 1, 10233 "spaceBetween": 0, 10234 "grabCursor": true, 10235 "autoHeight": false, 10236 "effect": "fade", 10237 "fadeEffect": { "crossFade": true } 10238 }'> 10239 <div id="HeroCarousel-template--19357268639843__section_hero_g4MNLx" class="swiper section__hero-swiper w-full overflow-hidden" js-carousel> 10240 <div class="swiper-wrapper"> 10241 10242 <div class="swiper-slide" js-carousel-slide > 10243 <div id="shopify-block-AcTY4R01hY2RFYTlNM__media_banner_g3kw9g" class="shopify-block"> 10244 10245 10246<div 10247 class="media-banner relative" 10248 style=" 10249 10250 10251 --aspect-mobile: 0.6; 10252 --aspect-desktop: 1.6; 10253 --content-width-mobile: 100%; 10254 --content-width-desktop: 100%; 10255 " 10256> 10257 10258 10259 10260 <s-video data-auto-play="false" data-lazy-load="true"> 10261 <div class="media-banner-container relative h-full"> 10262 10263 10264 10265 <div class="media-banner-media h-full tabletl:hidden"> 10266 10267 10268 10269 10270 10271 <picture class="lazypicture block w-full h-full"> 10272 10273 <img 10274 src="//beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=300" 10275 srcset="//beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=300 300w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=600 600w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=750 750w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1024 1024w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1280 1280w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1440 1440w, //beyondyoga.com/cdn/shop/files/MOBILE_01_3_cb9110f7-7655-47b0-97e4-72f524bb22d5.png?v=1789683592&width=1920 1920w" 10276 sizes="(min-width: 1024px) 100vw, 100vw" 10277 width="780" 10278 height="1300" 10279 loading="lazy" 10280 decoding="async" 10281 10282 alt="" 10283 class="w-full h-full object-cover object-center" 10284 10285 > 10286 </picture> 10287 10288 10289 </div> 10290 10291 10292 <div class="media-banner-media h-full hidden tabletl:block"> 10293 10294 10295 10296 10297 10298 <picture class="lazypicture block w-full h-full"> 10299 10300 <img 10301 src="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=300" 10302 srcset="//beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=300 300w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=600 600w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=750 750w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1024 1024
10302w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SEC_BANNER_DT_01_6.png?v=1789683441&width=1920 1920w" 10303 sizes="(min-width: 1024px) 100vw, 100vw" 10304 width="2880" 10305 height="1800" 10306 loading="lazy" 10307 decoding="async" 10308 10309 alt="" 10310 class="w-full h-full object-cover object-center" 10311 10312 > 10313 </picture> 10314 10315 10316 </div> 10317 10318 10319 </div> 10320 </s-video> 10321 <div class="media-banner-content absolute inset-0 flex flex-col w-full h-full gap-24 px-24 py-18 tabletl:p-64 justify-end items-start text-left tabletl:justify-end tabletl:items-start tabletl:text-left" style="color: #fefefe;"> 10322 10323 <a href="/collections/new-arrivals" class="absolute inset-0 z-[1]" aria-label="Shop Now"></a> 10324 10325 <div class="media-banner-content-inner relative"> 10326 10327 10328<div class="standard-text flex flex-col items-start text-left justify-start tabletl:items-start tabletl:text-left tabletl:justify-start gap-24 tabletl:gap-32"> 10329 10330 <div class="flex flex-col gap-6 tabletl:gap-8"> 10331 10332 10333 <p class="standard-text__title f4 font-noiGrotesk " style="--font-size-mobile: 25px; --font-size-desktop: 55px;"> 10334 New Arrivals. 10335 </p> 10336 10337 </div> 10338 10339 10340 10341 <div class="flex flex-col gap-12 tabletl:gap-16"> 10342 10343 10344 <div class="rte font-noiGrotesk ">Our latest styles with the fall feeling you've been waiting for.</div> 10345 10346 </div> 10347 10348 10349 10350 10351 <div 10352 class="relative z-[2] max-w-fit media-banner-cta__paddings" 10353 10354 style="--cta-padding-top-mobile: 0px; 10355 --cta-padding-right-mobile: 0px; 10356 --cta-padding-bottom-mobile: 0px; 10357 --cta-padding-left-mobile: 0px; 10358 --cta-padding-top-desktop: 0px; 10359 --cta-padding-right-desktop: 0px; 10360 --cta-padding-bottom-desktop: 0px; 10361 --cta-padding-left-desktop: 0px;" 10362 10363 > 10364 <a href="/collections/new-arrivals" class="block w-full whitespace-nowrap text-center btn font-abcDiatypeMono">Shop Now</a> 10365 10366 </div> 10367 10368</div> 10369 10370 </div> 10371 </div> 10372</div> 10373 10374 10375 10376 10377</div> 10378 10379 </div> 10380 10381 </div> 10382 10383 </div> 10384 </s-carousel> 10385 </s-hero> 10386 10387 </div> 10388</section> 10389 10390</div><div id="shopify-section-template--19357268639843__section_firework_embed_BQweVq" class="shopify-section"> 10391 10392 10393 10394<div id="section-firework-embed" class="pl-24 tabletl:pl-64 max-w-[100vw] tabletl:max-w-[calc(100vw-16px)] !mx-auto mt-24 mb-16 tabletl:mt-24 tabletl:mb-16 pt-0 pb-0 tabletl:pt-16 tabletl:pb-16 block tabletp:block"> 10395 10396 <div class="pr-24 tabletl:pr-64 mb-24 tabletl:mb-32"> 10397 <div class="flex items-center justify-between"> 10398 <p class="f3">See IRL</p> 10399 10400 <div class="flex items-center gap-8"> 10401 <a href="https://www.instagram.com/beyondyoga/?hl=en" class="btn w-fit">Explore</a> 10402 </div> 10403 10404 </div> 10405 </div> 10406 10407 10408 <fw-player-deck 10409 channel="beyond_yoga" 10410 playlist="5aYbj5" 10411 hashtag="" 10412 mode="row" 10413 captions="false" 10414 size="large" 10415 pip="false" 10416 open_in="_modal" 10417 placement="middle" 10418 player_placement="bottom-right" 10419 jsonld="true" 10420 ></fw-player-deck> 10421 10422</div> 10423 10424 10425 10426</div><div id="shopify-section-template--19357268639843__section_columns_carousel_KRBWDB" class="shopify-section"> 10427<section class="section__columns-carousel mt-16 mb-16 tabletl:mt-40 tabletl:mb-40 pt-0 pr-0 pb-0 pl-0 tabletl:pt-0 tabletl:pr-0 tabletl:pb-0 tabletl:pl-0" style="background-color: #ffffff"> 10428 <s-carousel class="block relative" data-options='{ 10429 "slidesPerView": 2.4, 10430 "spaceBetween": 0, 10431 "slidesOffsetBefore": 24, 10432 "slidesOffsetAfter": 24, 10433 "autoHeight": false, 10434 "loop": false, 10435 "freeMode": true, 10436 10437 "navigation": { 10438 "enabled": true,
10439 "prevEl": "[js-prev-template--19357268639843__section_columns_carousel_KRBWDB]", 10440 "nextEl": "[js-next-template--19357268639843__section_columns_carousel_KRBWDB]" 10441 }, 10442 10443 "breakpoints": { 10444 "1024": { 10445 "slidesPerView": 6.5, 10446 "spaceBetween": 0, 10447 "slidesOffsetBefore": 64, 10448 "slidesOffsetAfter": 64 10449 } 10450 } 10451 }'> 10452 <div id="Carousel-template--19357268639843__section_columns_carousel_KRBWDB" class="swiper grid grid-cols-1" js-carousel> 10453 <div class="px-24 tabletl:px-64 mb-24 tabletl:mb-32"> 10454 <div class="flex items-center justify-start tabletl:justify-start"> 10455 <p class="section__columns-carousel-title f3">Shop By Color</p> 10456 </div> 10457 </div> 10458 10459 <div class="swiper-wrapper"> 10460<div class="swiper-slide" js-carousel-slide > 10461 10462 <a href="https://beyondyoga.com/collections/green-hues"> 10463 10464 <div class="column-card flex flex-col relative"> 10465 <div class="relative"> 10466 10467 10468 10469 10470 10471 10472 10473 <picture class="lazypicture block w-full aspect-[2/3]"> 10474 10475 <img 10476 src="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=300" 10477 srcset="//beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO61_T_SD4382_CABHT_T_CC70121_DKIVY_QC7986_DKIVY_B_SD3243_DKIVH_13782.jpg?v=1789611991&width=1920 1920w" 10478 sizes="(min-width: 1024px) 30vw, 75vw" 10479 width="1884" 10480 height="2440" 10481 loading="lazy" 10482 decoding="async" 10483 10484 alt="A woman stands outdoors near a waterfront and greenery, wearing a dark green fleece half-zip pullover, matching dark green leggings, white socks, and white sneakers." 10485 class="w-full w-full h-full object-cover object-center" 10486 10487 > 10488 </picture> 10489 10490 10491 10492 </div> 10493 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(72, 171, 59, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10494 <div class="flex flex-col gap-6 tabletl:gap-8"> 10495 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Green</div> 10496 10497 10498 </div> 10499 </div> 10500 </div> 10501 10502 </a> 10503 10504 </div> 10505 10506 10507<div class="swiper-slide" js-carousel-slide > 10508 10509 <a href="https://beyondyoga.com/collections/red-hues"> 10510 10511 <div class="column-card flex flex-col relative"> 10512 <div class="relative"> 10513 10514 10515 10516 10517 10518 10519 10520 <picture class="lazypicture block w-full aspect-[2/3]"> 10521 10522 <img 10523 src="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=300" 10524 srcset="//beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1024 1024
10524w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LO71_T_WG70096_CABER_B_WG1332_CABER_LO75_T_YS70099_STMGH_T_WG70069_DKIVY_B_WG1332_DKIVY_T_WG70094D_CHHTR_T_NF2317D_LTGRH_T_BR2300D_FGRYH_B_NF1296D_LTGRH_15768.jpg?v=1787242360&width=1920 1920w" 10525 sizes="(min-width: 1024px) 30vw, 75vw" 10526 width="1884" 10527 height="2440" 10528 loading="lazy" 10529 decoding="async" 10530 10531 alt="A woman smiling outdoors near a waterfront dock, wearing a matching burgundy knit wrap top and pants set." 10532 class="w-full w-full h-full object-cover object-center" 10533 10534 > 10535 </picture> 10536 10537 10538 10539 </div> 10540 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(164, 43, 92, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10541 <div class="flex flex-col gap-6 tabletl:gap-8"> 10542 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Burgundy</div> 10543 10544 10545 </div> 10546 </div> 10547 </div> 10548 10549 </a> 10550 10551 </div> 10552 10553 10554<div class="swiper-slide" js-carousel-slide > 10555 10556 <a href="/collections/brown-hues"> 10557 10558 <div class="column-card flex flex-col relative"> 10559 <div class="relative"> 10560 10561 10562 10563 10564 10565 10566 10567 <picture class="lazypicture block w-full aspect-[2/3]"> 10568 10569 <img 10570 src="//beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=300" 10571 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU18_T_SD4746_WHTLT_O_IU2376_LDRKCT_B_WH5216_CPLUM_LAU19_D_BY6359_DRKCT_6916.jpg?v=1784824362&width=1920 1920w" 10572 sizes="(min-width: 1024px) 30vw, 75vw" 10573 width="1884" 10574 height="2440" 10575 loading="lazy" 10576 decoding="async" 10577 10578 alt="A woman wearing a dark brown cropped zip-up sweatshirt and matching dark brown wide-leg sweatpants, standing against a brick wall and holding a takeaway coffee cup." 10579 class="w-full w-full h-full object-cover object-center" 10580 10581 > 10582 </picture> 10583 10584 10585 10586 </div> 10587 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(51, 35, 35, 0.5); color: #f6f9fd; backdrop-filter: blur(12px) saturate(120%);"> 10588 <div class="flex flex-col gap-6 tabletl:gap-8"> 10589 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Brown</div> 10590 10591 10592 </div> 10593 </div> 10594 </div> 10595 10596 </a> 10597 10598 </div> 10599 10600 10601<div class="swiper-slide" js-carousel-slide > 10602 10603 <a href="https://beyondyoga.com/collections/the-new-neutrals"> 10604 10605 <div class="column-card flex flex-col relative"> 10606 <div class="relative"> 10607 10608 10609 10610 10611 10612 10613 10614 <picture class="lazypicture block w-full aspect-[2/3]"> 10615 10616 <img
10617 src="//beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=300" 10618 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU1_T_CC70080_OATHE_T_SD4746_WHTLT_B_CC1338_OATHE_8559.jpg?v=1784680631&width=1920 1920w" 10619 sizes="(min-width: 1024px) 30vw, 75vw" 10620 width="1884" 10621 height="2440" 10622 loading="lazy" 10623 decoding="async" 10624 10625 alt="A woman stands barefoot on driftwood at the beach wearing a light beige crewneck sweatshirt and matching sweatpants." 10626 class="w-full w-full h-full object-cover object-center" 10627 10628 > 10629 </picture> 10630 10631 10632 10633 </div> 10634 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(203, 174, 148, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10635 <div class="flex flex-col gap-6 tabletl:gap-8"> 10636 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Neutrals</div> 10637 10638 10639 </div> 10640 </div> 10641 </div> 10642 10643 </a> 10644 10645 </div> 10646 10647 10648<div class="swiper-slide" js-carousel-slide > 10649 10650 <a href="https://beyondyoga.com/collections/blue-hues"> 10651 10652 <div class="column-card flex flex-col relative"> 10653 <div class="relative"> 10654 10655 10656 10657 10658 10659 10660 10661 <picture class="lazypicture block w-full aspect-[2/3]"> 10662 10663 <img 10664 src="//beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=300" 10665 srcset="//beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=300 300w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=600 600w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=750 750w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1024 1024w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1280 1280w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1440 1440w, //beyondyoga.com/cdn/shop/files/0093C-0001_22.jpg?v=1784180738&width=1920 1920w" 10666 sizes="(min-width: 1024px) 30vw, 75vw" 10667 width="1884" 10668 height="2440" 10669 loading="lazy" 10670 decoding="async" 10671 10672 alt="" 10673 class="w-full w-full h-full object-cover object-center" 10674 10675 > 10676 </picture> 10677 10678 10679 10680 </div> 10681 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(32, 139, 195, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10682 <div class="flex flex-col gap-6 tabletl:gap-8"> 10683 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Blue</div> 10684 10685 10686 </div> 10687 </div> 10688 </div> 10689 10690 </a> 10691 10692 </div> 10693 10694 10695<div class="swiper-slide" js-carousel-slide > 10696 10697 <a href="/collections/pink-hues"> 10698 10699 <div class="column-card flex flex-col relative"> 10700 <div class="relative"> 10701 10702 10703 10704 10705 10706 10707 10708 <picture class="lazypicture block w-full aspect-[2/3]"> 10709 10710 <img 10711 src="//beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=300" 10712 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1024 1024
10712w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU6_T_SD8367_BRYBH_T_CC70081_LVDRC_B_CC1339_LVDRC_8026.jpg?v=1784823484&width=1920 1920w" 10713 sizes="(min-width: 1024px) 30vw, 75vw" 10714 width="1884" 10715 height="2440" 10716 loading="lazy" 10717 decoding="async" 10718 10719 alt="A woman sitting on a sandy beach wearing a matching light pink lounge set, featuring a sports bra and jogger pants, with her pink jacket draped off her shoulders." 10720 class="w-full w-full h-full object-cover object-center" 10721 10722 > 10723 </picture> 10724 10725 10726 10727 </div> 10728 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(196, 45, 171, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10729 <div class="flex flex-col gap-6 tabletl:gap-8"> 10730 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Pink</div> 10731 10732 10733 </div> 10734 </div> 10735 </div> 10736 10737 </a> 10738 10739 </div> 10740 10741 10742<div class="swiper-slide" js-carousel-slide > 10743 10744 <a href="https://beyondyoga.com/collections/gray-hues"> 10745 10746 <div class="column-card flex flex-col relative"> 10747 <div class="relative"> 10748 10749 10750 10751 10752 10753 10754 10755 <picture class="lazypicture block w-full aspect-[2/3]"> 10756 10757 <img 10758 src="//beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=300" 10759 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1024 1024w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU9_T_LWSD7892D_NCNVY_T_SD797D_HARBL_B_SD5169D_HARBL_LAU10_T_SD8367_NCNVY_T_SD2337_SILMS_B_CC1338_HGRAY_9063.jpg?v=1784824155&width=1920 1920w" 10760 sizes="(min-width: 1024px) 30vw, 75vw" 10761 width="1884" 10762 height="2440" 10763 loading="lazy" 10764 decoding="async" 10765 10766 alt="A man and a woman walking outdoors on a beach wearing matching athletic sets. The woman wears a light gray zip-up long-sleeve crop top with matching gray sweatpants." 10767 class="w-full w-full h-full object-cover object-center" 10768 10769 > 10770 </picture> 10771 10772 10773 10774 </div> 10775 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(198, 198, 198, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10776 <div class="flex flex-col gap-6 tabletl:gap-8"> 10777 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Gray</div> 10778 10779 10780 </div> 10781 </div> 10782 </div> 10783 10784 </a> 10785 10786 </div> 10787 10788 10789<div class="swiper-slide" js-carousel-slide > 10790 10791 <a href="https://beyondyoga.com/collections/white-hues"> 10792 10793 <div class="column-card flex flex-col relative"> 10794 <div class="relative"> 10795 10796 10797 10798 10799 10800 10801 10802 <picture class="lazypicture block w-full aspect-[2/3]"> 10803 10804 <img 10805 src="//beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=300" 10806 srcset="//beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=300 300w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=600 600w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=750 750w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1024 1024
10806w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1280 1280w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1440 1440w, //beyondyoga.com/cdn/shop/files/F26_LAU3_T_CN70065_SOFTBLACK_T_LWSD70006_WHTLT_B_CN1328_SOFTBLACK__8176_AI.jpg?v=1784824745&width=1920 1920w" 10807 sizes="(min-width: 1024px) 30vw, 75vw" 10808 width="1884" 10809 height="2440" 10810 loading="lazy" 10811 decoding="async" 10812 10813 alt="A woman wearing a white short-sleeve cropped t-shirt and black drawstring sweatpants, standing outdoors on a sandy beach with dune grass and a blue sky in the background." 10814 class="w-full w-full h-full object-cover object-center" 10815 10816 > 10817 </picture> 10818 10819 10820 10821 </div> 10822 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(255, 255, 255, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10823 <div class="flex flex-col gap-6 tabletl:gap-8"> 10824 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">White</div> 10825 10826 10827 </div> 10828 </div> 10829 </div> 10830 10831 </a> 10832 10833 </div> 10834 10835 10836<div class="swiper-slide" js-carousel-slide > 10837 10838 <a href="https://beyondyoga.com/collections/black-hues"> 10839 10840 <div class="column-card flex flex-col relative"> 10841 <div class="relative"> 10842 10843 10844 10845 10846 10847 10848 10849 <picture class="lazypicture block w-full aspect-[2/3]"> 10850 10851 <img 10852 src="//beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=300" 10853 srcset="//beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=300 300w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=600 600w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=750 750w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1024 1024w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1280 1280w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1440 1440w, //beyondyoga.com/cdn/shop/files/SD4773_darkest-night_1972.jpg?v=1767939237&width=1920 1920w" 10854 sizes="(min-width: 1024px) 30vw, 75vw" 10855 width="1884" 10856 height="2440" 10857 loading="lazy" 10858 decoding="async" 10859 10860 alt="Woman in a black cropped tank with a crossover strap in the back and black pants. " 10861 class="w-full w-full h-full object-cover object-center" 10862 10863 > 10864 </picture> 10865 10866 10867 10868 </div> 10869 <div class="flex flex-col absolute bottom-0 w-full p-12 tabletl:p-[15px] " style="background-color: rgba(5, 5, 5, 0.5); color: #ffffff; backdrop-filter: blur(12px) saturate(120%);"> 10870 <div class="flex flex-col gap-6 tabletl:gap-8"> 10871 <div class=" font-noiGrotesk text-15 tabletl:text-20 ">Black</div> 10872 10873 10874 </div> 10875 </div> 10876 </div> 10877 10878 </a> 10879 10880 </div> 10881 10882</div> 10883 10884 <div class="swiper-custom-nav swiper-custom-nav--prev !transform-none" js-prev-template--19357268639843__section_columns_carousel_KRBWDB> 10885 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 10886<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/> 10887</svg> 10888</span> 10889 </div> 10890 <div class="swiper-custom-nav swiper-custom-nav--next !transform-none" js-next-template--1935
108907268639843__section_columns_carousel_KRBWDB> 10891 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 10892<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/> 10893</svg> 10894</span> 10895 </div> 10896 10897 </div> 10898 </s-carousel> 10899</section> 10900 10901 10902</div><div id="shopify-section-template--19357268639843__section_store_carousel_XHhd8w" class="shopify-section"> 10903 10904<div class="section__store-carousel mt-32 mb-56 tabletl:mt-80 tabletl:mb-80 pt-0 pb-0 tabletl:pt-0 tabletl:pb-0"> 10905 <div class="store-carousel__title-container px-24 tabletl:px-64 flex items-center justify-between gap-12 mb-32"> 10906 <p class="store-carousel__title f3">Our Stores</p> 10907 10908 <a href="/pages/stores" class="store-carousel__cta btn w-fit whitespace-nowrap"> 10909 Visit Us 10910 </a> 10911 10912 </div><s-carousel class="store-carousel__carousel grid" data-options='{ 10913 "slidesPerView": 2.4, 10914 "spaceBetween": 12, 10915 "slidesOffsetBefore": 24, 10916 "slidesOffsetAfter": 24, 10917 "autoHeight": false, 10918 "loop": false, 10919 "freeMode": true, 10920 "navigation": { 10921 "enabled": true, 10922 "prevEl": "[js-prev-template--19357268639843__section_store_carousel_XHhd8w]", 10923 "nextEl": "[js-next-template--19357268639843__section_store_carousel_XHhd8w]" 10924 }, 10925 "breakpoints": { 10926 "768": { 10927 "slidesPerView": 4.3, 10928 "spaceBetween": 12, 10929 "slidesOffsetBefore": 24, 10930 "slidesOffsetAfter": 24 10931 }, 10932 "1024": { 10933 "slidesPerView": 5.6, 10934 "spaceBetween": 16, 10935 "slidesOffsetBefore": 64, 10936 "slidesOffsetAfter": 64 10937 }, 10938 "1440": { 10939 "slidesPerView": 6.6, 10940 "spaceBetween": 16, 10941 "slidesOffsetBefore": 64, 10942 "slidesOffsetAfter": 64 10943 } 10944 } 10945 }'> 10946 <div id="Carousel-template--19357268639843__section_store_carousel_XHhd8w" class="swiper w-full max-w-full" js-carousel> 10947 <div class="swiper-wrapper"> 10948 10949 <div class="swiper-slide store-carousel__slide" js-carousel-slide> 10950 10951 <div class="store-carousel__image"> 10952 10953 10954 10955 10956 10957 <picture class="lazypicture block w-full "> 10958 10959 <img 10960 src="//beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=300" 10961 srcset="//beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=300 300w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=600 600w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=750 750w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1024 1024w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1280 1280w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1440 1440w, //beyondyoga.com/cdn/shop/files/image_-_2025-10-28T105508.184.webp?v=1762379757&width=1920 1920w" 10962 sizes="100vw" 10963 width="648" 10964 height="648" 10965 loading="lazy" 10966 decoding="async" 10967 10968 alt="Yellow Beyond Yoga store front with large glass windows. " 10969 class="w-full " 10970 10971 > 10972 </picture> 10973 10974 10975 </div> 10976 10977 </div> 10978 10979 10980 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 10981 <a href="/pages/stores/manhattan-beach" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Manhattan Beach - Manhattan Beach, CA"> 10982 10983 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 10984 10985 10986 10987 10988 10989 <picture class="lazypicture block w-full "> 10990 10991 <img 10992 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 10993 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
10993w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 10994 sizes="40px" 10995 width="600" 10996 height="900" 10997 loading="lazy" 10998 decoding="async" 10999 11000 alt="" 11001 class="w-full " 11002 11003 > 11004 </picture> 11005 11006 11007 </div> 11008 11009 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11010 <div class="store-carousel__store-city f0 !text-black mb-2"> 11011 Manhattan Beach 11012 </div> 11013 <div class="store-carousel__store-state fn1-mono !text-grey"> 11014 CA 11015 </div> 11016 </div> 11017 </a> 11018 </div> 11019 11020 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11021 <a href="/pages/stores/santa-monica-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Santa Monica, CA - Santa Monica, California"> 11022 11023 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11024 11025 11026 11027 11028 11029 <picture class="lazypicture block w-full "> 11030 11031 <img 11032 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11033 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11034 sizes="40px" 11035 width="600" 11036 height="900" 11037 loading="lazy" 11038 decoding="async" 11039 11040 alt="" 11041 class="w-full " 11042 11043 > 11044 </picture> 11045 11046 11047 </div> 11048 11049 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11050 <div class="store-carousel__store-city f0 !text-black mb-2"> 11051 Santa Monica 11052 </div> 11053 <div class="store-carousel__store-state fn1-mono !text-grey"> 11054 California 11055 </div> 11056 </div> 11057 </a> 11058 </div> 11059 11060 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11061 <a href="/pages/stores/irvine-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Irvine, CA - Irvine, California"> 11062 11063 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11064 11065 11066 11067 11068 11069 <picture class="lazypicture block w-full "> 11070 11071 <img 11072 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11073 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11074 sizes="40px" 11075 width="600" 11076 height="900" 11077 loading="lazy" 11078 decoding="async" 11079 11080 alt="" 11081 class="w-full " 11082 11083 > 11084 </picture> 11085 11086 11087 </div> 11088 11089 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11090 <div class="store-carousel__store-city f0 !text-black mb-2"> 11091 Irvine 11092 </div> 11093 <div class="store-carousel__store-state fn1-mono !text-grey"> 11094 California 11095 </div> 11096 </div> 11097 </a> 11098 </div> 11099 11100 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11101 <a href="/pages/stores/larchmont-village-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Larchmont Village, CA - Larchmont Village, California"> 11102 11103 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11104 11105 11106 11107 11108 11109 <picture class="lazypicture block w-full "> 11110 11111 <img 11112 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11113 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11113w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11114 sizes="40px" 11115 width="600" 11116 height="900" 11117 loading="lazy" 11118 decoding="async" 11119 11120 alt="" 11121 class="w-full " 11122 11123 > 11124 </picture> 11125 11126 11127 </div> 11128 11129 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11130 <div class="store-carousel__store-city f0 !text-black mb-2"> 11131 Larchmont Village 11132 </div> 11133 <div class="store-carousel__store-state fn1-mono !text-grey"> 11134 California 11135 </div> 11136 </div> 11137 </a> 11138 </div> 11139 11140 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11141 <a href="/pages/stores/century-city-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Century City, CA - Century City, California"> 11142 11143 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11144 11145 11146 11147 11148 11149 <picture class="lazypicture block w-full "> 11150 11151 <img 11152 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11153 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11154 sizes="40px" 11155 width="600" 11156 height="900" 11157 loading="lazy" 11158 decoding="async" 11159 11160 alt="" 11161 class="w-full " 11162 11163 > 11164 </picture> 11165 11166 11167 </div> 11168 11169 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11170 <div class="store-carousel__store-city f0 !text-black mb-2"> 11171 Century City 11172 </div> 11173 <div class="store-carousel__store-state fn1-mono !text-grey"> 11174 California 11175 </div> 11176 </div> 11177 </a> 11178 </div> 11179 11180 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11181 <a href="/pages/stores/broadway-plaza-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Walnut Creek, CA - Walnut Creek, California"> 11182 11183 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11184 11185 11186 11187 11188 11189 <picture class="lazypicture block w-full "> 11190 11191 <img 11192 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11193 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11194 sizes="40px" 11195 width="600" 11196 height="900" 11197 loading="lazy" 11198 decoding="async" 11199 11200 alt="" 11201 class="w-full " 11202 11203 > 11204 </picture> 11205 11206 11207 </div> 11208 11209 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11210 <div class="store-carousel__store-city f0 !text-black mb-2"> 11211 Walnut Creek 11212 </div> 11213 <div class="store-carousel__store-state fn1-mono !text-grey"> 11214 California 11215 </div> 11216 </div> 11217 </a> 11218 </div> 11219 11220 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11221 <a href="/pages/stores/fulton-market-il" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Fulton Market, IL - Fulton Market, Illinois"> 11222 11223 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11224 11225 11226 11227 11228 11229 <picture class="lazypicture block w-full "> 11230 11231 <img 11232 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11233 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11233w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11234 sizes="40px" 11235 width="600" 11236 height="900" 11237 loading="lazy" 11238 decoding="async" 11239 11240 alt="" 11241 class="w-full " 11242 11243 > 11244 </picture> 11245 11246 11247 </div> 11248 11249 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11250 <div class="store-carousel__store-city f0 !text-black mb-2"> 11251 Fulton Market 11252 </div> 11253 <div class="store-carousel__store-state fn1-mono !text-grey"> 11254 Illinois 11255 </div> 11256 </div> 11257 </a> 11258 </div> 11259 11260 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11261 <a href="/pages/stores/bellevue-square-wa" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Bellevue Square, WA - Bellevue Square, Washington"> 11262 11263 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11264 11265 11266 11267 11268 11269 <picture class="lazypicture block w-full "> 11270 11271 <img 11272 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11273 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11274 sizes="40px" 11275 width="600" 11276 height="900" 11277 loading="lazy" 11278 decoding="async" 11279 11280 alt="" 11281 class="w-full " 11282 11283 > 11284 </picture> 11285 11286 11287 </div> 11288 11289 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11290 <div class="store-carousel__store-city f0 !text-black mb-2"> 11291 Bellevue Square 11292 </div> 11293 <div class="store-carousel__store-state fn1-mono !text-grey"> 11294 Washington 11295 </div> 11296 </div> 11297 </a> 11298 </div> 11299 11300 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11301 <a href="/pages/stores/greenwich-ct" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Greenwich, CT - Greenwich, Connecticut "> 11302 11303 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11304 11305 11306 11307 11308 11309 <picture class="lazypicture block w-full "> 11310 11311 <img 11312 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11313 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11314 sizes="40px" 11315 width="600" 11316 height="900" 11317 loading="lazy" 11318 decoding="async" 11319 11320 alt="" 11321 class="w-full " 11322 11323 > 11324 </picture> 11325 11326 11327 </div> 11328 11329 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11330 <div class="store-carousel__store-city f0 !text-black mb-2"> 11331 Greenwich 11332 </div> 11333 <div class="store-carousel__store-state fn1-mono !text-grey"> 11334 Connecticut 11335 </div> 11336 </div> 11337 </a> 11338 </div> 11339 11340 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11341 <a href="/pages/stores/westport-ct" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Westport, Ct - Westport, Connecticut "> 11342 11343 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11344 11345 11346 11347 11348 11349 <picture class="lazypicture block w-full "> 11350 11351 <img 11352 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11353 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11353w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11354 sizes="40px" 11355 width="600" 11356 height="900" 11357 loading="lazy" 11358 decoding="async" 11359 11360 alt="" 11361 class="w-full " 11362 11363 > 11364 </picture> 11365 11366 11367 </div> 11368 11369 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11370 <div class="store-carousel__store-city f0 !text-black mb-2"> 11371 Westport 11372 </div> 11373 <div class="store-carousel__store-state fn1-mono !text-grey"> 11374 Connecticut 11375 </div> 11376 </div> 11377 </a> 11378 </div> 11379 11380 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11381 <a href="/pages/stores/old-orchard" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Old Orchard, IL - Skokie, Illinois"> 11382 11383 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11384 11385 11386 11387 11388 11389 <picture class="lazypicture block w-full "> 11390 11391 <img 11392 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11393 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11394 sizes="40px" 11395 width="600" 11396 height="900" 11397 loading="lazy" 11398 decoding="async" 11399 11400 alt="" 11401 class="w-full " 11402 11403 > 11404 </picture> 11405 11406 11407 </div> 11408 11409 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11410 <div class="store-carousel__store-city f0 !text-black mb-2"> 11411 Skokie 11412 </div> 11413 <div class="store-carousel__store-state fn1-mono !text-grey"> 11414 Illinois 11415 </div> 11416 </div> 11417 </a> 11418 </div> 11419 11420 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11421 <a href="/pages/stores/seaport-boston-ma" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Seaport Boston, MA - Boston, Massachusetts"> 11422 11423 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11424 11425 11426 11427 11428 11429 <picture class="lazypicture block w-full "> 11430 11431 <img 11432 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11433 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11434 sizes="40px" 11435 width="600" 11436 height="900" 11437 loading="lazy" 11438 decoding="async" 11439 11440 alt="" 11441 class="w-full " 11442 11443 > 11444 </picture> 11445 11446 11447 </div> 11448 11449 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11450 <div class="store-carousel__store-city f0 !text-black mb-2"> 11451 Boston 11452 </div> 11453 <div class="store-carousel__store-state fn1-mono !text-grey"> 11454 Massachusetts 11455 </div> 11456 </div> 11457 </a> 11458 </div> 11459 11460 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11461 <a href="/pages/stores/corte-madera" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Corte Madera - Marin County , California "> 11462 11463 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11464 11465 11466 11467 11468 11469 <picture class="lazypicture block w-full "> 11470 11471 <img 11472 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11473 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11473w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11474 sizes="40px" 11475 width="600" 11476 height="900" 11477 loading="lazy" 11478 decoding="async" 11479 11480 alt="" 11481 class="w-full " 11482 11483 > 11484 </picture> 11485 11486 11487 </div> 11488 11489 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11490 <div class="store-carousel__store-city f0 !text-black mb-2"> 11491 Marin County 11492 </div> 11493 <div class="store-carousel__store-state fn1-mono !text-grey"> 11494 California 11495 </div> 11496 </div> 11497 </a> 11498 </div> 11499 11500 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11501 <a href="/pages/stores/san-jose-ca" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store San Jose - San Jose, California "> 11502 11503 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11504 11505 11506 11507 11508 11509 <picture class="lazypicture block w-full "> 11510 11511 <img 11512 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11513 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11514 sizes="40px" 11515 width="600" 11516 height="900" 11517 loading="lazy" 11518 decoding="async" 11519 11520 alt="" 11521 class="w-full " 11522 11523 > 11524 </picture> 11525 11526 11527 </div> 11528 11529 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11530 <div class="store-carousel__store-city f0 !text-black mb-2"> 11531 San Jose 11532 </div> 11533 <div class="store-carousel__store-state fn1-mono !text-grey"> 11534 California 11535 </div> 11536 </div> 11537 </a> 11538 </div> 11539 11540 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11541 <a href="/pages/stores/city-centre-houston" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store CityCentre, Houston - Houston, Texas"> 11542 11543 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11544 11545 11546 11547 11548 11549 <picture class="lazypicture block w-full "> 11550 11551 <img 11552 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11553 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11554 sizes="40px" 11555 width="600" 11556 height="900" 11557 loading="lazy" 11558 decoding="async" 11559 11560 alt="" 11561 class="w-full " 11562 11563 > 11564 </picture> 11565 11566 11567 </div> 11568 11569 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11570 <div class="store-carousel__store-city f0 !text-black mb-2"> 11571 Houston 11572 </div> 11573 <div class="store-carousel__store-state fn1-mono !text-grey"> 11574 Texas 11575 </div> 11576 </div> 11577 </a> 11578 </div> 11579 11580 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11581 <a href="/pages/stores/bethesda-md" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Montgomery Mall - Bethesda, MD"> 11582 11583 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11584 11585 11586 11587 11588 11589 <picture class="lazypicture block w-full "> 11590 11591 <img 11592 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11593 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024
11593w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11594 sizes="40px" 11595 width="600" 11596 height="900" 11597 loading="lazy" 11598 decoding="async" 11599 11600 alt="" 11601 class="w-full " 11602 11603 > 11604 </picture> 11605 11606 11607 </div> 11608 11609 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11610 <div class="store-carousel__store-city f0 !text-black mb-2"> 11611 Bethesda 11612 </div> 11613 <div class="store-carousel__store-state fn1-mono !text-grey"> 11614 MD 11615 </div> 11616 </div> 11617 </a> 11618 </div> 11619 11620 <div class="swiper-slide store-carousel__slide flex items-center" js-carousel-slide> 11621 <a href="/pages/stores/scottsdale-kierland-commons" class="store-carousel__store group flex gap-6 tabletl:gap-8" aria-label="View Store Scottsdale Kierland Commons - Scottsdale, AZ"> 11622 11623 <div class="store-carousel__store-icon w-40 min-w-[40px] group-hover:opacity-60 group-focus:opacity-60 group-focus-visible::opacity-60"> 11624 11625 11626 11627 11628 11629 <picture class="lazypicture block w-full "> 11630 11631 <img 11632 src="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300" 11633 srcset="//beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=300 300w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=600 600w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=750 750w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1024 1024w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1280 1280w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1440 1440w, //beyondyoga.com/cdn/shop/files/santa-monica-icon.png?v=1747688507&width=1920 1920w" 11634 sizes="40px" 11635 width="600" 11636 height="900" 11637 loading="lazy" 11638 decoding="async" 11639 11640 alt="" 11641 class="w-full " 11642 11643 > 11644 </picture> 11645 11646 11647 </div> 11648 11649 <div class="store-carousel__store-info flex-1 py-4 tabletl:py-0"> 11650 <div class="store-carousel__store-city f0 !text-black mb-2"> 11651 Scottsdale 11652 </div> 11653 <div class="store-carousel__store-state fn1-mono !text-grey"> 11654 AZ 11655 </div> 11656 </div> 11657 </a> 11658 </div> 11659 11660 </div> 11661 <div class="swiper-custom-nav swiper-custom-nav--prev" js-prev-template--19357268639843__section_store_carousel_XHhd8w> 11662 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-left" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 11663<path d="M7.04475 0.904755L1.90474 6.98379M1.90474 6.98379L7.07215 13.0952M1.90474 6.98379L14.0952 6.99217" stroke="currentColor" stroke-width="1.52381"/> 11664</svg> 11665</span> 11666 </div> 11667 <div class="swiper-custom-nav swiper-custom-nav--next" js-next-template--19357268639843__section_store_carousel_XHhd8w> 11668 <span class="swiper-custom-nav__icon"><svg class="icon icon--arrow-right" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 11669<path d="M7.95525 0.904755L13.0953 6.98379M13.0953 6.98379L7.92785 13.0952M13.0953 6.98379L0.904785 6.99217" stroke="currentColor" stroke-width="1.52381"/> 11670</svg> 11671</span> 11672 </div> 11673 </div> 11674 </s-carousel> 11675</div> 11676 11677</div> 11678 </main> 11679 11680 <!-- BEGIN sections: footer-group --> 11681<div id="shopify-section-sections--19357271064675__footer" class="shopify-section shopify-section-group-footer-group"><footer class="section-footer block bg-white p-24 tabletl:px-64 tabletl:py-32 relative z-0"> 11682 11683 <div class="footer__klaviyo"> 11684 <div class="klaviyo-form-Ua6xYB"></div> 11685 </div> 11686 11687 11688 11689 11690 <div class="footer__nav mt-56 tabletl:mt-80 grid grid-cols-2 gap-x-18 gap-y-32 tabletl:flex tabletl:ju
11690stify-start tabletl:gap-32"> 11691 11692 <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]"> 11693 <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16"> 11694 Support 11695 </div> 11696 <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none"> 11697 11698 <li class="footer-nav__link-item"> 11699 11700 <a href="https://shopify.com/26561413219/account/profile?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiZXlvbmQteW9nYS1zdG9yZS5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE1MjY3NjQsIm5iZiI6MTc5MDkyMTk2NH0.iQyZ0WJoGrCo06W_LLWs1Z3Ep2ciNlNoeraKOXtqGXA" class="footer-nav__link w-fit" aria-label="My Account"> 11701 My Account 11702 </a> 11703 11704 </li> 11705 11706 <li class="footer-nav__link-item"> 11707 11708 <a href="/pages/contact-us" class="footer-nav__link w-fit" aria-label="Contact Us"> 11709 Contact Us 11710 </a> 11711 11712 </li> 11713 11714 <li class="footer-nav__link-item"> 11715 11716 <a href="/pages/shipping-delivery" class="footer-nav__link w-fit" aria-label="Shipping + Delivery"> 11717 Shipping + Delivery 11718 </a> 11719 11720 </li> 11721 11722 <li class="footer-nav__link-item"> 11723 11724 <a href="/pages/returns" class="footer-nav__link w-fit" aria-label="Returns + Exchanges"> 11725 Returns + Exchanges 11726 </a> 11727 11728 </li> 11729 11730 <li class="footer-nav__link-item"> 11731 11732 <a href="/pages/faqs" class="footer-nav__link w-fit" aria-label="FAQs"> 11733 FAQs 11734 </a> 11735 11736 </li> 11737 11738 <li class="footer-nav__link-item"> 11739 11740 <a href="/pages/mailing-preferences" class="footer-nav__link w-fit" aria-label="Mailing Preferences"> 11741 Mailing Preferences 11742 </a> 11743 11744 </li> 11745 11746 </ul> 11747 </div> 11748 11749 <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]"> 11750 <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16"> 11751 Company 11752 </div> 11753 <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none"> 11754 11755 <li class="footer-nav__link-item"> 11756 11757 <a href="/pages/about-us" class="footer-nav__link w-fit" aria-label="About Us"> 11758 About Us 11759 </a> 11760 11761 </li> 11762 11763 <li class="footer-nav__link-item"> 11764 11765 <a href="/pages/stores" class="footer-nav__link w-fit" aria-label="Find a Store"> 11766 Find a Store 11767 </a> 11768 11769 </li> 11770 11771 <li class="footer-nav__link-item"> 11772 11773 <a href="/pages/career-internships" class="footer-nav__link w-fit" aria-label="Careers"> 11774 Careers 11775 </a> 11776 11777 </li> 11778 11779 <li class="footer-nav__link-item"> 11780 11781 <a href="/pages/wholesale" class="footer-nav__link w-fit" aria-label="Wholesale"> 11782 Wholesale 11783 </a> 11784 11785 </li> 11786 11787 <li class="footer-nav__link-item"> 11788 11789 <a href="/products/beyond-yoga-digital-gift-card" class="footer-nav__link w-fit" aria-label="Gift Cards"> 11790 Gift Cards 11791 </a> 11792 11793 </li> 11794 11795 </ul> 11796 </div> 11797 11798 <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]"> 11799 <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16"> 11800 Legal 11801 </div> 11802 <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none"> 11803 11804 <li class="footer-nav__link-item"> 11805 11806 <a href="/pages/terms-of-use" class="footer-nav__link w-fit" aria-label="Terms of Use"> 11807 Terms of Use 11808 </a> 11809 11810 </li> 11811 11812 <li class="footer-nav__link-item"> 11813 11814 <a href="/pages/offer-terms" class="footer-nav__link w-fit" aria-label="Offer Terms"> 11815 Offer Terms 11816 </a> 11817 11818 </li> 11819 11820 <li class="footer-nav__link-item"> 11821 11822 <a href="/pages/privacy-notice" class="footer-nav__link w-fit" aria-label="Privacy Notice"> 11823 Privacy Notice 11824 </a> 11825 11826 </li> 11827 11828 <li class="footer-nav__link-item"> 11829 11830 <a href="/pages/accessibility" class="footer-nav__link w-fit" aria-label="Accessibility"> 11831 Accessibility 11832 </a> 11833 11834 </li> 11835 11836 </ul> 11837 </div> 11838 11839 <div class="footer-nav__group tabletl:w-[150px] laptop:w-[192px]"> 11840 <div class="footer-nav__group-title f1 mb-12 tabletl:mb-16"> 11841 Community 11842 </div> 11843 <ul class="footer-nav__links fn1 tabletl:text-13 flex flex-col gap-6 tabletl:gap-8 list-none"> 11844 11845 <li class="footer-nav__link-item"> 11846 11847 <a href="/pages/reviews" class="footer-nav__link w-fit" aria-label="Reviews"> 11848 Reviews 11849 </a> 11850 11851 </li> 11852 11853 <li class="footer-nav__link-item"> 11854 11855 <a href="/pages/affiliate-page" class="footer-nav__link w-fit" aria-label="Affiliate Program"> 11856 Affiliate Program 11857 </a> 11858 11859 </li> 11860 11861 <li class="footer-nav__link-item"> 11862 11863 <a href="/pages/move-beyond-collective" class="footer-nav__link w-fit" aria-label="Move Beyond Collective"> 11864 Move Beyond Collective 11865 </a> 11866 11867 </li> 11868 11869 <li class="footer-nav__link-item"> 11870 11871 <a href="/pages/id-me-x-beyond-yoga" class="footer-nav__link w-fit" aria-label="ID.me Program"> 11872 ID.me Program 11873 </a> 11874 11875 </li> 11876 11877 <li class="footer-nav__link-item"> 11878 11879 <a href="https://beyondyoga.thredup.com" class="footer-nav__link w-fit" aria-label="ThredUp"> 11880 ThredUp 11881 </a> 11882 11883 </li> 11884 11885 </ul> 11886 </div> 11887 11888 11889 <div class="footer__social-media tabletl:flex tabletl:items-center tabletl:gap-16 tabletl:ju
11889stify-end tabletl:absolute tabletl:right-64 tabletl:bottom-32"> 11890 <div class="footer-social-media__heading f1 mb-12 tabletl:mb-0"> 11891 <span>Follow Us</span><span class="hidden tabletl:inline">:</span> 11892 </div> 11893 <div class="footer-social-media__links flex gap-20 tabletl:gap-16"> 11894 11895 <a href="https://www.facebook.com/BeyondYoga/" class="footer-social-media__link w-24" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> 11896 <svg class="icon icon--facebook" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11897 <path d="M13.2878 20.2958V12.7276H15.8355L16.2174 9.77854H13.2887V7.89543C13.2887 7.04098 13.5258 6.45945 14.7539 6.45945L16.3206 6.45863V3.82061C15.5625 3.74061 14.8006 3.70184 14.0383 3.70447C11.7794 3.70447 10.2335 5.07906 10.2335 7.60342V9.77854H7.6792V12.7276H10.2335V20.2958H13.2878Z" fill="currentColor"/> 11898</svg> 11899 11900 </a> 11901 11902 11903 <a href="https://www.pinterest.com/beyondyoga/" class="footer-social-media__link w-24" aria-label="Pinterest" target="_blank" rel="noopener noreferrer"> 11904 <svg class="icon icon--pinterest" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11905 <path d="M11.9999 3.76721C7.45254 3.76721 3.76709 7.45266 3.76709 12C3.76709 15.4893 5.93784 18.4672 8.9994 19.6667C8.92865 19.0139 8.86111 18.017 9.02834 17.3063C9.17949 16.6631 9.99312 13.2156 9.99312 13.2156C9.99312 13.2156 9.74549 12.7236 9.74549 11.9935C9.74549 10.8487 10.408 9.99324 11.2345 9.99324C11.9355 9.99324 12.2764 10.5207 12.2764 11.1542C12.2764 11.8617 11.8262 12.9165 11.5946 13.8942C11.4017 14.7142 12.0063 15.3831 12.8135 15.3831C14.2767 15.3831 15.4023 13.8395 15.4023 11.6141C15.4023 9.6427 13.9873 8.26307 11.9645 8.26307C9.62329 8.26307 8.24687 10.019 8.24687 11.836C8.24687 12.5435 8.52023 13.3024 8.86111 13.7141C8.92865 13.7945 8.9383 13.8684 8.919 13.9488C8.8579 14.2093 8.7164 14.7689 8.69067 14.8814C8.65529 15.0326 8.57168 15.0648 8.4141 14.9908C7.385 14.5116 6.74182 13.0098 6.74182 11.8006C6.74182 9.20212 8.62957 6.81912 12.1799 6.81912C15.0357 6.81912 17.2547 8.8548 17.2547 11.5755C17.2547 14.4119 15.4666 16.6952 12.9839 16.6952C12.151 16.6952 11.3663 16.2611 11.0962 15.7497C11.0962 15.7497 10.6845 17.3223 10.5848 17.7082C10.3983 18.4222 9.89664 19.3194 9.56218 19.8661C10.334 20.1041 11.1509 20.2327 11.9999 20.2327C16.5472 20.2327 20.2326 16.5473 20.2326 12C20.2326 7.45266 16.5472 3.76721 11.9999 3.76721Z" fill="currentColor"/> 11906</svg> 11907 11908 </a> 11909 11910 11911 <a href="https://www.instagram.com/beyondyoga/?hl=en" class="footer-social-media__link w-24" aria-label="Instagram" target="_blank" rel="noopener noreferrer"> 11912 <svg class="icon icon--instagram" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11913 <path d="M12.0048 5.17528C14.2293 5.17528 14.4927 5.18504 15.3675 5.22406C16.1806 5.25984 16.6196 5.39643 16.9123 5.51025C17.2993 5.65986 17.579 5.84198 17.8685 6.13142C18.1612 6.42412 18.34 6.70055 18.4896 7.08756C18.6035 7.38026 18.74 7.82255 18.7758 8.63235C18.8148 9.51044 18.8246 9.77386 18.8246 11.9951C18.8246 14.2196 18.8148 14.483 18.7758 15.3579C18.74 16.1709 18.6035 16.6099 18.4896 16.9026C18.34 17.2896 18.1579 17.5693 17.8685 17.8588C17.5758 18.1515 17.2993 18.3303 16.9123 18.4799C16.6196 18.5938 16.1773 18.7304 15.3675 18.7661C14.4894 18.8052 14.226 18.8149 12.0048 18.8149C9.78029 18.8149 9.51686 18.8052 8.64203 18.7661C7.82898 18.7304 7.38994 18.5938 7.09724 18.4799C6.71023 18.3303 6.43054 18.1482 6.1411 17.8588C5.8484 17.5661 5.66953 17.2896 5.51993 16.9026C5.40611 16.6099 5.26952 16.1676 5.23374 15.3579C5.19472 14.4798 5.18496 14.2163 5.18496 11.9951C5.18496 9.77061 5.19472 9.50718 5.23374 8.63235C5.26952 7.8193 5.40611 7.38026 5.51993 7.08756C5.66953 6.70055 5.85166 6.42086 6.1411 6.13142C6.4338 5.83872 6.71023 5.65986 7.09724 5.51025C7.38994 5.39643 7.83223 5.25984 8.64203 5.22406C9.51686 5.18504 9.78029 5.17528 12.0048 5.17528ZM12.0048 3.67603C9.74451 3.67603 9.46158 3.68578 8.57373 3.72481C7.68914 3.76383 7.
1191308098 3.90693 6.55413 4.11182C6.00451 4.32646 5.53945 4.6094 5.07764 5.07446C4.61257 5.53627 4.32964 6.00133 4.11499 6.5477C3.9101 7.07781 3.76701 7.68271 3.72798 8.5673C3.68896 9.4584 3.6792 9.74134 3.6792 12.0016C3.6792 14.2619 3.68896 14.5448 3.72798 15.4327C3.76701 16.3172 3.9101 16.9254 4.11499 17.4523C4.32964 18.0019 4.61257 18.4669 5.07764 18.9287C5.53945 19.3906 6.00451 19.6767 6.55087 19.8881C7.08098 20.093 7.68588 20.2361 8.57048 20.2751C9.45832 20.3142 9.74126 20.3239 12.0015 20.3239C14.2618 20.3239 14.5447 20.3142 15.4326 20.2751C16.3172 20.2361 16.9253 20.093 17.4522 19.8881C17.9985 19.6767 18.4636 19.3906 18.9254 18.9287C19.3872 18.4669 19.6734 18.0019 19.8848 17.4555C20.0897 16.9254 20.2328 16.3205 20.2718 15.4359C20.3108 14.5481 20.3206 14.2651 20.3206 12.0049C20.3206 9.74459 20.3108 9.46165 20.2718 8.57381C20.2328 7.68922 20.0897 7.08106 19.8848 6.5542C19.6799 6.00133 19.397 5.53627 18.9319 5.07446C18.4701 4.61265 18.0051 4.32646 17.4587 4.11507C16.9286 3.91018 16.3237 3.76709 15.4391 3.72806C14.548 3.68578 14.265 3.67603 12.0048 3.67603Z" fill="currentColor"/> 11914 <path d="M12.0046 7.72498C9.64356 7.72498 7.72803 9.64051 7.72803 12.0016C7.72803 14.3627 9.64356 16.2782 12.0046 16.2782C14.3657 16.2782 16.2813 14.3627 16.2813 12.0016C16.2813 9.64051 14.3657 7.72498 12.0046 7.72498ZM12.0046 14.7757C10.4729 14.7757 9.23053 13.5334 9.23053 12.0016C9.23053 10.4698 10.4729 9.22748 12.0046 9.22748C13.5364 9.22748 14.7788 10.4698 14.7788 12.0016C14.7788 13.5334 13.5364 14.7757 12.0046 14.7757Z" fill="currentColor"/> 11915 <path d="M17.449 7.55585C17.449 8.10873 17.0002 8.55427 16.4506 8.55427C15.8977 8.55427 15.4521 8.10547 15.4521 7.55585C15.4521 7.00298 15.9009 6.55743 16.4506 6.55743C17.0002 6.55743 17.449 7.00624 17.449 7.55585Z" fill="currentColor"/> 11916</svg> 11917 11918 </a> 11919 11920 11921 <a href="https://www.tiktok.com/@beyondyoga" class="footer-social-media__link w-24" aria-label="TikTok" target="_blank" rel="noopener noreferrer"> 11922 <svg class="icon icon--tiktok" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11923 <path d="M15.3403 3.68866H12.5389V15.0114C12.5389 16.3605 11.4614 17.4687 10.1206 17.4687C8.77975 17.4687 7.70229 16.3605 7.70229 15.0114C7.70229 13.6864 8.75581 12.6023 10.0488 12.5541V9.7114C7.19947 9.75956 4.90088 12.0964 4.90088 15.0114C4.90088 17.9505 7.24735 20.3114 10.1446 20.3114C13.0417 20.3114 15.3882 17.9264 15.3882 15.0114V9.20547C16.4417 9.97639 17.7347 10.4341 19.0995 10.4582V7.61548C16.9924 7.54321 15.3403 5.80866 15.3403 3.68866Z" fill="currentColor"/> 11924</svg> 11925 11926 </a> 11927 11928 </div> 11929 </div> 11930 11931 </div> 11932 11933 11934 11935 11936 11937 <div class="footer__gif absolute z-[-1] bottom-24 right-24 tabletl:bottom-64 tabletl:right-64 w-[var(--gif-width-mobile)] tabletl:w-[var(--gif-width-desktop)]" style="--gif-width-mobile: 120px; --gif-width-desktop: 200px;"> 11938 11939 11940 11941 11942 11943 <picture class="lazypicture block w-full "> 11944 11945 <img 11946 src="//beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=300" 11947 srcset="//beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=300 300w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=600 600w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=750 750w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1024 1024w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1280 1280w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1440 1440w, //beyondyoga.com/cdn/shop/files/Layer_1.png?v=1754941391&width=1920 1920w" 11948 sizes="(min-width: 1024px) 200px, 120px" 11949 width="294" 11950 height="200" 11951 loading="lazy" 11952 decoding="async" 11953 11954 alt="BY Logo " 11955 class="w-full " 11956 11957 > 11958 </picture> 11959 11960 11961 </div> 11962 11963 <div class="footer__copyright fn1 tabletl:text-13 text-grey mt-96 tabletl:mt-8 tabletl:py-4 flex flex-col tabletl:flex-row tabletl:gap-4"> 11964 <div>© 2026 Beyond Yoga.</div> 11965 <div>All Rights Reserved.</div> 11966 <div id="teconsent" class="self-start tabletl:self-auto text-left"></div> 11967 </div> 11968</footer> 11969 11970 11971</div> 11972<!-- END sections: footer-group --> 11973 11974 <ul hidden> 11975 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 11976 </ul> 11977 11978
11978<script> 11979 window.routes = { 11980 cart_add_url: '/cart/add', 11981 cart_change_url: '/cart/change', 11982 cart_update_url: '/cart/update', 11983 cart_url: '/cart', 11984 predictive_search_url: '/search/suggest', 11985 }; 11986 window.PUB_SUB_EVENTS = { 11987 cartUpdate: 'cart-update', 11988 quantityUpdate: 'quantity-update', 11989 variantChange: 'variant-change', 11990 cartError: 'cart-error', 11991 }; 11992 window.searchspring = { 11993 productCard: { 11994 finalSaleBadgeBgColor: '#ffffff', 11995 finalSaleBadgeTextColor: '#000000', 11996 swatchCarouselDisabled: true 11997 }, 11998 shopUrl: 'https://beyondyoga.com', 11999 customerId: null, 12000 product: null 12001 } 12002 </script>
12002 12003 12004
12004<script> 12005 let cookieObject = {}; 12006 document.cookie.split('; ').forEach(cookie => { 12007 const [name, value] = cookie.split('='); 12008 cookieObject[name] = decodeURIComponent(value); 12009 }); 12010 if (!cookieObject._isuid) { 12011 const isuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => 12012 (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) 12013 ); 12014 const newDate = new Date(); 12015 newDate.setTime(newDate.getTime() + (365*24*60*60*1000)); 12016 document.cookie = `_isuid=${isuid};expires=${newDate.toUTCString()};path=/`; 12017 } 12018</script>
12018 12019 12020
12021<script type="module"> 12022 import { getSvgPath } from '//beyondyoga.com/cdn/shop/t/2162/assets/figma-squircle.mjs?v=5810227597410849781789405387'; 12023 12024 const createClassName = (length = 8) => { 12025 const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 12026 let result = ""; 12027 for (let i = 0; i < length; i++) { 12028 result += chars.charAt(Math.floor(Math.random() * chars.length)); 12029 } 12030 return `squircle-${result}`; 12031 }; 12032 12033 const setCss = (css, styleId) => { 12034 let styleEl = document.getElementById(styleId); 12035 if (!styleEl) { 12036 styleEl = document.createElement("style"); 12037 styleEl.id = styleId; 12038 document.head.appendChild(styleEl); 12039 } 12040 styleEl.textContent = css; 12041 }; 12042 12043 const renderSquircle = (el, opts, className) => { 12044 const width = el.clientWidth; 12045 const height = el.clientHeight; 12046 12047 const augmentedOpts = { 12048 preserveSmoothing: true, 12049 cornerSmoothing: 1, 12050 width, 12051 height, 12052 ...opts, 12053 }; 12054 12055 if (!opts.borderWidth) { 12056 el.style.clipPath = `path('${getSvgPath(augmentedOpts)}')`; 12057 el.classList.add('is-squircle'); 12058 } else { 12059 el.classList.add(className); 12060 el.classList.add('is-squircle'); 12061 12062 setCss( 12063 ` 12064 .${className} { 12065 position: relative; 12066 clip-path: path('${getSvgPath(augmentedOpts)}'); 12067 } 12068 .${className}::before { 12069 content: ''; 12070 display: block; 12071 position: absolute; 12072 inset: ${opts.borderWidth}px; 12073 z-index: -1; 12074 clip-path: path('${getSvgPath({ 12075 ...augmentedOpts, 12076 width: width - opts.borderWidth * 2, 12077 height: height - opts.borderWidth * 2, 12078 cornerRadius: (opts.cornerRadius || 0) - opts.borderWidth, 12079 })}'); 12080 } 12081 `, 12082 `style-${className}` 12083 ); 12084 } 12085 }; 12086 12087 const squircleObserver = (el, opts) => { 12088 const className = createClassName(); 12089 let dimensions = undefined; 12090 12091 const func = (newOpts) => { 12092 if (newOpts !== undefined) { 12093 opts = newOpts; 12094 } 12095 renderSquircle(el, opts, className); 12096 }; 12097 12098 const resizeObserver = new ResizeObserver(() => { 12099 const prevDimensions = dimensions; 12100 dimensions = [el.clientWidth, el.clientHeight]; 12101 12102 if ( 12103 !prevDimensions || 12104 prevDimensions[0] !== dimensions[0] || 12105 prevDimensions[1] !== dimensions[1] 12106 ) { 12107 func(); 12108 } 12109 }); 12110 12111 resizeObserver.observe(el); 12112 12113 func.disconnect = () => { 12114 el.classList.remove('is-squircle'); 12115 el.classList.remove(className); 12116 const styleEl = document.getElementById(`style-${className}`); 12117 if (styleEl) styleEl.remove(); 12118 resizeObserver.disconnect(); 12119 }; 12120 12121 return func; 12122 }; 12123 12124 const getRadius = (string) => { 12125 // Parses radius string in shorthand formats: 12126 // "20" â all, "20|10" â top/bottom, "20|10|5|15" â TL, TR, BL, BR 12127 let formattedData = {}; 12128 const stringSplit = string.split('|'); 12129 12130 if (stringSplit.length == 1) { 12131 formattedData.cornerRadius = parseFloat(stringSplit[0]); 12132 } else if (stringSplit.length == 2) { 12133 formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]); 12134 formattedData.topRightCornerRadius = parseFloat(stringSplit[0]); 12135 formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[1]); 12136 formattedData.bottomRightCornerRadius = parseFloat(stringSplit[1]); 12137 } else { 12138 formattedData.topLeftCornerRadius = parseFloat(stringSplit[0]); 12139 formattedData.topRightCornerRadius = parseFloat(stringSplit[1]); 12140 formattedData.bottomLeftCornerRadius = parseFloat(stringSplit[2]) || 0; 12141 formattedData.bottomRightCornerRadius = parseFloat(stringSplit[3]) || 0; 12142 } 12143 12144 return formattedData; 12145 } 12146 12147 const updateCornerRoundings = () => { 12148 const screenSize = window.innerWidth; 12149 const roundedBtns = document.querySelectorAll('.btn:not(.rounded-none)'); 12150 const otherElements = document.querySelectorAll('[js-corner-rounding]'); 12151 12152 roundedBtns.forEach((el) => { 12153 let radius; 12154 if (screenSize < 1024) { 12155 radius = 6; 12156 } else { 12157 radius = 8; 12158 } 12159 12160 if (el._squircleObserver) { 12161 el._squircleObserver.disconnect(); 12162 } 12163 12164 const observer = squircleObserver(el, { 12165 cornerRadius: radius, 12166 cornerSmoothing: 1 12167 }); 12168 12169 el._squircleObserver = observer; 12170 }); 12171
12172 otherElements.forEach((el) => { 12173 let squircleData = {}; 12174 let unformattedRadius = el.getAttribute('data-radius'); 12175 12176 if (screenSize >= 1024 && el.hasAttribute('data-radius-desktop')) { 12177 unformattedRadius = el.getAttribute('data-radius-desktop'); 12178 } 12179 12180 if (unformattedRadius) { 12181 const formattedRadius = getRadius(unformattedRadius); 12182 squircleData = formattedRadius; 12183 } else { 12184 squircleData.cornerRadius = 0; 12185 } 12186 12187 if (el._squircleObserver) { 12188 el._squircleObserver.disconnect(); 12189 } 12190 12191 squircleData.borderWidth = parseFloat(el.dataset.borderWidth) || 0; 12192 squircleData.cornerSmoothing = parseFloat(el.dataset.cornerSmoothing) || 1; 12193 12194 const observer = squircleObserver(el, squircleData); 12195 12196 el._squircleObserver = observer; 12197 }); 12198 } 12199 12200 updateCornerRoundings(); 12201 let resizeTimeout; 12202 window.addEventListener('resize', () => { 12203 clearTimeout(resizeTimeout); 12204 resizeTimeout = setTimeout(updateCornerRoundings, 500); 12205 }); 12206</script>
12206 12207
12208<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-shopify_common.js?v=267415436273537051789405405" defer="defer"></script>
vendor: 1 bytes, line 12208
12208
12209<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-enquire.min.js?v=134987085064135182131789405404" defer="defer"></script>
vendor: 1 bytes, line 12209
12209
12210<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-swiper-bundle.min.js?v=30956067593584364731789405406" defer="defer"></script>
vendor: 1 bytes, line 12210
12210
12211<script src="//beyondyoga.com/cdn/shop/t/2162/assets/vendor-uuidv4.min.js?v=45566840873584427291789405406" defer="defer"></script>
12211<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 12211
12211
12212<script type="importmap"> 12213{ 12214 "imports": { 12215 "@theme/global-component": "//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388", 12216 "@theme/global-utilities": "//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391", 12217 "@theme/global-events": "//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389", 12218 "@theme/global-config": "//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388", 12219 "@theme/global-focusable-widget": "//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389", 12220 "@theme/global-searchspring-cookies": "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-cookies.js?v=16863699299487857701790281048", 12221 "@theme/global-searchspring-beacon": "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-beacon.js?v=99655434046837798461790281048", 12222 "@theme/global-searchspring-platform": "//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-platform.js?v=53213257187009640801790281048", 12223 "@theme/components-color-box": "//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377", 12224 "@theme/components-video": "//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386", 12225 "@theme/components-tabs": "//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386", 12226 "@theme/components-accordion": "//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374", 12227 "@theme/components-loading-spinner": "//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381", 12228 "@theme/components-quantity-input": "//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384", 12229 "@theme/components-price-range": "//beyondyoga.com/cdn/shop/t/2162/assets/components-price-range.js?v=44413538096853703951789405382", 12230 "@theme/components-dropdown": "//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378", 12231 "@theme/components-carousel": "//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376", 12232 "@theme/components-drawers": "//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378", 12233 "@theme/components-modals": "//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381", 12234 "@theme/components-header": "//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379", 12235 "@theme/components-announcement-bar": "//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375", 12236 "@theme/components-product-card": "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=178536940589754976871790887701", 12237 "@theme/components-product-options": "//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384", 12238 "@theme/components-shop-the-look": "//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385", 12239 "@theme/components-filter-sort": "//beyondyoga.com/cdn/shop/t/2162/assets/components-filter-sort.js?v=125273694945096604151789405379", 12240 "@theme/components-image-filters": "//beyondyoga.com/cdn/shop/t/2162/assets/components-image-filters.js?v=118052791421691779261790887701", 12241 "@theme/components-active-filters": "//beyondyoga.com/cdn/shop/t/2162/assets/components-active-filters.js?v=175212104161862705861789405375", 12242 "@theme/components-predictive-search": "//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=117391146940879827561790281048", 12243 "@theme/components-cart": "//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377", 12244 "@theme/components-quickshop": "//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385", 12245 "@theme/sections-hero": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396", 12246 "@theme/sections-collection-seo-content": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__seo-content.js?v=119411412926631775671789405395", 12247 "@theme/sections-product-highlight": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397", 12248 "@theme/sections-blog-by-type": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-blog-by-type.js?v=94133914798988839661789405394", 12249 "@theme/sections-ugc-carousel": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402", 12250 "@theme/sections-recently-viewed": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400", 12251 "@theme/sections-shop-looks": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401", 12252 "@theme/sections-collection-grid": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-collection__grid.js?v=156872187499933900261789405395", 12253 "@theme/sections-searchspring-results": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-searchspring-results.js?v=169790731701076872051790887701", 12254 "@theme/sections-product-recommendations": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__recommendations.js?v=54225034166203947361789405399", 12255 "@theme/sections-product-gift-card": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__gift-card.js?v=140210436593250088121789405398", 12256 "@theme/sections-product-main": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product__main.js?v=138
12256014053114869621111789405399", 12257 "@theme/sections-product-101-fabric-tabs": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-101-fabric-tabs.js?v=144906634610030605591789405396", 12258 "@theme/sections-product-carousel-tabbed": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-carousel-tabbed.js?v=93917564861376260961789405397", 12259 "@theme/sections-rebuy-widget-customization": "//beyondyoga.com/cdn/shop/t/2162/assets/sections-rebuy-widget-customization.js?v=27888287584081789421789405400", 12260 "@theme/templates-account": "//beyondyoga.com/cdn/shop/t/2162/assets/templates-account.js?v=175453407887846532331789405403" 12261 } 12262} 12263</script>
12263 12264<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" fetchpriority="low"> 12265<link rel="modulepreload" href="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" fetchpriority="low"> 12266
12267<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-component.js?v=45386962790215150981789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12267
12267
12268<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-utilities.js?v=77333649722415083111789405391" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12268
12268
12269<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-events.js?v=99078272327990653401789405389" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12269
12269
12270<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-config.js?v=63912881951526463671789405388" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12270
12270
12271<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-focusable-widget.js?v=74352962925567967041789405389" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12271
12271
12272<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-cookies.js?v=16863699299487857701790281048" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12272
12272
12273<script src="//beyondyoga.com/cdn/shop/t/2162/assets/global-searchspring-platform.js?v=53213257187009640801790281048" type="module" fetchpriority="low"></script>
12273<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-color-box.js?v=1424873123710257521789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12273
12273
12274<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-video.js?v=91516904994343832101789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12274
12274
12275<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-tabs.js?v=146629951070201382351789405386" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12275
12275
12276<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-accordion.js?v=163487839007689726591789405374" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12276
12276
12277<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-loading-spinner.js?v=102815572558323245741789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12277
12277
12278<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quantity-input.js?v=182940063381571741801789405384" type="module" fetchpriority="low"></script>
12278 12279
12280<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-dropdown.js?v=39226784265807024941789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12280
12280
12281<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-carousel.js?v=129822980346888629491789405376" type="module" fetchpriority="low"></script>
12281 12282
12283<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-drawers.js?v=42134133500762238781789405378" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12283
12283
12284<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-modals.js?v=99759508934909939081789405381" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12284
12284
12285<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-header.js?v=5023334853335998331789405379" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12285
12285
12286<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-announcement-bar.js?v=171072475726090475521789405375" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12286
12286
12287<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-cart.js?v=89381258624244670101789405377" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12287
12287
12288<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-options.js?v=164613388953852202251789405384" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12288
12288
12289<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-predictive-search.js?v=117391146940879827561790281048" type="module" fetchpriority="low"></script>
12289 12290
12291<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-product-card.js?v=178536940589754976871790887701" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12291
12291
12292<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-quickshop.js?v=39649498857931499871789405385" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12292
12292
12293<script src="//beyondyoga.com/cdn/shop/t/2162/assets/components-shop-the-look.js?v=41274162729077929751789405385" type="module" fetchpriority="low"></script>
12293 12294
12295<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-hero.js?v=127212117313349773541789405396" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12295
12295
12296<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-highlight.js?v=171941707654585739251789405397" type="module" fetchpriority="low"></script>
12296 12297
12298<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-recently-viewed.js?v=37280895801925257561789405400" type="module" fetchpriority="low"></script>
12298 12299
12300<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-101-fabric-tabs.js?v=144906634610030605591789405396" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12300
12300
12301<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-ugc-carousel.js?v=133350104903115995631789405402" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12301
12301
12302<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-shop-looks.js?v=43685106410091322661789405401" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12302
12302
12303<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-product-carousel-tabbed.js?v=93917564861376260961789405397" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12303
12303
12304<script src="//beyondyoga.com/cdn/shop/t/2162/assets/sections-rebuy-widget-customization.js?v=27888287584081789421789405400" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 12304
12304
12305<script type="module"> 12306 import { isIOS26, yotpo } from '@theme/global-utilities'; 12307 document.addEventListener('DOMContentLoaded', () => { 12308 if (isIOS26()) { 12309 document.body.classList.add('safari-glass-ui'); 12310 document.documentElement.classList.add('safari-glass-ui'); 12311 } 12312 yotpo.addBracketsToReviews(); 12313 }); 12314</script>
12314 12315 12316 12317
12317<script src="https://cdn.jsdelivr.net/npm/@loophq/onstore-sdk@latest/dist/loop-onstore-sdk.min.js" defer></script>
12317 12318 12319 12320 12321 12322 12323 12324 12325 12326
12326<script> 12327window.Shopify.loadFeatures( 12328 [ 12329 { 12330 name: 'consent-tracking-api', 12331 version: '0.1', 12332 }, 12333 ], 12334 error => { 12335 if (error) { 12336 // Rescue error 12337 } 12338 // If error is false, the API has loaded and ready to use! 12339 }, 12340); 12341 12342/** 12343* This function returns value of notice_behavior cookie to determine location and behavior manager based on domain. 12344* When no notice_behavior cookie exists, this returns a blank string. 12345*/ 12346function getBehavior() { 12347 var result = ""; 12348 var rx = new RegExp("\\s*notice_behavior\\s*=\\s*([^;]*)").exec(document.cookie); 12349 if(rx&&rx.length>1){ 12350 result = rx[1]; 12351 } 12352 return result; 12353} 12354 12355// This code is responsible for listening to any consent changes trough TrustArc's CCM Instance 12356// And pushing the consent changes to the dataLayer according to the customer's consent mapping 12357 12358// This is for the intial load. If the user has a consent different from the default vales, this is to push an update to the datalayer 12359// Once the the CCM loads. 12360var interval = setInterval(function() { 12361 if (window.truste && truste.cma && truste.cma.callApi) { 12362 var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com"); 12363 handleConsentDecision(consentDecision); 12364 clearInterval(interval); 12365 } 12366}, 100); 12367 12368// Bucket Mapping 12369const REQUIRED = 1; 12370const FUNCTIONAL = 2; 12371const ADVERTISING = 3; 12372 12373// Start listning to when users submit their preferences 12374window.addEventListener("message", (event) => { 12375 let eventDataJson = null; 12376 12377 // We only care about TrustArc Events at this point. And TrustArc's even it encoded in JSON 12378 try { 12379 eventDataJson = JSON.parse(event.data); 12380 } catch { 12381 // Some other event that is not JSON. 12382 // TrustArc encodes the data as JSON 12383 // console.log(event.data); 12384 } 12385 12386 // Safeguard to make sure we are only getting events from TrustArc 12387 if (eventDataJson && eventDataJson.source === "preference_manager") { 12388 12389 // Means that the user has submited their preferences 12390 if (eventDataJson.message === "submit_preferences") { 12391 console.log("Event Data: ", eventDataJson); 12392 12393 // Waiting half a second to make sure user's preferences are reflected. 12394 setTimeout(() => { 12395 var consentDecision = truste.cma.callApi("getGDPRConsentDecision", "beyondyoga.com"); 12396 // console.log("Consent Decision: ", consentDecision); 12397 handleConsentDecision(consentDecision); 12398 }, 500); 12399 } 12400 } 12401 12402}, false); 12403 12404function handleConsentDecision(consent) { 12405 if (!consent || !consent.consentDecision) return; 12406 12407 var functionalAccepted = consent.consentDecision.includes(FUNCTIONAL); 12408 var advertisingAccepted = consent.consentDecision.includes(ADVERTISING); 12409 12410 // Check if behavior manager is EU 12411 // This is optional if you want opt-out experience (opt in by default) 12412 var isEU = /.*(,|)eu/i.test(getBehavior()); 12413 if(consent.source == 'implied' && !isEU) { 12414 functionalAccepted = true; 12415 advertisingAccepted = true; 12416 } 12417 12418 //For details see: https://shopify.dev/docs/api/customer-privacy#collect-and-register-consent 12419 var api = window.Shopify && window.Shopify.customerPrivacy; 12420 if (!api || typeof api.setTrackingConsent !== 'function') return; 12421 var callback = function() {}; 12422 window.Shopify.customerPrivacy.setTrackingConsent( 12423 { 12424 "analytics": functionalAccepted, 12425 "marketing": advertisingAccepted, 12426 "preferences": functionalAccepted, 12427 "sale_of_data": advertisingAccepted 12428 }, 12429 callback 12430 ); 12431 //Use this function to check if the preferences have been set 12432 if (typeof api.currentVisitorConsent === 'function') api.currentVisitorConsent(); 12433} 12434 12435// Override the scrollTo behavior when TrustArc popup opens 12436const originalScrollTo = window.scrollTo; 12437window.scrollTo = function(x, y) { 12438 // Check if this is the TrustArc scroll call 12439 if (x === 0 && y === 0 && document.querySelector('.truste_overlay')) { 12440 // Don't scroll to top when TrustArc popup is open 12441 return; 12442 } 12443 // Call original scrollTo for all other cases 12444 return originalScrollTo.call(this, x, y); 12445}; 12446</script>
12446 12447 12448 12449
12449<script> 12450 window.addEventListener('DOMContentLoaded', () => { 12451 if (window.LoopOnstore) { 12452 LoopOnstore.init({ 12453 key: "9d8d33e82e7b09996da9d5a2e9c288b2f06210e4", 12454 attach: ".cart__checkout-button", 12455 }); 12456 } 12457 }); 12458 </script>
12458 12459 12460
12460<script type="text/javascript" defer="defer"> 12461 window.addEventListener("klaviyoForms", function(e) { 12462 if (e.detail.type == 'submit') { 12463 dataLayer.push({ 12464 event: "popup_form_submitted" 12465 }); 12466 } 12467 }); 12468 </script>
12468 12469 12470 <!-- Gorgias Privacy Code --> 12471
12471<script defer> 12472 const introMessage = "Before we begin, you should know that any information you type will be stored and used in accordance with the LS&Co. Privacy Policy. Please do not type any information into the chat that you do not want us or our service providers to have and retain." 12473 12474 var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})}); 12475 initGorgiasChatPromise.then(async () => { 12476 GorgiasChat.updateTexts({ 12477 "requireEmailCaptureIntro": "Hey there! " + introMessage, 12478 "contactFormIntro": "Hey there! " + introMessage, 12479 "contactFormSSPUnsuccessfulAskAdditionalMessage": "Hey there! " + introMessage, 12480 "waitTimeLongNoEmail": "Thank you for your patience. " + introMessage, 12481 "waitTimeMediumNoEmail": "Thanks for reaching out! Leave us your email and an agent will get back to you in about {waitTime} minutes. " + introMessage, 12482 "waitTimeShortNoEmail": "Thanks for reaching out! " + introMessage 12483 }) 12484 12485 GorgiasChat.updateSSPTexts({ 12486 "sorryToHearThatEmailRequired": introMessage 12487 }) 12488 12489 GorgiasChat.on('widget:opened', function(data) { 12490 document.body.classList.add('gorgias-chat-open'); 12491 }) 12492 GorgiasChat.on('widget:closed', function(data) { 12493 document.body.classList.remove('gorgias-chat-open'); 12494 }) 12495 }) 12496 </script>
12496 12497 <!-- End Gorgias Privacy Code --> 12498 12499
12499<script defer> 12500 let logoObserver, periodicCheck; 12501 12502 function addSwymLogo() { 12503 const container = document.querySelector('swym-storefront-layout-title'); 12504 if (container && !container.querySelector('.logo-container')) { 12505 const logo = document.createElement('div'); 12506 logo.className = 'logo-container flex items-center py-20 text-black w-[180px] tabletl:w-[234px] tabletl:min-w-[234px] tabletl:h-[24px] tabletl:self-center'; 12507 logo.innerHTML = '<svg class="icon icon--logo" viewBox="0 0 234 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9243 10.2776C16.9203 9.1324 17.5073 7.63837 17.5073 6.01684C17.5073 2.95902 15.0197 0.468945 11.9594 0.468945H0V23.2114H13.0782C16.8169 23.2114 19.8602 20.168 19.8602 16.4293C19.8602 13.7059 18.2459 11.353 15.9243 10.2752V10.2776ZM2.88701 3.35838H11.9594C13.427 3.35838 14.6203 4.55165 14.6203 6.01923C14.6203 7.71054 13.4679 9.15165 11.8199 9.52696L5.04744 11.0643C4.25594 11.2447 3.52936 11.5599 2.88701 11.9857V3.35838ZM13.0782 20.3268H2.88701V17.3844C2.88701 15.6931 4.03942 14.252 5.68741 13.8767L11.589 12.5367H13.0782C15.2266 12.5367 16.9732 14.2833 16.9732 16.4317C16.9732 18.5801 15.2266 20.3268 13.0782 20.3268Z" fill="currentColor"/><path d="M25.9253 0.472139H23.1779V23.217H39.7302V20.33H26.0649V13.2568H36.0854V10.3698H26.0649V3.33269H39.7302V0.445674H25.9253V0.472139Z" fill="currentColor"/><path d="M74.1252 0C67.6508 0 62.3845 5.37705 62.3845 11.9859C62.3845 18.5947 67.6508 23.9718 74.1252 23.9718C80.5992 23.9718 85.8656 18.5947 85.8656 11.9859C85.8656 5.37705 80.5992 0 74.1252 0ZM74.1252 21.0848C69.2438 21.0848 65.2715 17.0021 65.2715 11.9859C65.2715 6.96972 69.2438 2.88701 74.1252 2.88701C79.0066 2.88701 82.9786 6.96972 82.9786 11.9859C82.9786 17.0021 79.0066 21.0848 74.1252 21.0848Z" fill="currentColor"/><path d="M173.658 0C167.184 0 161.918 5.37705 161.918 11.9859C161.918 18.5947 167.184 23.9718 173.658 23.9718C180.133 23.9718 185.399 18.5947 185.399 11.9859C185.399 5.37705 180.133 0 173.658 0ZM173.658 21.0848C168.777 21.0848 164.805 17.0021 164.805 11.9859C164.805 6.96972 168.777 2.88701 173.658 2.88701C178.54 2.88701 182.512 6.96972 182.512 11.9859C182.512 17.0021 178.54 21.0848 173.658 21.0848Z" fill="currentColor"/><path d="M120.711 0.481638H112.211V23.2481H120.711C126.988 23.2481 132.093 18.1429 132.093 11.8661C132.093 5.58923 126.988 0.481638 120.711 0.481638ZM120.711 20.3611H115.098V3.36865H120.711C125.395 3.36865 129.206 7.17949 129.206 11.8637C129.206 16.5479 125.395 20.3587 120.711 20.3587V20.3611Z" fill="currentColor"/><path d="M59.65 0.45061L52.7355 10.6057L45.8213 0.45061H42.3278L51.292 13.6154V23.2195H54.179V13.6154L63.1432 0.45061H59.65Z" fill="currentColor"/><path d="M158.944 0.45061L152.029 10.6057L145.115 0.45061H141.624L150.586 13.6154V23.2195H153.473V13.6154L162.437 0.45061H158.944Z" fill="currentColor"/><path d="M105.045 18.7275L92.7777 0.481638H89.4409V23.2481H92.3279V4.98537L104.605 23.2481H107.932V0.481638H105.045V18.7275Z" fill="currentColor"/><path d="M210.162 11.8096V11.8024H199.614V14.6894H208.044C206.964 18.404 203.692 21.113 199.833 21.113C195.096 21.113 191.242 17.0303 191.242 12.0141C191.242 6.99793 195.096 2.91522 199.833 2.91522C203.545 2.91522 206.714 5.42212 207.912 8.92259H210.922C209.611 3.80778 205.138 0.0282072 199.833 0.0282072C193.503 0.0282072 188.355 5.40525 188.355 12.0141C188.355 18.623 193.503 24 199.833 24C206.163 24 211.312 18.623 211.312 12.0141C211.312 11.9443 211.307 11.877 211.307 11.8096H210.162Z" fill="currentColor"/><path d="M224.389 0.416762H220.261L211.405 23.2193H214.501L217.812 14.693H226.834L230.144 23.2193H233.24L224.389 0.416762ZM218.935 11.8036L222.325 2.71699L225.715 11.8036H218.935Z" fill="currentColor"/></svg>'; 12508 container.prepend(logo); 12509 } 12510 } 12511 12512 function initLogoMonitoring() { 12513 addSwymLogo(); 12514 12515 logoObserver?.disconnect(); 12516 logoObserver = new MutationObserver(mutations => { 12517 if (mutations.some(m => m.type === 'childList' && 12518 (m.target.matches?.('swym-storefront-layout-title') || m.target.querySelector?.('swym-storefront-layout-title')))) { 12519 setTimeout(addSwymLogo, 100); 12520 } 12521 }); 12522 12523 logoObserver.observe(document.body, { childList: true, subtree: true }); 12524 periodicCheck = setInterval(addSwymLogo, 5000); 12525 } 12526 12527 // Initialize 12528 if (document.readyState === 'loading') { 12529 document.addEventListener('DOMContentLoaded', initLogoMonitoring); 12530 } else { 12531 initLogoMonitoring(); 12532 } 12533 12534 // Fallbacks 12535 setTimeout(addSwymLogo, 1000); 12536 setTimeout(addSwymLogo, 3000); 12537 12538 function swymCallbackFn(swat){ 12539 document.addEventListener("swym:collections-loaded", function(){ 12540 setTimeout ( () => { 12541 swat.initializeActionButtons("body"); 12542 },1000); 12543 }); 12544 12545 document.addEventListener("bmi_reload", function(){ 12546 swat.initializeActionButtons('body'); 12547 }); 12548 } 12549 12550 if(!window.SwymCallbacks){ 12551 window.SwymCallbacks = []; 12552 } 12553 window.SwymCallbacks.push(swymCallbackFn); 12554 12555</script>
12555 12556 12557
12557<script> 12558 /** 12559 * Each entry shape: 12560 * { 12561 * id: string â unique ID stamped on the injected
12561<script> tag 12562 * src: string â script URL to load 12563 * attrs: object â extra properties to set on the
12563<script> element 12564 * init: function â optional, runs after the script has loaded 12565 * } 12566 */ 12567 var GORGIAS_CHAT_DELAY_MS = 8000; 12568 12569 var GORGIAS_CHAT_ENTRY = { 12570 id: 'gorgias-chat', 12571 src: 'https://config.gorgias.chat/bundle-loader/01HD7CB8ZGK2T3WBM8R2PCHYN3', 12572 attrs: { async: true } 12573 }; 12574 12575 var _gorgiasChatDelayTimer = null; 12576 var _gorgiasChatInjected = false; 12577 var _gorgiasChatOpenWhenReady = false; 12578 12579 function injectGorgiasChat() { 12580 if (_gorgiasChatInjected) return; 12581 _gorgiasChatInjected = true; 12582 if (_gorgiasChatDelayTimer) { 12583 clearTimeout(_gorgiasChatDelayTimer); 12584 _gorgiasChatDelayTimer = null; 12585 } 12586 injectScript(GORGIAS_CHAT_ENTRY); 12587 } 12588 12589 function scheduleGorgiasChat() { 12590 if (_gorgiasChatInjected || document.getElementById(GORGIAS_CHAT_ENTRY.id)) return; 12591 if (_gorgiasChatDelayTimer) return; 12592 _gorgiasChatDelayTimer = setTimeout(injectGorgiasChat, GORGIAS_CHAT_DELAY_MS); 12593 } 12594 12595 window.openGorgiasChat = function () { 12596 if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') { 12597 window.GorgiasChat.open(); 12598 return; 12599 } 12600 _gorgiasChatOpenWhenReady = true; 12601 injectGorgiasChat(); 12602 }; 12603 12604 window.addEventListener('gorgias-widget-loaded', function () { 12605 if (!_gorgiasChatOpenWhenReady) return; 12606 _gorgiasChatOpenWhenReady = false; 12607 if (window.GorgiasChat && typeof window.GorgiasChat.open === 'function') { 12608 window.GorgiasChat.open(); 12609 } 12610 }); 12611 12612 const TRACKING_SCRIPTS = [ 12613 12614 // ââ Bing UET ââââââââââââââââââââââââââââââââââââââââââââââ 12615 { 12616 id: 'bing-uet', 12617 src: '//bat.bing.com/bat.js', 12618 attrs: { async: true }, 12619 init: function() { 12620 var o = { ti: '4022306' }; 12621 o.q = window.uetq; 12622 window.uetq = new UET(o); 12623 window.uetq.push('pageLoad'); 12624 } 12625 }, 12626 12627 // ââ The Trade Desk (TTD) ââââââââââââââââââââââââââââââââââ 12628 { 12629 id: 'ttd-pixel', 12630 src: 'https://js.adsrvr.org/up_loader.1.1.0.js', 12631 attrs: { async: true }, 12632 init: function() { 12633 (function runTTD() { 12634 if (typeof window.ttd_dom_ready !== 'function') { 12635 setTimeout(runTTD, 50); 12636 return; 12637 } 12638 window.ttd_dom_ready(function() { 12639 if (typeof TTDUniversalPixelApi === 'function') { 12640 var api = new TTDUniversalPixelApi(); 12641 api.init('k7ow6mq', ['r8uslw9'], 'https://insight.adsrvr.org/track/up', {}); 12642 } 12643 }); 12644 })(); 12645 } 12646 }, 12647 12648 // ââ DM Insight / TrackedWeb âââââââââââââââââââââââââââââââ 12649 { 12650 id: 'dm-insight', 12651 src: '//static.trackedweb.net/js/_dmptv4.js', 12652 attrs: { async: true }, 12653 init: function() { 12654 window.dm_insight_id = 'DM-658805-02'; 12655 window.dmtrackingobjectname = 'dmPt'; 12656 window.dmPt = window.dmPt || function() { (window.dmPt.q = window.dmPt.q || []).push(arguments); }; 12657 window.dmPt('track'); 12658 } 12659 }, 12660 12661 // ââ SecuredVisit ââââââââââââââââââââââââââââââââââââââââââ 12662 { 12663 id: 'secured-visit', 12664 src: '//track.securedvisit.com/js/sv.js', 12665 attrs: { async: true }, 12666 init: function() { 12667 window._svq = window._svq || []; 12668 window._svq.push(['_setAccount', '5474_04563']); 12669 window._svq.push(['_trackPageView']); 12670 } 12671 }, 12672 12673 // Gorgias: injected on a timer after consent (see scheduleGorgiasChat) or on demand via openGorgiasChat. 12674 12675 // ââ VWO (Visual Website Optimizer) ââââââââââââââââââââââââ 12676 // VWO self-bootstraps via window._vwo_code, so we init 12677 // the config object first, then let it pull its own script. 12678 { 12679 id: 'vwo', 12680 src: null, // no top-level src â VWO loads itself 12681 attrs: {}, 12682 init: function() { 12683 window._vwo_code = window._vwo_code || (function() { 12684 var account_id = 495520, 12685 settings_tolerance = 300, 12686 library_tolerance = 1200, 12687 use_existing_jquery = false, 12688 is_spa = 1, 12689 hide_element = 'body', 12690 f = false, d = document, 12691 code = { 12692 use_existing_jquery: function() { return use_existing_jquery; }, 12693 library_tolerance: function() { return library_tolerance; }, 12694 finish: function() { 12695 if (!f) { 12696 f = true; 12697 var a = d.getElementById('_vis_opt_path_hides'); 12698 if (a) a.parentNode.removeChild(a); 12699 } 12700 }, 12701 finished: function() { return f; }, 12702 load: function(a) { 12703 var b = d.createElement('script'); 12704 b.src = a; b.type = 'text/javascript'; 12705 b.onerror = function() { _vwo_code.finish(); }; 12706 d.getElementsByTagName('head')[0].appendChild(b); 12707 }, 12708 init: function() { 12709 window.settings_timer = setTimeout( 12710 '_vwo_code.finish()', settings_tolerance 12711 ); 12712 var a = d.createElement('style'), 12713 b = hide_element 12714 ? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}' 12715 : '', 12716 h = d.getElementsByTagName('head')[0]; 12717 a.setAttribute('id', '_vis_opt_path_hides'); 12718 a.setAttribute('type', 'text/css'); 12719 if (a.styleSheet) a.styleSheet.cssText = b; 12720 else a.appendChild(d.createTextNode(b)); 12721 h.appendChild(a); 12722 this.load( 12723 'https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + 12724 '&u=' + encodeURIComponent(d.URL) + 12725 '&f=' + (+is_spa) + 12726 '&r=' + Math.random() 12727 ); 12728 return settings_timer; 12729 } 12730 }; 12731 window._vwo_settings_timer = code.init(); 12732 return code; 12733 }()); 12734 } 12735 } 12736 12737 ]; 12738 12739 // ââ Script injector âââââââââââââââââââââââââââââââââââââââ 12740 function injectScript(entry) { 12741 if (document.getElementById(entry.id)) return; // guard: never double-inject 12742 12743 if (entry.src) { 12744 var s = document.createElement('script'); 12745 s.id = entry.id; 12746 s.src = entry.src; 12747 Object.entries(entry.attrs || {}
12747).forEach(function(kv) { s[kv[0]] = kv[1]; }); 12748 if (entry.init) s.onload = entry.init; 12749 document.body.appendChild(s); 12750 } else if (entry.init) { 12751 // src-less entries (e.g. VWO) just run their init directly 12752 entry.init(); 12753 } 12754 } 12755 12756 // ââ Consent handler âââââââââââââââââââââââââââââââââââââââ 12757 var _scriptsLoaded = false; 12758 12759 function handleConsent() { 12760 var privacy = Shopify.customerPrivacy; 12761 var canTrack = privacy.analyticsProcessingAllowed() 12762 && privacy.marketingAllowed(); 12763 12764 if (canTrack && !_scriptsLoaded) { 12765 _scriptsLoaded = true; 12766 TRACKING_SCRIPTS.forEach(injectScript); 12767 scheduleGorgiasChat(); 12768 window.clarity('consentv2', { 12769 ad_Storage: "granted", 12770 analytics_Storage: "granted" 12771 }); 12772 } else { 12773 window.clarity('consentv2', { 12774 ad_Storage: "denied", 12775 analytics_Storage: "denied" 12776 }); 12777 } 12778 } 12779 12780 // ââ Bootstrap via Shopify consent API âââââââââââââââââââââ 12781 Shopify.loadFeatures( 12782 [{ name: 'consent-tracking-api', version: '0.1' }], 12783 function(error) { 12784 if (error) { 12785 console.error('Consent API failed to load:', error); 12786 return; 12787 } 12788 handleConsent(); 12789 document.addEventListener('visitorConsentCollected', handleConsent); 12790 } 12791 ); 12792</script>
12792 12793 <style> #section-firework-embed {max-width: calc(100vw - 2rem);} .quickshop-modal__close {z-index: 1;} .rebuy-widget .rebuy-product-grid.small-carousel {max-width: 100vw !important;} </style> 12794<div id="shopify-block-AenNnYUlyMldZbklaK__11686359492993647252" class="shopify-block shopify-app-block">
12795<script>window.trustArcApp = { settings: {"version":"advanced","id":"www.beyondyoga.com","params":"\u0026c=teconsent\u0026js=nj\u0026noticeType=bb\u0026gtm=1\u0026text=true","cookies_link_show":"true","cookies_link_selector":"","shopify_mapping_analytics":"","shopify_mapping_marketing":"","shopify_mapping_preferences":"","shopify_mapping_sale_of_data":"","consent_config":"notice_behavior","consent_setting":"","gcm_enabled":"true","ga_measurement_id":"G-622VSXWYP9","gcm_data_redaction_enabled":"true","gcm_url_passthrough_enabled":"true","gcm_mapping_ad_storage":"","gcm_mapping_ad_user_data":"","gcm_mapping_ad_personalization":"","gcm_mapping_analytics_storage":"","gcm_mapping_functionality_storage":"","gcm_mapping_personality_storage":"","gcm_mapping_security_storage":"","gcm_wait_for_update":"500"}, scriptUrl: 'https://consent.trustarc.com/notice?domain=www.beyondyoga.com&c=teconsent&js=nj¬iceType=bb>m=1&text=true' };(function() { 12796 const { cookies_link_show, cookies_link_selector } = window.trustArcApp.settings 12797 12798 const teconsent = document.createElement('DIV') 12799 teconsent.id = 'teconsent' 12800 if (cookies_link_show === 'false') { 12801 const wrapper = document.createElement('DIV') 12802 wrapper.style = 'display:none!important;visibility:hidden!important;opacity:0!important;' 12803 wrapper.appendChild(teconsent) 12804 document.body.appendChild(wrapper) 12805 } else { 12806 const wrapper = document.querySelector(cookies_link_selector || 'footer') || document.body 12807 wrapper.appendChild(teconsent) 12808 } 12809 12810 window.trustArcApp.teconsent = teconsent; 12811 12812 const banner = document.createElement('DIV') 12813 banner.id = 'consent_blackbar' 12814 document.body.appendChild(banner) 12815 })() 12816 </script>
12816 12817 12818
12818<script type="text/javascript" async src="https://consent.trustarc.com/notice?domain=www.beyondyoga.com&c=teconsent&js=nj¬iceType=bb>m=1&text=true"></script>
12818 12819
12819<script src="https://cdn.shopify.com/extensions/01a06efa-9be5-77a6-97a0-dd197caaeb5b/trustarc-56/assets/trustarc.js" defer async ></script>
12819 12820</div><div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block">
12821<script> 12822 window.SwymCollectionsConfig = { 12823 'CollectionsSelectors': [], 12824 'CollectionsPosition': "top-right", 12825 'CollectionsIcon': "heart", 12826 'CollectionsButtonSize': 25, 12827 'CollectionsVerticalOffset': 0, 12828 'CollectionsHorizontalOffset': 0, 12829 'CollectionsProductLinkSelector': "-", 12830 'CollectionsProductTileSelector': "-", 12831 'CollectionsVariantSelector': "false", 12832 'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist", 12833 'CollectionsCreateListTitle': "Name Your Wishlist", 12834 'CollectionsCreateListPlaceholder': "Enter wishlist name", 12835 'CollectionsCustomIconAdd': "", 12836 'CollectionsCustomIconAdded': "", 12837 'CollectionsIconColor': "#000000", 12838 'CollectionsIconThickness': "1.7", 12839} 12840</script>
12840 12841<style> 12842 .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; min-width: 25px; height: 25px!important;} 12843 .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;} 12844 .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;} 12845</style> 12846 12847 12848
12849<script> 12850 // Send heartbeat for collections button 12851 (function() { 12852 let collectionsButtonHeartbeatData = ''; 12853 try { 12854 collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {}; 12855 } catch (e) { 12856 collectionsButtonHeartbeatData = {}; 12857 } 12858 const ShopifyTheme = window.Shopify.theme; 12859 const themeId = ShopifyTheme.id; 12860 let heartbeatMetadata = { 12861 schema_name: ShopifyTheme?.schema_name, 12862 schema_version: ShopifyTheme?.schema_version, 12863 theme_store_id: ShopifyTheme?.theme_store_id, 12864 role: ShopifyTheme?.role 12865 }; 12866 12867 const isDesignMode = !!window.swymDesignMode; 12868 12869 if (!window.SwymCallbacks) { 12870 window.SwymCallbacks = []; 12871 } 12872 window.SwymCallbacks.push((swat) => { 12873 if (!swat || !themeId) { 12874 return; 12875 } 12876 const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; 12877 if (typeof triggerHeartbeat !== "function") return; 12878 12879 const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId]; 12880 const themeContext = isDesignMode ? 'editor' : themeId; 12881 12882 const extensionData = { 12883 extensionName: "add-to-wishlist-collections-button", 12884 extensionType: "app-embed", 12885 metadata: heartbeatMetadata, 12886 themeId: themeContext, 12887 extensionSource: "default" 12888 }; 12889 12890 /** Stop heartbeat 12891 triggerHeartbeat(extensionData, lastHeartbeat); 12892 */ 12893 }); 12894 })(); // IIFE to prevent polluting global scope 12895</script>
12895 12896 12897 12898<style> 12899 .swym-advanced-wishlist-collections-container { 12900 display: none; 12901 } 12902</style> 12903</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"> 12904 12905 12906<!-- BEGIN app snippet: swymVersion -->
12906<script>var __SWYM__VERSION__ = '7.0.8';</script>
12906<!-- END app snippet --> 12907<!-- BEGIN app snippet: swymCustomCss --> 12908 12909 12910 12911 12912<style id="swym-custom-css"> 12913 12914</style> 12915 12916<!-- END app snippet --> 12917 12918 12919 12920 12921 12922 12923 12924 12925 12926 12927 12928
12929<script> 12930 (function () { 12931 // Get CompanyLocation Metadata for B2B customer scenerios (SFS) 12932 12933 12934 // Put metafields in window variable 12935 const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#000000","secondaryColor":"#ffffff","storefrontLayoutType":"as-modal","buttonType":{"displayIcon":true,"displayText":true,"style":"solid"},"collectionsButtonPosition":{"position":"top-left","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"default","verticalOffset":0,"horizontalOffset":0},"enableStorefrontLayoutNotification":true,"storefrontLayoutDrawerWidth":400}}'; 12936 try { 12937 const parsedSettings = JSON.parse(commonCustomizationSettings); 12938 if (parsedSettings) { 12939 window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; 12940 } else { 12941 window.SwymWishlistCommonCustomizationSettings = {}; 12942 } 12943 } catch (e) { 12944 window.SwymWishlistCommonCustomizationSettings = {}; 12945 } 12946 12947 let enabledCommonFeatures = '{"add-to-wishlist-collections-button":false,"add-to-wishlist-pdp-button":false,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopLeft","enabled":false},"sfl-popup-v2":false,"control-centre":true,"multiple-wishlist":false,"social-count":{"enabledOnCollections":true}}'; 12948 try { 12949 enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; 12950 } catch (e) { 12951 enabledCommonFeatures = {}; 12952 } 12953 // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. 12954 window.SwymEnabledCommonFeatures = enabledCommonFeatures; 12955 12956 // Ghost-Intent Configuration 12957 // Defaults to disabled (false). Only enabled when metafields explicitly set to "true". 12958 try { 12959 let ghostIntentConfig = { 12960 isExplicitConsentNeeded: false, 12961 isExplicitConsentNeededEvenForLocalStorage: false, 12962 askForPermissionOnFirstClick: true 12963 }; 12964 12965 12966 12967 window.SwymGhostIntentConfig = ghostIntentConfig; 12968 } catch(e) { 12969 window.SwymGhostIntentConfig = { 12970 isExplicitConsentNeeded: false, 12971 isExplicitConsentNeededEvenForLocalStorage: false, 12972 askForPermissionOnFirstClick: true 12973 }; 12974 } 12975 12976 // Education Layer Configuration 12977 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 12978 12979 12980 window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true; 12981 12982 // Login Nudge Configuration 12983 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 12984 12985 12986 window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true; 12987 12988 // Initialize or ensure SwymViewProducts exists 12989 if (!window.SwymViewProducts) { 12990 window.SwymViewProducts = {}; 12991 } 12992 12993 try { 12994 const socialCountMap = { "https://beyondyoga.com/products/beyond-yoga-dad-hat-riverbed-00c0s-0000": { "socialCount": 1, "empi": 8111059304547 }, "https://beyondyoga.com/products/beyond-yoga-dad-hat-sea-salt-washed-dark-ivy-00c0s-0001": { "socialCount": 1, "empi": 8111059468387 }, "https://beyondyoga.com/products/explorer-jacket-nocturnal-navy-fl2301": { "socialCount": 53, "empi": 7825349509219 }, "https://beyondyoga.com/products/youre-a-force-dress-cocoa-plum-007pn-0007": { "socialCount": 22, "empi": 8050138546275 }, "https://beyondyoga.com/products/spacedye-prep-halter-dress-pastel-periwinkle-heather-007mq-0006": { "socialCount": 47, "empi": 7988746092643 }, "https://beyondyoga.com/products/youre-a-force-dress-slate-green-007pn-0005": { "socialCount": 68, "empi": 7986746064995 }, "https://beyondyoga.com/products/midweight-spacedye-forever-dress-darkest-night-0092a-0001": { "socialCount": 44, "empi": 8004200071267 }, "https://beyondyoga.com/products/youre-a-force-dress-nocturnal-navy-007pn-0006": { "s
12994ocialCount": 48, "empi": 7986745704547 }, "https://beyondyoga.com/products/ace-active-dress-nocturnal-navy-by6317": { "socialCount": 106, "empi": 7953047027811 }, "https://beyondyoga.com/products/youre-a-force-dress-black-007pn-0000": { "socialCount": 50, "empi": 7986744754275 }, "https://beyondyoga.com/products/spacedye-starting-line-dress-nocturnal-navy-sd6283": { "socialCount": 42, "empi": 7748642603107 }, "https://beyondyoga.com/products/score-active-ace-pleated-dress-blush-blooms-by6317": { "socialCount": 36, "empi": 7951079964771 }, "https://beyondyoga.com/products/spacedye-refocus-dress-darkest-night-sd6211": { "socialCount": 72, "empi": 6951813906531 }, "https://beyondyoga.com/products/ace-active-dress-white-by6317": { "socialCount": 28, "empi": 7953047486563 }, "https://beyondyoga.com/products/spacedye-refocus-dress-nocturnal-navy-sd6211": { "socialCount": 60, "empi": 6951814365283 } }; 12995 // Integrate social count data into existing SwymViewProducts structure 12996 Object.keys(socialCountMap).forEach(function(key) { 12997 if (!window.SwymViewProducts[key]) { 12998 window.SwymViewProducts[key] = {}; 12999 } 13000 13001 window.SwymViewProducts[key] = socialCountMap[key]; 13002 }); 13003 } catch (e) { 13004 // Silent error handling 13005 } 13006 13007 })(); 13008</script>
13008 13009 13010<!-- BEGIN app snippet: swymLoadConsentManager -->
13011<script> 13012 (function () { 13013 if (document.querySelector("script[data-swym-consent-manager]")) return; 13014 var swymConsentManagerScript = document.createElement("script"); 13015 swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0f142-9ec3-73a2-babd-8904a7e44cee\/swym-relay-840\/assets\/swym-consent-manager.js"; 13016 swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves 13017 swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true"); 13018 document.head.appendChild(swymConsentManagerScript); 13019 })(); 13020</script>
13020 13021<!-- END app snippet --> 13022
13023<script 13024 13025 id="wishlist-embed-init" 13026 defer 13027 async 13028> 13029 (function () { 13030 window.swymWishlistEmbedLoaded = true; 13031 var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/apps.bundle.js"; 13032 var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); 13033 var swymJsPath = '//entcdn.swymrelay.com/code/swym-shopify.js'; 13034 var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); 13035 window.SwymCurrentJSPath = baseJsPath; 13036 window.SwymAssetBaseUrl = assetBaseUrl; 13037 13038 window.SwymCurrentStorePath = "//swymstore-v3enterprise-01.swymrelay.com"; 13039 13040 function loadSwymShopifyScript() { 13041 var element = ""; 13042 var scriptSrc = ""; 13043 13044 13045 element = "swym-ext-shopify-script"; 13046 window.SwymShopifyCdnInUse = true; 13047 scriptSrc = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-ext-shopify.js"; 13048 13049 13050 if (document.getElementById(element)) { 13051 return; 13052 } 13053 13054 var s = document.createElement("script"); 13055 s.id = element; 13056 s.type = "text/javascript"; 13057 s.async = true; 13058 s.defer = true; 13059 s.src = scriptSrc; 13060 13061 s.onerror = function() { 13062 console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); 13063 // Fallback logic here 13064 element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; 13065 var fallbackJsPathVal = "\/\/entcdn.swymrelay.com\/code\/swym-shopify.js"; 13066 var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); 13067 scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; 13068 13069 var fallbackScript = document.createElement("script"); 13070 fallbackScript.id = element; 13071 fallbackScript.type = "text/javascript"; 13072 fallbackScript.async = true; 13073 fallbackScript.defer = true; 13074 fallbackScript.src = scriptSrc; 13075 var y = document.getElementsByTagName("script")[0]; 13076 y.parentNode.insertBefore(fallbackScript, y); 13077 }; 13078 13079 var x = document.getElementsByTagName("script")[0]; 13080 x.parentNode.insertBefore(s, x); 13081 } 13082 13083 var consentAPICallbackInvoked = false; 13084 function checkConsentAndLoad() { 13085 // Allow app to load in design mode (theme editor) regardless of consent 13086 if (window.Shopify?.designMode) { 13087 loadSwymShopifyScript(); 13088 return; 13089 } 13090 13091 // Ghost-Intent: If merchant enabled explicit consent, block SDK until 13092 // consent is given through our Ghost-Intent flow (sync nudge accept). 13093 // This works on any store regardless of region (EU or non-EU). 13094 var ghostConfig = window.SwymGhostIntentConfig || {}; 13095 if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) { 13096 try { 13097 var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || ''); 13098 if (localStorage.getItem(consentKey) === 'true') { 13099 // Consent was given through our flow â load SDK 13100 loadSwymShopifyScript(); 13101 return; 13102 } 13103 } catch(e) {} 13104 13105 // Check if Shopify native cookie consent was given via the cookie banner. 13106 // If user accepted cookies through Shopify's banner, load SDK normally 13107 // (Ghost-Intent is only needed when NO consent mechanism has been used). 13108 var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 13109 if (shopifyConsentGiven) { 13110 loadSwymShopifyScript(); 13111 return; 13112 } 13113 13114 console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given"); 13115 return; 13116 } 13117 13118 var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); 13119 if(!isCookieBannerVisible) { 13120 loadSwymShopifyScript(); 13121 return; 13122 } 13123 var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 13124 if (shouldLoadSwymScript) { 13125 loadSwymShopifyScript(); 13126 } else { 13127 console.warn("No customer consent to load Swym Wishlist Plus"); 13128 } 13129 } 13130 function initialiseConsentCheck() { 13131 document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); 13132 window.Shopify?.loadFeatures?.( 13133 [{name: 'consent-tracking-api', version: '0.1'}], 13134 error => { 13135 consentAPICallbackInvoked = true; 13136 if (error) { 13137 if(!window.Shopify?.customerPrivacy) { 13138 loadSwymShopifyScript(); 13139 return; 13140 } 13141 } 13142 checkConsentAndLoad(); 13143 } 13144 ); 13145 } 13146 function consentCheckFallback(retryCount) { 13147 if(!consentAPICallbackInvoked) { 13148 if (window.Shopify?.customerPrivacy) { 13149 checkConsentAndLoad(); 13150 } else if (retryCount >= 1) { 13151 console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); 13152 // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected 13153 checkConsentAndLoad(); 13154 } else { 13155 setTimeout(() => consentCheckFallback(retryCount + 1), 1000); 13156 } 13157 } 13158 } 13159 if (document.readyState === "loading") { 13160 document.addEventListener("DOMContentLoaded", initialiseConsentCheck); 13161 window.addEventListener("load", () => consentCheckFallback(0)); 13162 } else { 13163 initialiseConsentCheck(); 13164 } 13165 13166 })(); 13167</script>
13167 13168 13169<!-- BEGIN app snippet: swymSnippet -->
13169<script defer> 13170 (function () { 13171 const currentSwymJSPath = '//entcdn.swymrelay.com/code/swym-shopify.js'; 13172 const currentSwymStorePath = 'https://swymstore-v3enterprise-01.swymrelay.com'; 13173 const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`; 13174 const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; 13175 const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; 13176 const swymSnippet = document.getElementById('wishlist-embed-init'); 13177 if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} 13178 if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} 13179 if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} 13180 })() 13181</script>
vendor: 1 bytes, line 13181
13181
13182<script id="swym-snippet" type="text"> 13183 window.swymLandingURL = document.URL; 13184 window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 13185 window.swymPageLoad = function() { 13186 window.SwymProductVariants = window.SwymProductVariants || {}; 13187 window.SwymHasCartItems = 0 > 0; 13188 window.SwymPageData = {}, window.SwymProductInfo = {}; 13189 var unknown = {et: 0}; 13190 window.SwymPageData = unknown; 13191 13192 window.SwymPageData.uri = window.swymLandingURL; 13193 }; 13194 if(window.selectCallback){ 13195 (function(){ 13196 var originalSelectCallback = window.selectCallback; 13197 window.selectCallback = function(variant){ 13198 originalSelectCallback.apply(this, arguments); 13199 try{ 13200 if(window.triggerSwymVariantEvent){ 13201 window.triggerSwymVariantEvent(variant.id); 13202 } 13203 }catch(err){ 13204 console.warn("Swym selectCallback", err); 13205 } 13206 };})();} 13207 window.swymCustomerId =null; 13208 window.swymCustomerExtraCheck = 13209 null; 13210 var swappName = ("Watchlist" || "Wishlist"); 13211 var swymJSObject = { 13212 pid: "pjl1ubCnY7X+I+PWrFOfpIBALrGUnhu+wzcvdq6OG7s=", 13213 interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName 13214 }; 13215 window.swymJSShopifyLoad = function(){ 13216 if(window.swymPageLoad) swymPageLoad(); 13217 if(!window._swat) { 13218 (function (s, w, r, e, l, a, y) { 13219 r['SwymRetailerConfig'] = s; 13220 r[s] = r[s] || function (k, v) { 13221 r[s][k] = v; 13222 }; 13223 })('_swrc', '', window); 13224 _swrc('RetailerId', swymJSObject.pid); 13225 _swrc('Callback', function(){initSwymShopify();}); 13226 }else if(window._swat.postLoader){ 13227 _swrc = window._swat.postLoader; 13228 _swrc('RetailerId', swymJSObject.pid); 13229 _swrc('Callback', function(){initSwymShopify();}); 13230 }else{ 13231 initSwymShopify();} 13232 } 13233 if(!window._SwymPreventAutoLoad) { 13234 swymJSShopifyLoad(); 13235 } 13236</script>
13236 13237 13238<style id="safari-flasher-pre"></style>
13239<script> 13240 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 13241 document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; 13242 window.SwymCallbacks = window.SwymCallbacks || []; 13243 window.SwymCallbacks.push(function(tracker) { 13244 tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { 13245 var x = function() { 13246 SwymUtils.onDOMReady(function() { 13247 var d = document.createElement("div"); 13248 d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; 13249 document.head.appendChild(d); 13250 });}; 13251 setTimeout(x, 10); 13252 });});} 13253 window.SwymOverrideMoneyFormat = "${{amount}}"; 13254</script>
13254 13255<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> 13256
13257<script 13258 13259 id="swymSnippetCheckAndActivate" 13260> 13261 (function () { 13262 var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler']; 13263 13264 function removeDuplicateIdNodes(id) { 13265 var nodes = document.querySelectorAll('#' + id); 13266 nodes.forEach(function (node, index) { 13267 if (index > 0) { 13268 node.remove(); 13269 } 13270 }); 13271 } 13272 13273 function cleanupDuplicateSnippetNodes(activeScript) { 13274 if (!activeScript) { 13275 return; 13276 } 13277 var allSwymSnippets = document.querySelectorAll('script#swym-snippet'); 13278 allSwymSnippets.forEach(function (scriptNode) { 13279 if (scriptNode !== activeScript) { 13280 scriptNode.remove(); 13281 } 13282 }); 13283 } 13284 13285 function cleanupDuplicateActivationGuards() { 13286 var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate'); 13287 guardScripts.forEach(function (scriptNode, index) { 13288 if (index > 0) { 13289 scriptNode.removeAttribute('id'); 13290 } 13291 }); 13292 } 13293 13294 function postDomLoad() { 13295 var activeScript = document.querySelector('script#swym-snippet:not([type="text"])'); 13296 if (!activeScript) { 13297 var inactiveScript = document.querySelector('script#swym-snippet[type="text"]'); 13298 if (inactiveScript) { 13299 inactiveScript.type = 'text/javascript'; 13300 new Function(inactiveScript.textContent)(); 13301 activeScript = inactiveScript; 13302 } 13303 } 13304 13305 cleanupDuplicateSnippetNodes(activeScript); 13306 cleanupDuplicateActivationGuards(); 13307 duplicateProneIds.forEach(removeDuplicateIdNodes); 13308 } 13309 13310 if (document.readyState === 'loading') { 13311 document.addEventListener('DOMContentLoaded', postDomLoad); 13312 } else { 13313 postDomLoad(); 13314 } 13315 })(); 13316</script>
13316 13317 13318 13319
13320<script> 13321 (function () { 13322 const themeSchemaName = window.Shopify.theme.schema_name; 13323 13324 if (!window.SwymCallbacks) { 13325 window.SwymCallbacks = []; 13326 } 13327 window.SwymCallbacks.push(swat => { 13328 if (!swat) { 13329 return; 13330 } 13331 13332 // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent 13333 if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) { 13334 window.SwymLocalWishlist.syncToCloud(swat); 13335 } 13336 13337 if (window._SwymSDKOnlyMode) { 13338 return; 13339 } 13340 13341 // ENABLE COMMON FEATURES 13342 let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; 13343 Object.keys(swymEnabledCommonFeatures).forEach(key => { 13344 if (!swymEnabledCommonFeatures[key]) return; 13345 13346 switch (key) { 13347 case 'add-to-wishlist-collections-button': 13348 // Check if app block is already handling the collections button 13349 if (window.SwymCollectionsConfig) { 13350 return; 13351 } 13352 13353 // Check if v2 default collections is handling it 13354 if (window.SwymAdvancedCollectionsWishlistConfig) { 13355 return; 13356 } 13357 13358 // Fallback to old v1 behavior if v2 config is not present 13359 swat?.collectionsApi?.setDefaultCustomizationOptions(); 13360 swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); 13361 13362 break; 13363 case 'add-to-wishlist-pdp-button': 13364 // Check if app block is already handling the PDP button 13365 if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') { 13366 return; 13367 } 13368 13369 if (!(window.SwymPageData && window.SwymPageData.et === 1)) { 13370 // Not initiating pdp button as it is not a product page 13371 return; 13372 } 13373 13374 // Inject addtowishlist.css into the document's <head> 13375 var head = document.head; 13376 var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/addtowishlistbutton.css"; 13377 var pdpButtonStylesheetTag = document.createElement('link'); 13378 pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; 13379 pdpButtonStylesheetTag.rel = 'stylesheet'; 13380 pdpButtonStylesheetTag.href = pdpButtonStylesheet; 13381 13382 if (!document.getElementById('swym-pdp-button-stylesheet')) { 13383 head.appendChild(pdpButtonStylesheetTag); 13384 } 13385 13386 var x = document.getElementsByTagName('script')[0]; 13387 function createAndInsertScript(id, src, onLoadCallback) { 13388 var scriptTag = document.createElement('script'); 13389 scriptTag.id = id; 13390 scriptTag.type = 'text/javascript'; 13391 scriptTag.src = src; 13392 scriptTag.onload = onLoadCallback; 13393 x.parentNode.insertBefore(scriptTag, x); 13394 } 13395 13396 var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/addtowishlistbutton.js"; 13397 createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () { 13398 const pdpBtnApi = window.WishlistPlusPDPButtonAPI; 13399 if (pdpBtnApi) { 13400 pdpBtnApi.setDefaultCustomizationOptions(swat); 13401 pdpBtnApi.initializePDPButton(swat, true); 13402 } 13403 }); 13404 break; 13405 default: 13406 return; 13407 } 13408 }); 13409 }); 13410 })(); // IIFE to prevent polluting global scope 13411</script>
13411 13412 13413 13414
13415<script> 13416 (function () { 13417 // Get the settings from Shopify's Liquid variables and create the styles 13418 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 13419 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 13420 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 13421 const isControlCentreEnabledFromBlockSettings = false; 13422 13423 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 13424 // Don't enable control centre if this is disabled and block settings are not enabled 13425 return; 13426 } 13427 13428 let borderRadius = 6; 13429 let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; 13430 13431 // Check if block settings exist, use them, otherwise fall back to common settings 13432 let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 13433 "#000000" : 13434 window.SwymWishlistCommonCustomizationSettings.primaryColor; 13435 13436 let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 13437 "#ffffff" : 13438 window.SwymWishlistCommonCustomizationSettings.secondaryColor; 13439 13440 let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 13441 "#F4F8FE" : null; 13442 let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 13443 "#333333" : null; 13444 13445 // Only use color adjustment functions if we're using common settings 13446 if (!secondaryBgColor || !secondaryTextColor) { 13447 function adjustOpacity(color, opacity) { 13448 if (color[0] === '#') { 13449 color = color.slice(1); 13450 } 13451 13452 if (color.length === 3) { 13453 color = color.split('').map(char => char + char).join(''); 13454 } 13455 13456 const r = parseInt(color.slice(0, 2), 16); 13457 const g = parseInt(color.slice(2, 4), 16); 13458 const b = parseInt(color.slice(4, 6), 16); 13459 13460 return `rgba(${r}, ${g}, ${b}, ${opacity})`; 13461 } 13462 13463 function hexToRgb(color) { 13464 if (color[0] === '#') { 13465 color = color.slice(1); 13466 } 13467 if (color.length === 3) { 13468 color = color.split('').map(c => c + c).join(''); 13469 } 13470 13471 return { 13472 r: parseInt(color.slice(0, 2), 16), 13473 g: parseInt(color.slice(2, 4), 16), 13474 b: parseInt(color.slice(4, 6), 16) 13475 }; 13476 } 13477 13478 function getLuminance({ r, g, b }) { 13479 return 0.299 * r + 0.587 * g + 0.114 * b; 13480 } 13481 13482 function generateSecondaryColors(primaryBgColor, primaryTextColor) { 13483 const secondaryBgOpacity = 0.2; 13484 const secondaryTextOpacity = 0.8; 13485 13486 const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); 13487 13488 const bgRgb = hexToRgb(primaryBgColor); 13489 const bgLuminance = getLuminance(bgRgb); 13490 13491 // Determine whether to use dark or light text for contrast 13492 const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); 13493 const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); 13494 13495 const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; 13496 13497 return { 13498 secondaryBgColor, 13499 secondaryTextColor 13500 }; 13501 } 13502 13503 const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); 13504 secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; 13505 secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; 13506 } 13507 13508 // Create the CSS rule 13509 let styles = ` 13510 .swym-storefront-layout-root-component { 13511 --swym-storefront-layout-ui-border-radius: ${borderRadius}px; 13512 --swym-storefront-layout-button-border-radius: ${borderRadius}px; 13513 --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; 13514 --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; 13515 --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; 13516 --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; 13517 --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; 13518 } 13519 `; 13520 13521 // Create a <style> element and append the styles 13522 let styleSheet = document.createElement("style"); 13523 styleSheet.type = "text/css"; 13524 styleSheet.innerText = styles; 13525 document.head.appendChild(styleSheet); 13526 13527 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 13528 window.SwymStorefrontLayoutContext = {}; 13529 } 13530 if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ 13531 window.SwymStorefrontLayoutExtensions = {}; 13532 } 13533 13534 // Expose block settings toggle state so ThemeCSSMapping can respect it. 13535 // When true, theme editor color pickers take priority over inherited theme CSS variables. 13536 SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings; 13537 13538 if (isControlCentreEnabledFromBlockSettings) { 13539 // If block settings are enabled, use them 13540 SwymStorefrontLayoutContext.Settings = { 13541 EnableStorefrontLayoutOnLauncher: true, 13542 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 13543 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 13544 StorefrontLayoutDrawerPosition: "left", 13545 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 13546 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 13547 EnableStorefrontLayoutVariantSelector: true, 13548 StorefrontLayoutNotificationPosition: "left", 13549 StorefrontLayoutActionPopupPosition: "left", 13550 StorefrontLayoutNotificationDuration: 5000 13551 }; 13552 } else { 13553 // If only metafield is enabled but no block settings, use common settings 13554 SwymStorefrontLayoutContext.Settings = { 13555 EnableStorefrontLayoutOnLauncher: true, 13556 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 13557 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 13558 StorefrontLayoutDrawerPosition: "left", 13559 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 13560 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 13561 EnableStorefrontLayoutVariantSelector: true, 13562 StorefrontLayoutNotificationPosition: "left", 13563 StorefrontLayoutActionPopupPosition: "left", 13564 StorefrontLayoutNotificationDuration: 5000 13565 }; 13566 } 13567 const storefrontLayoutCallback = (swat) =>{ 13568 SwymStorefrontLayoutContext.swat = swat; 13569 let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; 13570 let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; 13571 SwymStorefrontLayoutContext.Settings = { 13572 ...SwymStorefrontLayoutContext?.Settings, 13573 EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false, 13574 EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), 13575 } 13576 13577 if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ 13578 if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ 13579 var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 13580 detail: { settings: SwymStorefrontLayoutContext?.Settings } 13581 }); 13582 document.dispatchEvent(event); 13583 }else{ 13584 swat.utils.warn(`LayoutInitialized event is not defined.`); 13585 } 13586 }else{ 13587 swat.utils.warn(`Storefront Layout is disabled.`); 13588 document.getElementById("swym-storefront-layout-container")?.remove(); 13589 document.getElementById("swym-storefront-extention-render-container")?.remove(); 13590 } 13591 } 13592 13593 if (!window.SwymCallbacks) { 13594 window.SwymCallbacks = []; 13595 } 13596 window.SwymCallbacks.push(storefrontLayoutCallback); 13597 13598 SwymStorefrontLayoutContext.SwymCustomerData = { 13599 13600 name: null, 13601 email: null 13602 13603 };
13604 SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; 13605 })(); 13606</script>
13606 13607 13608 13609 13610 13611 13612 <div id="swym-storefront-extention-render-container"> 13613 <!-- BEGIN app snippet: swymStorefrontLayout -->
13613<script> 13614 (function () { 13615 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 13616 const isControlCentreEnabledFromBlockSettings = false; 13617 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 13618 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 13619 13620 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 13621 return; 13622 } 13623 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 13624 window.SwymStorefrontLayoutContext = {}; 13625 } 13626 13627 // Initialize strings with empty values first to prevent string changes after loadStrings() 13628 SwymStorefrontLayoutContext.Strings = { 13629 title: "", 13630 addToCart: "", 13631 addedToCart: "", 13632 addAllToCartCta: "", 13633 addAllToCartSuccessText: "", 13634 addAllToCartEmptyText: "", 13635 addAllToCartErrorText: "", 13636 soldOut: "", 13637 addingToCart: "", 13638 viewCartCta: "", 13639 moveToCartCta: "", 13640 movingToCartCta: "", 13641 removeSflItemCta: "", 13642 13643 loginHeading: "", 13644 loginText: "", 13645 loginButtonText: "", 13646 loggedUserWelcomeMessage: "", 13647 VariantSelectorBtnText: "", 13648 wishlistTitle: "", 13649 wishlistInfo: "", 13650 emptyWishlistTitle: "", 13651 emptyWishlistDescription: "", 13652 13653 collectionTitle: "", 13654 emptyCarouselCollectionText: "", 13655 emptyCollectionText: "", 13656 emptyCollectionDescription: "", 13657 13658 addToCollectionTitle: "", 13659 removeItemCta: "", 13660 addToCollectionCta: "", 13661 createCollectionCta: "", 13662 saveNewCollectionCta: "", 13663 renameCollectionCta: "", 13664 deleteCollectionCta: "", 13665 shareCollectionCta: "", 13666 saveCollectionCta: "", 13667 editCollectionCta: "", 13668 shareCollectionTitle: "", 13669 shareCollectionMessage: "", 13670 sharedCollectionMessage: "", 13671 updateCollectionTitle: "", 13672 13673 errorMessageListNameRequired: "", 13674 errorMessageListNameRequire3Char: "", 13675 errorMessageListNameAlreadyExist: "", 13676 13677 notificationMessageItemSaved: "", 13678 notificationMessageItemRemoved: "", 13679 notificationMessageAddedToCart: "", 13680 notificationMessageAddedToCollection: "", 13681 notificationMessageCollectionSaved: "", 13682 notificationMessageCollectionDeleted: "", 13683 notificationMessageCollectionUpdated: "", 13684 notificationMessageCollectionUnavailable: "", 13685 notificationMessageSFLItemSaved: "", 13686 notificationMessageSFLItemRemoved: "", 13687 notificationMessageMovedToCart: "", 13688 13689 notificationActionAddToCollection: "", 13690 notificationActionView: "", 13691 notificationActionViewCollection: "", 13692 notificationActionGoToCart: "", 13693 13694 item: "", 13695 items: "", 13696 13697 tabWishlist: "", 13698 tabSavedForLater: "", 13699 tabSavedForYou: "", 13700 13701 savedForLaterTitle: "", 13702 emptySavedForLaterTitle: "", 13703 emptySavedForLaterDescription: "", 13704 13705 awNudgeMessage: "", 13706 awNudgeMessageSub: "", 13707 awNudgeLoginCTA: "", 13708 awNudgeDismiss: "", 13709 13710 emptySingleLoggedInTitle: "", 13711 emptySingleLoggedInDescription: "", 13712 emptySingleLoggedInBullet1: "", 13713 emptySingleLoggedInBullet2: "", 13714 emptySingleLoggedInBullet3: "", 13715 emptySingleLoggedInCTA: "", 13716 13717 emptyMultiLoggedInTitle: "", 13718 emptyMultiLoggedInDescription: "", 13719 emptyMultiLoggedInCreateTitle: "", 13720 emptyMultiLoggedInCreateDescription: "", 13721 emptyMultiLoggedInBrowseLabel: "", 13722 emptyMultiLoggedInCTA: "", 13723 emptyMultiLoggedInTag1: "", 13724 emptyMultiLoggedInTag2: "", 13725 emptyMultiLoggedInTag3: "", 13726 emptyMultiLoggedInTag4: "", 13727 emptyMultiLoggedInTag5: "", 13728 13729 emptyGuestTitle: "", 13730 emptyGuestDescription: "", 13731 emptyGuestSingleNotice: "", 13732 emptyGuestMultiNotice: "", 13733 emptyGuestLoginCTA: "", 13734 emptyGuestBrowseCTA: "", 13735 emptyGuestSignupText: "", 13736 emptyGuestSignupCTA: "", 13737 13738 emptySflTitle: "", 13739 emptySflDescription: "", 13740 emptySflStep1Title: "", 13741 emptySflStep1Description: "", 13742 emptySflStep2Title: "", 13743 emptySflStep2Description: "", 13744 emptySflLoggedInNotice: "", 13745 emptySflGuestNotice: "", 13746 emptySflGoToCartCTA: "", 13747 emptySflLoginCTA: "", 13748 emptySflSignupText: "", 13749 emptySflSignupCTA: "" 13750 }; 13751 13752 SwymStorefrontLayoutContext.stringsLoaded = false;
13753 SwymStorefrontLayoutContext.StorefrontLayoutUrls = SwymStorefrontLayoutContext.StorefrontLayoutUrls || {}; 13754 SwymStorefrontLayoutContext.StorefrontLayoutUrls.Login = "\/customer_authentication\/login?return_to=%2F\u0026locale=en\u0026ui_hint=full\u0026region_country=US"; 13755 13756 /** 13757 * Function to override Swym's default UI behavior. 13758 **/ 13759 const overrideSwymDefaultUI = (swat) => { 13760 try{ 13761 swat.ui.open = function(){ 13762 window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List; 13763 } 13764 13765 if (swat.ui?.uiRef?.settings?.UI) { 13766 swat.ui.uiRef.settings.UI.NotificationDisabled = true; 13767 } 13768 }catch(e){ 13769 swat.utils?.warn('Error overriding Swym default UI:', e); 13770 } 13771 } 13772 13773 /** 13774 * Callback function to override Swym's default UI behavior based on Storefront Layout settings. 13775 * 13776 * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled. 13777 * - Overrides Swym's default notifications to log notifications instead of displaying them. 13778 * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized. 13779 * 13780 * @param {Object} swat - Swym's UI object used for overriding UI behaviors. 13781 */ 13782 const swymStorefrontLayoutCallback = (swat) =>{ 13783 SwymStorefrontLayoutContext.swat = swat; 13784 13785 overrideSwymDefaultUI(swat); 13786 13787 13788 let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; 13789 if (typeof triggerHeartbeat !== "function") return; 13790 13791 let wishlistNewUiHeartbeatData = ''; 13792 try { 13793 wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {}; 13794 } catch (e) { 13795 wishlistNewUiHeartbeatData = {}; 13796 } 13797 13798 let themeId = window.Shopify.theme.id; 13799 let isDesignMode = !!window.swymDesignMode; 13800 let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId]; 13801 let themeContext = isDesignMode ? 'editor' : themeId; 13802 let extensionData = { 13803 extensionName: "wishlist-new-ui", 13804 extensionType: "app-embed", 13805 metadata: {}, 13806 themeId: themeContext, 13807 extensionSource: "default" 13808 }; 13809 /** Stop heartbeat 13810 triggerHeartbeat(extensionData, lastHeartbeat); 13811 */ 13812 } 13813 13814 if (!window.SwymCallbacks) { 13815 window.SwymCallbacks = []; 13816 } 13817 window.SwymCallbacks.push(swymStorefrontLayoutCallback); 13818 })(); 13819</script>
13819 13820<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout.css">
13821<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/async-wishlist-apis.js" defer="defer"></script>
vendor: 1 bytes, line 13821
13821
13822<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout.js" defer="defer"></script>
vendor: 1 bytes, line 13822
13822
13823<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/storefront-layout-components.js" defer="defer"></script>
13823 13824 13825<swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout> 13826<!-- END app snippet --> 13827 </div> 13828 <!-- BEGIN app snippet: swymEducationTooltip --> 13829 13830 13831 13832 13833 <div id="swym-education-tooltip" aria-hidden="true" 13834 data-toast-desktop-message="Interesting? Click '{{wishlistIcon}}' to save it to your {{wishlistName}}." 13835 data-toast-mobile-message="Interesting? Tap '{{wishlistIcon}}' to add to your {{wishlistName}}." 13836 data-toast-cta="Wishlist Now" 13837 data-tooltip-desktop-message="Interesting? Click '{{wishlistIcon}}' to save it to your {{wishlistName}}." 13838 data-tooltip-mobile-message="Interesting? Tap '{{wishlistIcon}}' to add to your {{wishlistName}}." 13839 data-button-transition-text-1="Price drops? Know first." 13840 data-button-transition-text-2="Almost gone. Just saying." 13841 data-button-transition-text-3="Yours when ready."> 13842 </div> 13843 13844 <div id="swym-education-tooltip-bubble" class="swym-education-tooltip swym-education-tooltip-above" aria-hidden="true" role="tooltip"> 13845 <div class="swym-education-tooltip-content"> 13846 <span class="swym-education-tooltip-message"></span> 13847 <button class="swym-education-tooltip-close" data-swym-education-tooltip-close aria-label="Close consent dialog"> 13848 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 13849 <path d="M18 6L6 18M6 6l12 12"></path> 13850 </svg> 13851 </button> 13852 </div> 13853 <div class="swym-education-tooltip-arrow"></div> 13854 </div> 13855 13856 <style> 13857 /* Education tooltip â positioned fixed, managed by JS */ 13858 .swym-education-tooltip { 13859 position: fixed; 13860 z-index: 500; 13861 visibility: hidden; 13862 opacity: 0; 13863 transition: opacity 0.2s ease, visibility 0.2s ease; 13864 pointer-events: none; 13865 } 13866 .swym-education-tooltip.swym-education-tooltip-visible { 13867 visibility: visible; 13868 opacity: 1; 13869 pointer-events: auto; 13870 } 13871 .swym-education-tooltip-content { 13872 background: var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 13873 color: var(--swym-storefront-layout-notification-neutral-text-color, #383d41); 13874 border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color, #d6d8db); 13875 padding: 10px 14px; 13876 border-radius: var(--swym-storefront-layout-ui-border-radius, 10px); 13877 font-size: 13px; 13878 line-height: 1.4; 13879 display: flex; 13880 align-items: center; 13881 gap: 8px; 13882 max-width: 320px; 13883 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 13884 } 13885 .swym-education-tooltip-message { 13886 flex: 1; 13887 } 13888 .swym-education-tooltip-close { 13889 background: none; 13890 border: none; 13891 color: inherit; 13892 cursor: pointer; 13893 padding: 2px; 13894 line-height: 1; 13895 flex-shrink: 0; 13896 opacity: 0.7; 13897 } 13898 .swym-education-tooltip-close:hover { 13899 opacity: 1; 13900 } 13901 13902 /* Button text fade transition for education nudge */ 13903 .swym-btn-text-fade-out { 13904 opacity: 0; 13905 transition: opacity 0.2s ease; 13906 } 13907 .swym-btn-text-fade-in { 13908 opacity: 1; 13909 transition: opacity 0.3s ease; 13910 } 13911 13912 /* Arrow â points down when tooltip is above, up when below */ 13913 .swym-education-tooltip-arrow { 13914 width: 0; 13915 height: 0; 13916 position: absolute; 13917 left: 50%; 13918 transform: translateX(-50%); 13919 } 13920 .swym-education-tooltip-above .swym-education-tooltip-arrow { 13921 bottom: -6px; 13922 border-left: 6px solid transparent; 13923 border-right: 6px solid transparent; 13924 border-top: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 13925 } 13926 .swym-education-tooltip-below .swym-education-tooltip-arrow { 13927 top: -6px; 13928 border-left: 6px solid transparent; 13929 border-right: 6px solid transparent; 13930 border-bottom: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); 13931 } 13932 13933 /* Hidden data element */ 13934 #swym-education-tooltip { 13935 display: none; 13936 } 13937 13938 @media (max-width: 480px) { 13939 .swym-education-tooltip-content { 13940 max-width: 90vw; 13941 font-size: 12px; 13942 } 13943 } 13944 </style> 13945 13946
13946<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-education-tooltip.js" defer="defer"></script>
13946 13947
13947<script src="https://cdn.shopify.com/extensions/01a0f142-9ec3-73a2-babd-8904a7e44cee/swym-relay-840/assets/swym-education.js" defer="defer"></script>
13947 13948 13949<!-- END app snippet --> 13950 13951 13952</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block"> 13953 13954
13955<script> 13956 console.log("[Alia app extension] v1.0.5"); 13957 13958 const BACKEND_URL = "https://backend.alia-prod.com"; 13959 13960 window.ALIA_SHOPIFY_EXTENSION_INFO = { 13961 customerID: "", 13962 country: "US", 13963 market: "us", 13964 language: "en" 13965 } 13966 13967 if (document.readyState !== "loading") { 13968 initAlia(); 13969 } else { 13970 document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true }); 13971 } 13972 13973 async function initAlia() { 13974 const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=beyond-yoga-store.myshopify.com"; 13975 const script = document.createElement("script"); 13976 script.src = url; 13977 script.async = true; 13978 document.head.appendChild(script); 13979 } 13980</script>
13980 13981 13982</div><div id="shopify-block-AaUpCaW0zK0hQdkxYR__7586417359830130585" class="shopify-block shopify-app-block govalo"><!-- BEGIN APP EMBED: GOVALO --> 13983<!-- BEGIN app snippet: govalo-rewards --> 13984<!-- END app snippet --> 13985 13986 13987 13988 13989 13990<!-- END APP EMBED: GOVALO --> 13991 13992 13993</div><div id="shopify-block-ARzRUZFJhblF1OXJZV__17344971991852576190" class="shopify-block shopify-app-block"> 13994 13995 13996</div>
13996<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13996 13997</body> 13998 </html> 13999
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.