PageSourceSearch

https://www.tristanstyle.com/pages/store-locator

html tristanstyle.com collected 2026-09-25 23:39:31 UTC 400,144 bytes, 8,581 lines download raw bytes

1<!doctype html>
2<html lang='en'>
3  <head>
4<!-- Google Tag Manager -->
5<script>
vendor: 327 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9})(window,document,'script','dataLayer','
9GTM-NWMB3B8
vendor: 3 bytes, line 9
9');
9</script>
9
10<!-- End Google Tag Manager -->
11
12    <meta charset='utf-8'>
13    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
14    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0'><link
15    rel='apple-touch-icon'
16    sizes='180x180'
17    href='//www.tristanstyle.com/cdn/shop/files/FAVICON_e863a799-d989-42d8-bf52-15bc93ae75aa.png?crop=center&height=180&v=1669651197&width=180'
18  >
19  <link
20    rel='icon'
21    type='image/png'
22    sizes='32x32'
23    href='//www.tristanstyle.com/cdn/shop/files/FAVICON_e863a799-d989-42d8-bf52-15bc93ae75aa.png?crop=center&height=32&v=1669651197&width=32'
24  >
25  <link
26    rel='icon'
27    type='image/png'
28    sizes='16x16'
29    href='//www.tristanstyle.com/cdn/shop/files/FAVICON_e863a799-d989-42d8-bf52-15bc93ae75aa.png?crop=center&height=16&v=1669651197&width=16'
30  >
31
32<title>Clothing Stores for Men and Women in Canada | TRISTAN</title>
33
34
35<meta name='description' content='TRISTAN is a fashion clothing and accessories store for men and women. Explore our elegant, timeless designs today! Discover timeless style.'>
36<link rel='canonical' href='https://www.tristanstyle.com/pages/store-locator'>
37
38
39<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/pages/store-locator" >
40<link rel="alternate" hreflang="en-US" href="https://us.tristanstyle.com/pages/store-locator">
41<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr/pages/store-locator">
41<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
41<meta name="google-site-verification" content="Yqcug-d7wDQSIWvxeedHfR2OcyTpqAyVr35LtmG3cZg">
42<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/43424874658/digital_wallets/dialog">
43<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.tristanstyle.com/pages/store-locator">
44<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/pages/store-locator">
45<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr/pages/trouver-nos-magasins">
46<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA&default_configuration_id=15401122"></script>
46
47<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
48<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&default_configuration_id=15401122&shop_id=43424874658" crossorigin="anonymous"></script>
vendor: 1 bytes, line 48
48
49<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":43424874658,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/43424874658","merchantName":"TRISTAN","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"TRISTAN","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 49
49
50<script id="shopify-features" type="application/json">{"accessToken":"c7eaac707a6285014182c30a57486c64","betas":["rich-media-storefront-analytics"],"domain":"www.tristanstyle.com","predictiveSearch":true,"shopId":43424874658,"locale":"en"}</script>
vendor: 1 bytes, line 50
50
51<script>var Shopify = Shopify || {};
52Shopify.shop = "tristandev.myshopify.com";
53Shopify.locale = "en";
54Shopify.currency = {"active":"CAD","rate":"1.0"};
55Shopify.country = "CA";
56Shopify.theme = {"name":"FALL 2026 | Tristan x Signifl...","id":149359067298,"schema_name":"Tristan x Signifly","schema_version":"1.0","theme_store_id":null,"role":"main"};
57Shopify.theme.handle = "null";
58Shopify.theme.style = {"id":null,"handle":null};
59Shopify.cdnHost = "www.tristanstyle.com/cdn";
60Shopify.routes = Shopify.routes || {};
61Shopify.routes.root = "/";
62Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
63Shopify.SignInWithShop = Shopify.SignInWithShop || {};
64Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
65Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 65
65
66<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 66
66
67<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 67
67
68<script>
69  window.ShopifyPay = window.ShopifyPay || {};
70  window.ShopifyPay.apiHost = "shop.app\/pay";
71  window.ShopifyPay.redirectState = null;
72</script>
vendor: 1 bytes, line 72
72
73<script>
74  window.Shopify = window.Shopify || {};
75  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
76  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
77  window.Shopify.SignInWithShop.eligible = true;
78</script>
vendor: 1 bytes, line 78
78
79<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 79
79
80<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 80
80
81<script type="module">
82  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
83
84  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
85
86</script>
vendor: 1 bytes, line 86
86
87<script>
88  window.Shopify = window.Shopify || {};
89  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
90  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"]};
91</script>
vendor: 1 bytes, line 91
91
92<script>(function() {
93  var isLoaded = false;
94  function asyncLoad() {
95    if (isLoaded) return;
96    isLoaded = true;
97    var urls = ["https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=e14099dd\u0026shop=tristandev.myshopify.com"];
98    for (var i = 0; i < urls.length; i++) {
99      var s = document.createElement('script');
100      s.type = 'text/javascript';
101      s.async = true;
102      s.src = urls[i];
103      var x = document.getElementsByTagName('script')[0];
104      x.parentNode.insertBefore(s, x);
105    }
106  };
107  if(window.attachEvent) {
108    window.attachEvent('onload', asyncLoad);
109  } else {
110    window.addEventListener('load', asyncLoad, false);
111  }
112})();</script>
vendor: 1 bytes, line 112
112
113<script id="__st">var __st={"a":43424874658,"offset":-14400,"reqid":"3ae6bb4f-a6ac-4d32-8194-02b11f5ef50d-1790379570","pageurl":"www.tristanstyle.com\/pages\/store-locator","s":"pages-71484997794","u":"0f5e42387a9b","p":"page","rtyp":"page","rid":71484997794};</script>
vendor: 1 bytes, line 113
113
114<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 114
114
115<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 115
115
116<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 116
116
117<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.tristanstyle.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>
117<script crossorigin="anonymous" defer="defer" src="//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 117
117
118<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 118
118
119<script>
120  window.Shopify = window.Shopify || {};
121  window.Shopify.MCP = window.Shopify.MCP || {};
122  window.Shopify.MCP.enabled = true;
123  window.Shopify.MCP.shop = "tristandev.myshopify.com";
124  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.tristanstyle.com\/api\/mcp";
125  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"]}}];
126</script>
vendor: 1 bytes, line 126
126
127<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.tristanstyle.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
128</script>
vendor: 1 bytes, line 128
128
129<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.tristanstyle.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
130</script>
vendor: 1 bytes, line 130
130
131<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
132  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);
133</script>
vendor: 1 bytes, line 133
133
134<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})}}));
135</script>
135
136<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.tristanstyle.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
137<style id="shopify-accelerated-checkout-cart">
138        #shopify-buyer-consent {
139  margin-top: 1em;
140  display: inline-block;
141  width: 100%;
142}
143
144#shopify-buyer-consent.hidden {
145  display: none;
146}
147
148#shopify-subscription-policy-button {
149  background: none;
150  border: none;
151  padding: 0;
152  text-decoration: underline;
153  font-size: inherit;
154  cursor: pointer;
155}
156
157#shopify-subscription-policy-button::before {
158  box-shadow: none;
159}
160
161      </style>
162
163<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
163
164<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/swiper-bundle.min.css?v=153685735799929794211781536540" rel="stylesheet" type="text/css" media="all" />
165<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/swiper-bundle.min.js?v=103002418571436893271781536540' defer></script>
165
166
167<style>
168  :root {
169    --check-mark: url('//www.tristanstyle.com/cdn/shop/t/109/assets/check.svg?v=115119982267717169691781536516');
170  }
171</style>
172
173<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/fonts.css?v=23710464837876899571781536568" rel="stylesheet" type="text/css" media="all" />
174<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/app.css?v=90351701568318191581781536510" rel="stylesheet" type="text/css" media="all" />
175<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/lazyload.js?v=109627118707370519081781536531" as="script" rel="preload">
176
177<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/shared.js?v=116849680700748551311781536539' defer></script>
vendor: 1 bytes, line 177
177
178<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/app.js?v=10907088656931206621785791530' defer></script>
vendor: 1 bytes, line 178
178
179<script src='//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js' defer></script>
179
180
181
182<script>
183  
184    window.GORGIASCHAT_LANGUAGE = ' en-US’'
185  
186</script>
186
187<meta name="google-site-verification" content="0nyS7EKlPxZRMpSAfdOoKbNlYNeda3Wkbzxp6LxCjeQ" />
188
189  <!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 -->
189<script
190  type="module"
191>
192  setTimeout(async function () {
193    const keySessionStorage = 'aw_settings';
194    let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage));
195    if(!__AW__settings) {
196      const awSettings = await fetch(
197              "/apps/addingwell-proxy",
198              {
199                method: "GET",
200                redirect: "follow",
201                headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
202              }
203      );
204      if (awSettings.ok) {
205        __AW__settings = await awSettings.json();
206        sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
207      } else {
208        console.error('Addingwell - Loading proxy error', awSettings.status);
209        return;
210      }
211    }
212
213    if(__AW__settings.insertGtmTag && __AW__settings.gtmId) {
214      let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js';
215      let __AW__isAddingwellCdn = false;
216      if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) {
217        __AW__gtmUrl = __AW__settings.gtmUrl;
218        __AW__isAddingwellCdn = __AW__settings.isAddingwellCdn;
219      }
220
221      (function(w,d,s,l,i){
222        w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
223        var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
224        j.async=true;
225        j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'awl' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f);
226      })(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`);
227    }
228
229    const __AW__getEventNameWithSuffix = (eventName) => {
230      return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : "");
231    }
232
233    function __AW__waitForShopifyYCookie(maxAttempts, intervalMs) {
234      return new Promise(function(resolve) {
235        let attempts = 0;
236        maxAttempts = maxAttempts || 5;
237        intervalMs = intervalMs || 200;
238        function check() {
239          const match = document.cookie.match(/(?:^|;\s*)_shopify_y=([^;]*)/);
240          if (match) {
241            resolve(match[1]);
242          } else if (attempts < maxAttempts) {
243            attempts++;
244            setTimeout(check, intervalMs);
245          } else {
246            console.warn('[AW] _shopify_y cookie not found after consent');
247            resolve(null);
248          }
249        }
250        check();
251      });
252    }
253
254    const __AW__CONSENT_KEY = 'aw_consent_state';
255
256    function __AW__getConsentState() {
257      try {
258        if (window.Shopify?.customerPrivacy?.currentVisitorConsent) {
259          return JSON.stringify(window.Shopify.customerPrivacy.currentVisitorConsent());
260        }
261      } catch(e) {}
262      return null;
263    }
264
265    function __AW__isEmptyConsent(stateStr) {
266      try {
267        return Object.values(JSON.parse(stateStr)).every(v => v === '');
268      } catch(e) {}
269      return true;
270    }
271
272    let __AW__prevConsentState = __AW__getConsentState() ?? localStorage.getItem(__AW__CONSENT_KEY);
273
274    document.addEventListener('visitorConsentCollected', async function(event) {
275      const currentConsentState = __AW__getConsentState();
276
277      if (currentConsentState !== null && currentConsentState === __AW__prevConsentState) {
278        return;
279      }
280
281      __AW__prevConsentState = currentConsentState;
282
283      if (currentConsentState !== null) {
284        if (__AW__isEmptyConsent(currentConsentState)) {
285          localStorage.removeItem(__AW__CONSENT_KEY);
286        } else {
287          localStorage.setItem(__AW__CONSENT_KEY, currentConsentState);
288        }
289      }
290
291      window.Shopify.analytics.publish('addingwell:shopify_update_consent', {visitorConsentCollected: true});
292
293      const shopifyY = await __AW__waitForShopifyYCookie();
294      if (!shopifyY) return;
295
296      window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || [];
297      window[__AW__settings.dataLayerVariableName].push({
298        event: __AW__getEventNameWithSuffix('shopify_consent_updated'),
299      });
300    });
301
302    if(__AW__settings.enableDataLayer) {
303      const MAX_ITEMS_BATCH = 10;
304      const sendBatchEvents = (items, eventName, eventObject) => {
305        let batch = [];
306        for(let i  = 0; i < items.length; i++) {
307          batch.push(items[i]);
308          if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) {
309            const eventClone = {
310              ...eventObject,
311              ecommerce: {
312                ...eventObject.ecommerce,
313                items: [...batch]
314              }
315            };
316            window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
317            window[__AW__settings.dataLayerVariableName].push({
318              ...{'event': __AW__getEventNameWithSuffix(eventName)},
319              ...eventClone
320            });
321
322            batch = [];
323          }
324        }
325      }
326
327      function __AW__filterNullOrEmpty(obj) {
328        let filteredObj = {};
329
330        for (let key in obj) {
331          if (obj.hasOwnProperty(key)) {
332            let value = obj[key];
333
334            // If value is an object (and not null), recursively filter sub-elements
335            if (typeof value === "object" && value !== null && value !== undefined) {
336              let filteredSubObject = __AW__filterNullOrEmpty(value);
337
338              // Add the filtered sub-object only if it's not empty
339              if (Object.keys(filteredSubObject).length > 0) {
340                filteredObj[key] = filteredSubObject;
341              }
342            } else {
343              // Add the value only if it's neither null nor an empty string
344              if (value !== null && value !== "" && value !== undefined) {
345                filteredObj[key] = value;
346              }
347            }
348          }
349        }
350        return filteredObj;
351      }
352
353      function getPageType(value) {
354        const pageTypeMapping = {
355          404: '404',
356          article: 'article',
357          blog: 'blog',
358          cart: 'cart',
359          collection: 'collection',
360          gift_card: 'gift_card',
361          index: 'homepage',
362          product: 'product',
363          search: 'searchresults',
364          'customers/login': 'login',
365          'customers/register': 'sign_up'
366        };
367        return pageTypeMapping[value] || 'other';
368      }
369      let __AW__cartReady = false;
370
371      function pushDataLayerEvents() {
372        initCart();
373        window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || [];  // init data layer if doesn't already exist
374        const templateName = "page";
375
376        const getFormattedPrice = (priceInCents) => priceInCents/100;
377        /**********************
378         * DATALAYER SECTIONS
379         ***********************/
380        /**
381         * DATALAYER: User Data
382         * Build user_data properties.
383         */
384        let newCustomer = true;
385        window.__AW__CommonData = {
386          user_data: {
387            new_customer: newCustomer,
388          }
389        };
390
391        
392
393        window.__AW__CommonData.country = "CA"
394        window.__AW__CommonData.market = "ca"
395        window.__AW__CommonData.marketId = 3013640354
396
397        
398          window.__AW__CommonData.language = "en-CA";
399        
400        window.__AW__CommonData = __AW__filterNullOrEmpty(window.__AW__CommonData);
401
402        // Ajout du hash SHA256 des champs sensibles de user_data (version robuste)
403        async function sha256(str) {
404          if (!str) return undefined;
405          if (!(window.crypto && window.crypto.subtle)) {
406            console.error('Crypto.subtle non supporté, hash impossible pour :', str);
407            return undefined;
408          }
409          try {
410            const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
411            return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join('');
412          } catch (e) {
413            console.error('Erreur lors du hash SHA256 pour', str, e);
414            return undefined;
415          }
416        }
417        async function getUserDataHash(user_data) {
418          const hashObj = {};
419          if (!user_data) return hashObj;
420          try {
421            if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address);
422            if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number);
423            if (user_data.address && typeof user_data.address === 'object') {
424              hashObj.address = {};
425              if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name);
426              if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name);
427              if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street);
428              if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city);
429              if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region);
430              if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code);
431              if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country);
432            }
433          } catch (e) {
434            console.error('Erreur lors du hash user_data_hashed', e);
435          }
436          return __AW__filterNullOrEmpty(hashObj);
437        }
438        (async function() {
439          if (window.__AW__CommonData && window.__AW__CommonData.user_data) {
440            window.__AW__CommonData.user_data_hashed = await getUserDataHash(window.__AW__CommonData.user_data);
441          }
442        })();
443
444        window.__AW__CommonData["page_type"] = getPageType(templateName);
445        window.__AW__CommonData["theme"] = window?.Shopify?.theme;
446        window[__AW__settings.dataLayerVariableName].push(window.__AW__CommonData);
447
448        window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")});
449
450        /** DATALAYER: select_item handoff */
451        const pendingSelectItemName = "aw_pending_select_item";
452
453        const __AW__pushSelectItem = (payload) => {
454          window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
455          window[__AW__settings.dataLayerVariableName].push(payload);
456        };
457
458        const __AW__flushPendingSelectItem = () => {
459          let pending = null;
460          try {
461            pending = sessionStorage.getItem(pendingSelectItemName);
462            sessionStorage.removeItem(pendingSelectItemName);
463          } catch (e) {
464            return;
465          }
466          if (!pending) return;
467          try {
468            __AW__pushSelectItem(JSON.parse(pending));
469          } catch (e) {
470            console.warn('[AW] pending select_item error', e);
471          }
472        };
473
474        __AW__flushPendingSelectItem();
475
476
477        /**
478         * DATALAYER: 404 Pages
479         * Fire on 404 Pages */
480        
481
482
483        /**
484         * DATALAYER: Blog Articles
485         * Fire on Blog Article Pages */
486        
487
488        
489
490        
491
492        /** DATALAYER: Product List Page (Collections, Category)
493         * Fire on all product listing pages. */
494
495        const __AW__transformNumberToString = (value) => {
496          if (value !== null && value !== undefined && typeof value === 'number') {
497            return value.toString();
498          }
499          /** By Default return the current value */
500          return value;
501        };
502
503        let discountPrice = 0.00;
504        
505
506        /** DATALAYER: Product Page
507         * Fire on all Product View pages. */
508        
509
510        /** DATALAYER: Cart View
511         * Fire anytime a user views their cart (non-dynamic) */
512        
513
514        let drawerCartAlreadyOpened = false;
515        let pendingViewCartTimeout = null;
516
517        let stateObserver = null;
518        let domObserver = null;
519
520        function initCart() {
521          fetch(`${window.Shopify?.routes?.root || "/"}cart.js?adw=1&init=1`, {
522            credentials: 'same-origin',
523            headers: { 'Accept': 'application/json' }
524          }).then(r => r.ok ? r.json() : null)
525            .then(freshCart => {
526              if (freshCart) {
527                window.__AW__slaveShopifyCart = freshCart;
528              } else {
529                window.__AW__slaveShopifyCart = { items: [] };
530              }
531              __AW__cartReady = true;
532            })
533            .catch(e => {
534              console.warn('[AW] Cart hydration failed', e);
535              window.__AW__slaveShopifyCart = { items: [] };
536              __AW__cartReady = true;
537            });
538        }
539
540        function fireViewCartOncePerOpen() {
541          if (pendingViewCartTimeout) return;
542
543          drawerCartAlreadyOpened = true;
544
545          pendingViewCartTimeout = setTimeout(() => {
546            pendingViewCartTimeout = null;
547            if (!__AW__cartReady) return;
548            const ecommerceDataLayer = {
549              ecommerce: {
550                currency: window.__AW__slaveShopifyCart.currency,
551                value: window.__AW__slaveShopifyCart.total_price / 100,
552                items: window.__AW__slaveShopifyCart.items.map(item => {
553                  const price = (item.discounted_price ?? item.price) / 100;
554                  const discount = (item.price - (item.discounted_price ?? 0)) / 100;
555
556                  let coupon = "";
557                  if (Array.isArray(item?.discounts)) {
558                    coupon = item.discounts
559                            .filter(d => typeof d?.title === "string")
560                            .map(d => d.title)
561                            .join(", ");
562                  }
563
564                  return {
565                    item_id: __AW__transformNumberToString(item.product_id),
566                    item_variant: item.variant_title,
567                    item_variant_title: item.variant_title,
568                    item_variant_id: __AW__transformNumberToString(item.variant_id),
569                    item_product_id: __AW__transformNumberToString(item.product_id),
570                    item_product_title: item.product_title,
571                    item_name: item.product_title,
572                    price,
573                    discount,
574                    item_brand: item.vendor,
575                    item_category: item.product_type,
576                    item_list_name: item.collection || "",
577                    item_list_id: "",
578                    quantity: item.quantity,
579                    sku: __AW__transformNumberToString(item.sku),
580                    coupon,
581                    url: item.url,
582                    selling_plan_id     : item?.selling_plan_allocation?.selling_plan?.id,
583                    selling_plan_name   : item?.selling_plan_allocation?.selling_plan?.name
584
585                  };
586                })
587              }
588            };
589
590            window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
591            window[__AW__settings.dataLayerVariableName].push({
592              event: __AW__getEventNameWithSuffix("view_cart"),
593              ...ecommerceDataLayer
594            });
595          }, 1000);
596        }
597
598        function resetOnClose() {
599          drawerCartAlreadyOpened = false;
600          if (pendingViewCartTimeout) {
601            clearTimeout(pendingViewCartTimeout);
602            pendingViewCartTimeout = null;
603          }
604        }
605
606        function getTargets() {
607          const cartDrawer = document.querySelector("cart-drawer");
608          const dialog =
609                  document.querySelector("cart-drawer dialog") ||
610                  document.querySelector("cart-drawer-component dialog") ||
611                  document.querySelector("cart-drawer-component dialog[ref='dialog']");
612
613          return { cartDrawer, dialog };
614        }
615
616        function isCartOpen({ cartDrawer, dialog }) {
617          const openByDialog = !!dialog && (dialog.open || dialog.hasAttribute("open"));
618          const openByClass = !!cartDrawer && cartDrawer.classList.contains("active");
619          const openByAttr = !!cartDrawer && cartDrawer.hasAttribute("open");
620          return openByDialog || openByClass || openByAttr;
621        }
622
623        function attachStateObserver() {
624          const { cartDrawer, dialog } = getTargets();
625
626          if (stateObserver) stateObserver.disconnect();
627
628          stateObserver = new MutationObserver(() => {
629            const openNow = isCartOpen(getTargets());
630
631            if (openNow) {
632              if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
633            } else {
634              resetOnClose();
635            }
636          });
637
638          if (cartDrawer) {
639            stateObserver.observe(cartDrawer, {
640              attributes: true,
641              attributeFilter: ["class", "open"]
642            });
643          }
644
645          if (dialog) {
646            stateObserver.observe(dialog, {
647              attributes: true,
648              attributeFilter: ["open"]
649            });
650          }
651
652          const openNow = isCartOpen(getTargets());
653          if (openNow) {
654            if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
655          } else {
656            resetOnClose();
657          }
658        }
659
660        function observeCartDrawerOpen() {
661          attachStateObserver();
662
663          if (domObserver) domObserver.disconnect();
664
665          domObserver = new MutationObserver(() => {
666            attachStateObserver();
667          });
668
669          domObserver.observe(document.documentElement, {
670            childList: true,
671            subtree: true
672          });
673        }
674
675        observeCartDrawerOpen();
676
677
678        /** DATALAYER: Search Results */
679        var searchPage = new RegExp("search", "g");
680        if(document.location.pathname.match(searchPage)){
681          var __AW__items = [];
682          
683
684          const awEcommerceSearch = {
685            search_term: null,
686            results_count: null,
687            ecommerce: {
688              currency: "CAD",
689              items : []
690            }
691          };
692          sendBatchEvents(__AW__items, "search", awEcommerceSearch);
693        }
694
695
696        const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/;
697        const pendingCartEventName = "aw_pending_cart_event";
698        let awCartQueue = Promise.resolve();
699
700        if(sessionStorage.getItem(pendingCartEventName)) {
701          scheduleCartSync();
702        }
703
704        document.addEventListener('click', async function(e) {
705          const btn = e.target.closest('[href*="/cart/add"], [action*="/cart/add"], button[name="add"]');
706          if (!btn || !__AW__cartReady) return;
707          snapshotCart();
708        }, true);
709
710        patchFetch();
711        patchXhr();
712
713        function snapshotCart() {
714          try {
715            sessionStorage.setItem(
716              pendingCartEventName,
717              JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] })
718            );
719          } catch (e) {
720            console.warn('[AW] snapshot error', e);
721          }
722        }
723
724        function patchXhr() {
725          const nativeSend = typeof XMLHttpRequest === 'function' ? XMLHttpRequest.prototype?.send : null;
726          if (typeof nativeSend !== 'function' || nativeSend.__AW__patched) return;
727
728          XMLHttpRequest.prototype.send = function(body) {
729            this.addEventListener('load', () => {
730              try {
731                const abs = this.responseURL || '';
732                const u = new URL(abs, location.origin);
733                const mt = u.pathname + (u.search || '');
734                if (this.status === 200 && cartRegex.test(mt)) {
735                  scheduleCartSync();
736                }
737              } catch (e) {
738                console.error('[AW] XHR handler error', e);
739              }
740            });
741            return nativeSend.apply(this, arguments);
742          };
743
744          XMLHttpRequest.prototype.send.__AW__patched = true;
745        }
746
747        function patchFetch() {
748          const previousFetch = window.fetch;
749          if (typeof previousFetch !== 'function' || previousFetch.__AW__patched) return;
750
751          window.fetch = async function (...args) {
752            const resource = args[0];
753            try {
754
755              const url = resource instanceof Request ? resource.url  : resource instanceof URL ? resource.href : String(resource);
756              if (cartRegex.test(url)) {
757                const response = await previousFetch.apply(this, args);
758                if (response.ok) {
759                  scheduleCartSync();
760                } else {
761                  console.warn(`Fetch for ${url} failed with status: ${response.status}`);
762                }
763                return response;
764              }
765            } catch (error) {
766              console.error('[AW] Fetch Wrapper Error:', error);
767            }
768
769            return previousFetch.apply(this, args);
770          };
771
772          window.fetch.__AW__patched = true;
773        }
774
775        function scheduleCartSync() {
776          if (!__AW__cartReady) return;
777          awCartQueue = awCartQueue
778            .then(() => {
779              if (!sessionStorage.getItem(pendingCartEventName)) snapshotCart();
780              return runCartSyncOnce();
781            }).catch(e => {
782              console.error('[AW] scheduleCartSync error', e);
783            });
784        }
785
786        async function runCartSyncOnce() {
787          try {
788            const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, {
789              credentials: 'same-origin',
790              headers: { 'Accept': 'application/json' }
791            });
792            if (!response.ok) throw new Error('HTTP ' + response.status);
793            const newCart = await response.json();
794            await compareCartData(newCart);
795          } catch (error) {
796            console.error('[AW] Error fetching /cart.js (singleton):', error);
797          }
798        }
799
800        function compareCartData(newCartData) {
801          return new Promise((resolve) => {
802            setTimeout(() => {
803              try {
804                const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : {items: []};
805                newCartData = newCartData || {items: []};
806                const cartItemKey = item => `${item.variant_id ?? item.id}:${item.selling_plan_allocation?.selling_plan?.id ?? ''}`;
807                const oldItems = new Map(oldCartData.items.map(item => [cartItemKey(item), item]));
808                const newItems = new Map(newCartData.items.map(item => [cartItemKey(item), item]));
809
810                newItems.forEach((newItem, key) => {
811                  const oldItem = oldItems.get(key);
812                  const eventName = "add_to_cart";
813                  if (!oldItem) {
814                    handleCartDataLayer(eventName, newItem.quantity, newItem);
815                  } else if (newItem.quantity > oldItem.quantity) {
816                    handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem);
817                  }
818                });
819
820                oldItems.forEach((oldItem, key) => {
821                  const newItem = newItems.get(key);
822                  const eventName = "remove_from_cart";
823                  if (!newItem) {
824                    handleCartDataLayer(eventName, oldItem.quantity, oldItem);
825                  } else if (oldItem.quantity > newItem.quantity) {
826                    handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem);
827                  }
828                });
829
830                sessionStorage.removeItem(pendingCartEventName);
831                window.__AW__slaveShopifyCart = newCartData;
832              } catch(e) {
833                console.error('[AW] compareCartData error', e);
834                sessionStorage.removeItem(pendingCartEventName);
835              } finally {
836                resolve();
837              }
838            }, 500);
839          });
840        }
841
842        function handleCartDataLayer(eventName, quantity, item) {
843          const price = (item.discounted_price ?? item.price) / 100;
844          const discount = (item.price - (item.discounted_price ?? 0)) / 100;
845          const totalValue = price * quantity;
846          let coupon = "";
847          if(Array.isArray(item?.discounts)) {
848            coupon = item.discounts
849                    .filter(discount => typeof discount?.title === 'string')
850                    .map(discount => discount.title)
851                    .join(', ');
852          }
853
854          const ecommerceCart = {
855            ecommerce: {
856              currency: "CAD",
857              value: totalValue,
858              items: [{
859                item_id: __AW__transformNumberToString(item.product_id),
860                item_variant: item.variant_title || "Default Variant",
861                item_variant_id: __AW__transformNumberToString(item.variant_id),
862                item_variant_title: item.variant_title || "Default Variant",
863                item_name: item.product_title,
864                item_product_id: __AW__transformNumberToString(item.product_id),
865                item_product_title: item.product_title,
866                sku: __AW__transformNumberToString(item.sku),
867                discount: discount,
868                price: price,
869                item_brand: item.vendor,
870                item_category: item.product_type,
871                quantity: quantity,
872                coupon: coupon,
873                url: item?.url,
874                selling_plan_id     : item?.selling_plan_allocation?.selling_plan?.id,
875                selling_plan_name   : item?.selling_plan_allocation?.selling_plan?.name
876              }]
877            }
878          };
879
880          window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
881          window[__AW__settings.dataLayerVariableName].push({
882            ...{ 'event': __AW__getEventNameWithSuffix(eventName) },
883            ...ecommerceCart
884          });
885
886        }
887      }
888
889      if (document.readyState === 'loading') {
890        // document still loading...
891        document.addEventListener('DOMContentLoaded', () => {
892          pushDataLayerEvents();
893        });
894      } else {
895        // already loaded, chocs away!
896        pushDataLayerEvents();
897      }
898    }
899  }, 0);
900</script>
900
901
902
903<!-- END app block --><!-- BEGIN app block: shopify://apps/findify-search-merchandise/blocks/findify-BG-operations/861ae6ec-2c4a-4ae9-bd1b-43913344990c -->
904
905<!-- Findify core -->
906<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/core.js"></script>
vendor: 1 bytes, line 906
906
907<script src="//assets.findify.io/tristandev.myshopify.com-config-json.js" async></script>
vendor: 1 bytes, line 907
907
908<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/libraries.js" async></script>
vendor: 1 bytes, line 908
908
909<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/utils.js" async></script>
vendor: 1 bytes, line 909
909
910<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/products.js" async></script>
vendor: 1 bytes, line 910
910
911<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/autocomplete.js" async></script>
vendor: 1 bytes, line 911
911
912<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/grid.js" async></script>
vendor: 1 bytes, line 912
912
913<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/contents.js" async></script>
vendor: 1 bytes, line 913
913
914<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/promo.js" async></script>
vendor: 1 bytes, line 914
914
915<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/pagination.js" async></script>
vendor: 1 bytes, line 915
915
916<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/filters.js" async></script>
vendor: 1 bytes, line 916
916
917<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/sorting.js" async></script>
vendor: 1 bytes, line 917
917
918<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/recommendation.js" async></script>
918
919
920
921
922<script>
923  // set image aspect ratio
924  const product_card_image_aspect_ratio = 100;
925  const aspect_ratio = product_card_image_aspect_ratio <= 0 ? 100 : product_card_image_aspect_ratio;
926  document.documentElement.style.setProperty('--findify-product-card-aspect-ratio', `${aspect_ratio}%`);
927
928  window.findifyBGOperationsBlockSettings = {
929    useCurrencyConverter : false,
930    showProductCardHoverImage: true,
931    productQuantityPerBatchRender: 1,
932    showColorSwatchesOnDesktop: false, 
933    showColorSwatchesOnMobile: false, 
934    colorSwatchesStyleDesktop:  2, 
935    colorSwatchesStyleMobile: 2, 
936    colorSwatchesVisibility: 1
937  };
938</script>
938
939
940
941<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
942
943
944
945
946
947
948
949
950
951
952
953
954  
954<script async src="https://static.klaviyo.com/onsite/js/RxuWrY/klaviyo.js?company_id=RxuWrY"></script>
954
955  
955<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>
955
956
957  
958
959
960
961
962  
962<script>
963    window.klaviyoReviewsProductDesignMode = false
964  </script>
964
965
966
967
968  <!-- BEGIN app snippet: customer-hub-data -->
968<script>
969  if (!window.customerHub) {
970    window.customerHub = {};
971  }
972  window.customerHub.storefrontRoutes = {
973    login: "https://www.tristanstyle.com/customer_authentication/redirect?locale=en&region_country=CA?return_url=%2F%23k-hub",
974    register: "/account/register?return_url=%2F%23k-hub",
975    logout: "/account/logout",
976    profile: "/account",
977    addresses: "/account/addresses",
978  };
979  
980  window.customerHub.userId = null;
981  
982  window.customerHub.storeDomain = "tristandev.myshopify.com";
983
984  
985
986  
987    window.customerHub.storeLocale = {
988        currentLanguage: 'en',
989        currentCountry: 'CA',
990        availableLanguages: [
991          
992            {
993              iso_code: 'en',
994              endonym_name: 'English'
995            },
996          
997            {
998              iso_code: 'fr',
999              endonym_name: 'français'
1000            }
1001          
1002        ],
1003        availableCountries: [
1004          
1005            {
1006              iso_code: 'CA',
1007              name: 'Canada',
1008              currency_code: 'CAD'
1009            }
1010          
1011        ]
1012    };
1013  
1014</script>
1014
1015<!-- END app snippet -->
1016
1017
1018
1019
1020
1021
1022
1023<!-- END app block --><!-- BEGIN app block: shopify://apps/wishlist-hero/blocks/app-embed/a9a5079b-59e8-47cb-b659-ecf1c60b9b72 -->
1024
1025
1026<script type="text/javascript">
1027  
1028    window.wishlisthero_buttonProdPageClasses = [];
1029  
1030  
1031    window.wishlisthero_cartDotClasses = [];
1032  
1033</script>
1033
1034<!-- BEGIN app snippet: extraStyles -->
1035
1036<style>
1037  .wishlisthero-floating {
1038    position: absolute;
1039    top: 5px;
1040    z-index: 21;
1041    border-radius: 100%;
1042    width: fit-content;
1043    right: 5px;
1044    left: auto;
1045  }
1046  .wishlisthero-floating.wlh-left-btn {
1047    left: 5px !important;
1048    right: auto !important;
1049  }
1050  .wishlisthero-floating.wlh-right-btn {
1051    right: 5px !important;
1052    left: auto !important;
1053  }
1054  .wishlisthero-floating{
1055      
1056  }
1057  /* Disabled: this rule was invalid (trailing comma) and thus dead in ALL browsers until the
1058     selector was fixed. Re-enabling it changes floating-icon placement at >=1300px on themes
1059     with .product-item__link/.product-item__image--margins grid markup. Re-enable only after
1060     staging verification confirms the new placement is desired.
1061  @media(min-width:1300px) {
1062    .product-item__link.product-item__image--margins .wishlisthero-floating {
1063      
1064        left: 50% !important;
1065        margin-left: -295px;
1066      
1067    }
1068  }
1069  */
1070  
1071  
1072</style>
1073
1074
1075
1076
1077
1078
1079<!-- END app snippet -->
1080<!-- BEGIN app snippet: renderAssets -->
1081
1082
1083  <link rel="preload" href="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/default.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link href="//cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/default.css" rel="stylesheet" type="text/css" media="all" /></noscript>
1084  
1084<script defer src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/default.js"></script>
1084
1085
1086<!-- END app snippet -->
1087
1088
1089<script type="text/javascript">
1090  try{
1091    window.WishListHero_block_settings = window.WishListHero_block_settings || {};
1092    
1093    
1094    
1095      window.WishListHero_block_settings.customLoginUrl = "\/account\/login";
1096    
1097  }catch(e){ console.error('WLH block settings error', e); }
1098</script>
1098
1099
1100<script type="text/javascript">
1101  try{
1102  
1103    var scr_bdl_path = "https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js";
1104    window._wh_asset_path = scr_bdl_path.substring(0,scr_bdl_path.lastIndexOf("/")) + "/";
1105  
1106
1107  }catch(e){ console.log(e)}
1108  try{
1109
1110  
1111    window.WishListHero_setting = {"ButtonColor":"rgb(55, 69, 60)","IconColor":"rgba(255, 255, 255, 1)","IconType":"Heart","ButtonTextBeforeAdding":"Add to Wishlist","ButtonTextAfterAdding":"Added to Wishlist","AnimationAfterAddition":"Blink","ButtonTextAddToCart":"Add to Cart","ButtonTextAddAllToCart":"Add all to Cart","ButtonTextRemoveAllToCart":"Remove all from Wishlist","AddedProductNotificationText":"Product added to wishlist successfully","AddedProductToCartNotificationText":"Product added to cart successfully","ViewCartLinkText":"View Cart","SharePopup_TitleText":"Share My wishlist","SharePopup_shareBtnText":"Share","SharePopup_shareHederText":"Share on Social Networks","SharePopup_shareCopyText":"Or copy Wishlist link to share","SharePopup_shareCancelBtnText":"Cancel","SharePopup_shareCopyBtnText":"copy","SendEMailPopup_BtnText":"send email","SendEMailPopup_FromText":"From Name","SendEMailPopup_ToText":"To email","SendEMailPopup_BodyText":"Body","SendEMailPopup_SendBtnText":"send","SendEMailPopup_TitleText":"Send My Wislist via Email","AddProductMessageText":"Are you sure you want to add all items to cart ?","RemoveProductMessageText":"Are you sure you want to remove this item from your wishlist ?","RemoveAllProductMessageText":"Are you sure you want to remove all items from your wishlist ?","RemovedProductNotificationText":"Product removed from wishlist successfully","AddAllOutOfStockProductNotificationText":"There seems to have been an issue adding items to cart, please try again later","RemovePopupOkText":"Ok","RemovePopup_HeaderText":"are you sure?","ViewWishlistText":"View wishlist","EmptyWishlistText":"there are no items in this wishlist","BuyNowButtonText":"Buy Now","BuyNowButtonColor":"rgb(144, 86, 162)","BuyNowTextButtonColor":"rgb(255, 255, 255)","Wishlist_Title":"My Wishlist","WishlistHeaderTitleAlignment":"Right","WishlistProductImageSize":"Normal","PriceColor":"rgb(55, 69, 60)","HeaderFontSize":"30","PriceFontSize":"18","ProductNameFontSize":"16","LaunchPointType":"header_menu","DisplayWishlistAs":"popup_window","DisplayButtonAs":"text_with_icon","PopupSize":"md","HideAddToCartButton":false,"NoRedirectAfterAddToCart":false,"DisableGuestCustomer":false,"LoginPopupContent":"Please login to save your wishlist across devices.","LoginPopupLoginBtnText":"Login","LoginPopupContentFontSize":"20","NotificationPopupPosition":"center","WishlistButtonTextColor":"rgba(255, 255, 255, 1)","EnableRemoveFromWishlistAfterAddButtonText":"Remove from Wishlist","_id":"5fda82317013b84a00ce73fd","EnableCollection":false,"EnableShare":true,"RemovePowerBy":true,"EnableFBPixel":false,"DisapleApp":false,"FloatPointPossition":"bottom_right","HeartStateToggle":true,"HeaderMenuItemsIndicator":true,"EnableRemoveFromWishlistAfterAdd":true,"ButtonTextOutOfStock":"OUT OF STOCK","IconTypeNum":"1","SendEMailPopup_SendNotificationText":"email sent successfully","SharePopup_shareCopiedText":"Copied","ThrdParty_Trans_active":true,"Shop":"tristandev.myshopify.com","shop":"tristandev.myshopify.com","Status":"Active","Plan":"PLATINUM"};
1112    if(typeof(window.WishListHero_setting_theme_override) != "undefined"){
1113                                                                                window.WishListHero_setting = {
1114                                                                                    ...window.WishListHero_setting,
1115                                                                                    ...window.WishListHero_setting_theme_override
1116                                                                                };
1117                                                                            }
1118                                                                            // Done
1119
1120  
1121
1122  
1123  
1124    if(window.WishListHero_setting){
1125    window.WishListHero_setting.customLoginUrl = "\/account\/login";
1126    }
1127  
1128
1129  }catch(e){ console.error('Error loading config',e); }
1130</script>
1130
1131
1132
1133
1134
1135  
1135<script src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js" defer></script>
1135
1136
1137
1138
1139
1140<!-- BEGIN app snippet: TransArray -->
1141<script>
1142  window.WLH_reload_translations = function() {
1143    let _wlh_res = {};
1144    if (window.WishListHero_setting && window.WishListHero_setting['ThrdParty_Trans_active']) {
1145
1146      
1147        
1148
1149        window.WishListHero_setting["ButtonTextBeforeAdding"] = "Add to Wishlist";
1150        _wlh_res["ButtonTextBeforeAdding"] = "Add to Wishlist";
1151        
1152
1153        window.WishListHero_setting["ButtonTextAfterAdding"] = "Added to Wishlist";
1154        _wlh_res["ButtonTextAfterAdding"] = "Added to Wishlist";
1155        
1156
1157        window.WishListHero_setting["ButtonTextAddToCart"] = "Add to Cart";
1158        _wlh_res["ButtonTextAddToCart"] = "Add to Cart";
1159        
1160
1161        window.WishListHero_setting["ButtonTextOutOfStock"] = "OUT OF STOCK";
1162        _wlh_res["ButtonTextOutOfStock"] = "OUT OF STOCK";
1163        
1164
1165        window.WishListHero_setting["ButtonTextAddAllToCart"] = "Add all to Cart";
1166        _wlh_res["ButtonTextAddAllToCart"] = "Add all to Cart";
1167        
1168
1169        window.WishListHero_setting["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist";
1170        _wlh_res["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist";
1171        
1172
1173        window.WishListHero_setting["AddedProductNotificationText"] = "Product added to wishlist successfully";
1174        _wlh_res["AddedProductNotificationText"] = "Product added to wishlist successfully";
1175        
1176
1177        window.WishListHero_setting["AddedProductToCartNotificationText"] = "Product added to cart successfully";
1178        _wlh_res["AddedProductToCartNotificationText"] = "Product added to cart successfully";
1179        
1180
1181        window.WishListHero_setting["ViewCartLinkText"] = "View Cart";
1182        _wlh_res["ViewCartLinkText"] = "View Cart";
1183        
1184
1185        window.WishListHero_setting["SharePopup_TitleText"] = "Share My wishlist";
1186        _wlh_res["SharePopup_TitleText"] = "Share My wishlist";
1187        
1188
1189        window.WishListHero_setting["SharePopup_shareBtnText"] = "Share";
1190        _wlh_res["SharePopup_shareBtnText"] = "Share";
1191        
1192
1193        window.WishListHero_setting["SharePopup_shareHederText"] = "Share on Social Networks";
1194        _wlh_res["SharePopup_shareHederText"] = "Share on Social Networks";
1195        
1196
1197        window.WishListHero_setting["SharePopup_shareCopyText"] = "Or copy Wishlist link to share";
1198        _wlh_res["SharePopup_shareCopyText"] = "Or copy Wishlist link to share";
1199        
1200
1201        window.WishListHero_setting["SharePopup_shareCancelBtnText"] = "Cancel";
1202        _wlh_res["SharePopup_shareCancelBtnText"] = "Cancel";
1203        
1204
1205        window.WishListHero_setting["SharePopup_shareCopyBtnText"] = "copy";
1206        _wlh_res["SharePopup_shareCopyBtnText"] = "copy";
1207        
1208
1209        window.WishListHero_setting["SendEMailPopup_BtnText"] = "send email";
1210        _wlh_res["SendEMailPopup_BtnText"] = "send email";
1211        
1212
1213        window.WishListHero_setting["SendEMailPopup_FromText"] = "From Name";
1214        _wlh_res["SendEMailPopup_FromText"] = "From Name";
1215        
1216
1217        window.WishListHero_setting["SendEMailPopup_ToText"] = "To email";
1218        _wlh_res["SendEMailPopup_ToText"] = "To email";
1219        
1220
1221        window.WishListHero_setting["SendEMailPopup_BodyText"] = "Body";
1222        _wlh_res["SendEMailPopup_BodyText"] = "Body";
1223        
1224
1225        window.WishListHero_setting["SendEMailPopup_SendBtnText"] = "send";
1226        _wlh_res["SendEMailPopup_SendBtnText"] = "send";
1227        
1228
1229        window.WishListHero_setting["SendEMailPopup_SendNotificationText"] = "email sent successfully";
1230        _wlh_res["SendEMailPopup_SendNotificationText"] = "email sent successfully";
1231        
1232
1233        window.WishListHero_setting["SendEMailPopup_TitleText"] = "Send My Wislist via Email";
1234        _wlh_res["SendEMailPopup_TitleText"] = "Send My Wislist via Email";
1235        
1236
1237        window.WishListHero_setting["AddProductMessageText"] = "Are you sure you want to add all items to cart ?";
1238        _wlh_res["AddProductMessageText"] = "Are you sure you want to add all items to cart ?";
1239        
1240
1241        window.WishListHero_setting["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?";
1242        _wlh_res["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?";
1243        
1244
1245        window.WishListHero_setting["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?";
1246        _wlh_res["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?";
1247        
1248
1249        window.WishListHero_setting["RemovedProductNotificationText"] = "Product removed from wishlist successfully";
1250        _wlh_res["RemovedProductNotificationText"] = "Product removed from wishlist successfully";
1251        
1252
1253        window.WishListHero_setting["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later";
1254        _wlh_res["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later";
1255        
1256
1257        window.WishListHero_setting["RemovePopupOkText"] = "Ok";
1258        _wlh_res["RemovePopupOkText"] = "Ok";
1259        
1260
1261        window.WishListHero_setting["RemovePopup_HeaderText"] = "are you sure?";
1262        _wlh_res["RemovePopup_HeaderText"] = "are you sure?";
1263        
1264
1265        window.WishListHero_setting["ViewWishlistText"] = "View wishlist";
1266        _wlh_res["ViewWishlistText"] = "View wishlist";
1267        
1268
1269        window.WishListHero_setting["EmptyWishlistText"] = "there are no items in this wishlist";
1270        _wlh_res["EmptyWishlistText"] = "there are no items in this wishlist";
1271        
1272
1273        window.WishListHero_setting["BuyNowButtonText"] = "Buy Now";
1274        _wlh_res["BuyNowButtonText"] = "Buy Now";
1275        
1276
1277        window.WishListHero_setting["Wishlist_Title"] = "My Wishlist";
1278        _wlh_res["Wishlist_Title"] = "My Wishlist";
1279        
1280
1281        window.WishListHero_setting["LoginPopupContent"] = "Please login to save your wishlist across devices.";
1282        _wlh_res["LoginPopupContent"] = "Please login to save your wishlist across devices.";
1283        
1284
1285        window.WishListHero_setting["LoginPopupLoginBtnText"] = "Login";
1286        _wlh_res["LoginPopupLoginBtnText"] = "Login";
1287        
1288
1289        window.WishListHero_setting["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist";
1290        _wlh_res["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist";
1291        
1292
1293        window.WishListHero_setting["LowStockEmailSubject"] = "Low stock on items in your wishlist!";
1294        _wlh_res["LowStockEmailSubject"] = "Low stock on items in your wishlist!";
1295        
1296
1297        window.WishListHero_setting["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!";
1298        _wlh_res["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!";
1299        
1300
1301        window.WishListHero_setting["SharePopup_shareCopiedText"] = "Copied";
1302        _wlh_res["SharePopup_shareCopiedText"] = "Copied";
1303    }
1304    return _wlh_res;
1305  }
1306  window.WLH_reload_translations();
1307</script>
1307<!-- END app snippet -->
1308
1309<!-- END app block --><!-- BEGIN app block: shopify://apps/crazy-egg/blocks/app-embed/7ea73823-6ad9-4252-a63e-088397d54aed -->
1310  
1310<script async src="https://script.crazyegg.com/pages/scripts/0129/4144.js"></script>
1310
1311
1312
1313
1314<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327    
1328        <style type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.8dfe73f0.css"></style><style type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.86dbf7f0.css"></style><style type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-summary.6e5d08a6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,div.okeReviews img{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}
1328.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
1328or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
1328to{opacity:1}}
1329.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}
1330.oke-rs{display:block}.oke-rs .oke-reviewsSummary-heading{position:relative}.oke-rs .oke-reviewsSummary-heading-skeleton{background:#e5e5eb;border-radius:4px;height:85%;left:0;max-width:150px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}.oke-rs .oke-reviewsSummary-heading-skeleton:after{animation:shimmer .8s linear infinite;background:linear-gradient(90deg,#e5e5eb,#f7f7f8 50%,#e5e5eb);background-repeat:no-repeat;background-size:250px 100%;content:"";display:block;height:100%;position:absolute;width:100%;top:0;left:0}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-heading-text{opacity:0}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{background-color:#fff;color:#272d45;border:1px solid #dbdde4;border-radius:2px;width:16px;height:16px;line-height:1.2}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{font-size:14px;margin:auto;transform:translateY(-1px);width:10.5px}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
1331    
1332    
1332<script type="application/json" id="oke-reviews-settings">{"subscriberId":"8a8d4d87-34d3-4927-9071-62f8859bb684","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":false,"provider":"none"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":true,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"recorderPlusEnabled":true,"stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","interspace":2,"showBorder":false}},"homepageCarousel":{"defaultSort":"rating desc","scrollBehaviour":"slide","slidesPerPage":{"large":3,"medium":2},"style":{"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":true},"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"highlightColor":"#0E7A82","layout":{"name":"default","reviewDetailsPosition":"below","showAttributeBars":false,"showProductDetails":"only-when-grouped","showProductName":false},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"productImageSize":{"value":48,"unit":"px"},"showDates":true,"spaceAbove":{"value":20,"unit":"px"},"spaceBelow":{"value":20,"unit":"px"},"stars":{"height":{"value":18,"unit":"px"},"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000"}},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"}},"totalSlides":12,"truncation":{"bodyMaxLines":4,"enabled":true,"truncateAll":false}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","height":{"value":12,"unit":"px"}},"autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"infiniteScroll":false,"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"linkText":"Read More","stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","height":{"value":12,"unit":"px"}},"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"colorScheme":"dark","layout":"large","stars":{"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000"}}},"reviewsTab":{"enabled":false},"reviewsWidget":{"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"one-line"},{"name":"rating-breakdown","backgroundColor":"#F4F4F6","shadingColor":"#000000","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"recommended"},{"name":"attributes","layout":"stacked","stretchMode":"stretch"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"media-grid","imageGap":{"value":4,"unit":"px"},"scaleToFill":true,"rows":3,"columns":5}],"textAlignment":"left"}]},"reviews":{"controls":{"filterMode":"closed","defaultSort":"has_media desc","writeReviewButtonEnabled":true},"list":{"initialPageSize":5,"layout":{"borderStyle":"full","collapseReviewerDetails":false,"name":"default","showAttributeBars":true,"showProductDetails":"only-when-grouped"},"loadMorePageSize":5,"media":{"layout":"featured","size":{"value":200,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true}}},"showWhenEmpty":true,"style":{"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#000000","markerColor":"#000000"},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":true},"border":{"color":"#000000","width":{"value":1,"unit":"px"}},"button":{"backgroundColorActive":"#FFFFFF","borderColorHover":"#000000","backgroundColor":"#000000","borderColor":"#000000","backgroundColorHover":"#FFFFFF","textColorHover":"#000000","borderRadius":{"value":70,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#000000","textColorActive":"#000000","textColor":"#FFFFFF"},"filters":{"backgroundColorActive":"#000000","backgroundColor":"#FFFFFF","borderColor":"#000000","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#000000","textColorActive":"#FFFFFF","textColor":"#000000"},"highlightColor":"#000000","productImageSize":{"value":48,"unit":"px"},"shadingColor":"#F7F7F8","showDates":true,"spaceAbove":{"value":20,"unit":"px"},"spaceBelow":{"value":20,"unit":"px"},"stars":{"height":{"value":18,"unit":"px"},"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000"}},"text":{"primaryColor":"#000000","fontSizeRegular":{"value":12,"unit":"px"},"fontSizeLarge":{"value":18,"unit":"px"},"fontSizeSmall":{"value":10,"unit":"px"},"secondaryColor":"#000000"}},"tabs":{"reviews":true,"questions":true}},"starRatings":{"clickBehavior":"scroll-to-widget","showWhenEmpty":false,"style":{"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000"},"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-and-text","brackets":false},"height":{"value":18,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}}}},"features":{"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true}}</script>
1332
1333            <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#000;--oke-button-backgroundColorHover:#fff;--oke-button-backgroundColorActive:#fff;--oke-button-textColor:#fff;--oke-button-textColorHover:#000;--oke-button-textColorActive:#000;--oke-button-borderColor:#000;--oke-button-borderColorHover:#000;--oke-button-borderColorActive:#000;--oke-button-borderRadius:70px;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#000;--oke-border-width:1px;--oke-text-primaryColor:#000;--oke-text-secondaryColor:#000;--oke-text-small:10px;--oke-text-regular:12px;--oke-text-large:18px;--oke-text-fontFamily:inherit;--oke-avatar-size:48px;--oke-avatar-backgroundColor:#e5e5eb;--oke-avatar-placeholderTextColor:#2c3e50;--oke-highlightColor:#000;--oke-shadingColor:#f7f7f8;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#000;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#000;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#000;--oke-filter-borderColor:#000;--oke-filter-borderColorActive:#000;--oke-filter-textColor:#000;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:undefined;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#ffcf2a;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-reviewCarousel{--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-sr{--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style>
1334            <style id="oke-reviews-custom-css">.ProductItem .okeReviews.oke-sr{margin-bottom:5px}.ProductMeta .okeReviews.oke-sr{margin-top:7px}[data-oke-widget][data-oke-reviews-product-id]{padding-left:15px;padding-right:15px}.okeReviews.oke-w .oke-reviewContent-body p,.okeReviews .oke-modal .oke-reviewContent-body p{letter-spacing:.02em;line-height:18px}.okeReviews.oke-w .oke-w-reviews .oke-reviewContent-title,.okeReviews .oke-modal .oke-reviewContent-title{letter-spacing:.02em;line-height:calc(27 / 22);font-size:1.25em;font-weight:400}.okeReviews.oke-w .oke-w-reviews-head{align-items:flex-start}.okeReviews.oke-w .oke-button{font-size:14px;letter-spacing:.5px;font-weight:400}.okeReviews.oke-w .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:none;text-decoration:underline}.okeReviews.oke-w .oke-w-reviews-filterToggle{display:flex;align-items:center;transition:.45s cubic-bezier(0.785,0.135,0.15,0.86)}.okeReviews.oke-w .oke-w-reviews-filterToggle .oke-icon{margin-right:.3em}.okeReviews.oke-w .oke-w-reviews-filterToggle .oke-icon:before{color:inherit;font-size:inherit}.okeReviews.oke-w .oke-button.oke-w-writeReview{background-color:transparent;overflow:hidden;position:relative;z-index:1}.okeReviews.oke-w .oke-button.oke-w-writeReview:after{position:absolute;content:"";display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;transform:scale(1);transform-origin:left center;z-index:-1;transition:transform .45s cubic-bezier(0.785,0.135,0.15,0.86);background-color:#000}.okeReviews.oke-w .oke-button.oke-w-writeReview:hover:after{transform-origin:right center;transform:scaleX(0)}@media screen and (max-width:340px){.okeReviews.oke-w .oke-is-small .oke-button{padding-left:16px;padding-right:16px}}</style>
1335            <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
1335<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349<!-- END app snippet -->
1350
1351<!-- BEGIN app snippet: widget-plus-initialisation-script -->
1352
1353
1354
1355
1356    
1356<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
1356
1357
1358<!-- END app snippet -->
1359
1360
1361<!-- END app block --><!-- BEGIN app block: shopify://apps/gift-card-hero-all-in-one/blocks/app-embed/57babc6a-ae2b-46cf-b565-dd8395b0276b --><!-- BEGIN app snippet: gift-hero-snippet -->
1362
1363<script async>
1364  (function() {
1365    window.ScCommon = {
1366      shop: {
1367        moneyFormat: window?.GiftCardHeroCustom?.moneyFormat || '${{amount}}',
1368        customer: null,
1369      },
1370    };
1371    
1372      window.GiftCardHero = {
1373        common: {
1374          translations: {
1375            preview: 'Preview',
1376            mycards: 'My Gift Cards',
1377            account: 'Account',
1378            details: 'Details',
1379            noRegisteredCards: 'No registered gift cards',
1380            checkBalance: 'Check the balance',
1381            customAmount: 'Custom',
1382            giftCard: 'Gift card',
1383            expiresOn: 'Expires on {{ expiry }}',
1384          },
1385        },
1386        shop: {
1387          items: [],
1388          currency: 'CAD',
1389          mainCurrency: 'CAD',
1390        },
1391        balance: {
1392          design: {"checkerBtnBg":"#8533fc","checkerBtnColor":"#ffffff","checkerModalBorderRadius":30,"checkerButtonBorderRadius":36,"checkerModalBg":"#ffffff","bubbleBg":"#ffce33","bubbleColor":"#0D0D2A","bubbleBorderRadius":5,"textColor":"#000000","inputBg":"#ffffff","inputBorderRadius":13,"inputBorderColor":"#acacac","inputColor":"#000000","submitBg":"#000000","submitBorder":"#000000","submitBorderRadius":11,"submitColor":"#ffffff","findBtnBg":"#4e63df","findBtnBorder":"#4e63df","findBtnColor":"#ffffff","fintBtnRadius":6,"progressBg":"#d5dae3","progressRadius":10,"applyBg":"#D4D8EF","applyColor":"#242445","applyRadius":6},
1393          translations: {
1394            'en': {"checkerBtnText":"GIFT CARD BALANCE CHECK","inputLabel":"GIFT CARD BALANCE CHECK","submitLabel":"Check","placeholder":"Redeem or check balance of gift cards","more":"","cartSubotal":"Cart subtotal: ","usedBalance":"Applied balance:","unusedBalance":"Unapplied balance: ","cardBalance":"Gift card balance","apply":"Apply balance to a cart"} || {"checkerBtnText":"GIFT CARD BALANCE CHECK","inputLabel":"GIFT CARD BALANCE CHECK","submitLabel":"Check","placeholder":"Redeem or check balance of gift cards","more":"","cartSubotal":"Cart subtotal: ","usedBalance":"Applied balance:","unusedBalance":"Unapplied balance: ","cardBalance":"Gift card balance","apply":"Apply balance to a cart"},
1395          },
1396        },
1397        settings: {"balance":{"enabled":false,"recommendProducts":true,"showProgressCart":true,"showBubble":true,"showProgressTime":"4","allowApply":true,"showProgress":true,"allowMultiple":true,"showWidget":"5","title":"Gift card balance check","beforeText":"\u003cp\u003eNot sure how much let on your gift card? Enter you gift card number in the input field below in order to check your gift card balance.\u003c\/p\u003e","afterText":"\u003ch3\u003e\u003cstrong\u003eAdditional information\u003c\/strong\u003e\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eYou may apply your gift card at a checkout page.\u003c\/li\u003e\u003cli\u003eYou may use your gift card multiple times if your gift card has a remaining balance.\u003c\/li\u003e\u003cli\u003eYou may apply multiple gift cards at a checkout page.\u003c\/li\u003e\u003cli\u003eYou can't use a gift card to buy another gift card.\u003c\/li\u003e\u003c\/ul\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","version":"v2"}},
1398        isGiftProduct: false,
1399        productId: null,
1400        img: '',
1401        options: null,
1402        hideMyGiftcards: false,
1403        giftcards: false,
1404      };
1405    
1406    
1407  })();
1408</script>
1408
1409
1410
1411<!-- END app snippet -->
1412
1413
1414
1415
1416
1417
1418  
1419  
1419<script
1420    src="https://cdn.shopify.com/extensions/01a0a602-51d8-707b-8871-48a2233480d8/gift-card-hero-523/assets/storefront.min.js"
1421    defer
1422    data-cmp-ignore
1423    data-cmp-ab="2"
1424    data-cookieconsent="ignore"></script>
1424
1425  
1426
1427
1428
1429
1430
1431<!-- END app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/Tristan-social-sharing.jpg?v=1731959601" />
1432<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/Tristan-social-sharing.jpg?v=1731959601" />
1433<meta property="og:image:width" content="1200" />
1434<meta property="og:image:height" content="628" />
1435<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1436<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: 43424874658,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 1436
1436
1437<script>
1438  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1439</script>
vendor: 1 bytes, line 1439
1439
1440<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}
1440).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: 43424874658,storefrontBaseUrl: "https://www.tristanstyle.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.tristanstyle.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1371635874","configuration":"{\"accountID\":\"RxuWrY\",\"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":"961183906","configuration":"{\"pixel_id\":\"964254650317590\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"958857378","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-973934731\\\",\\\"GT-K8F8RT8V\\\"],\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-973934731\\\/yVYVCK3H4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-973934731\\\/l2zKCLnH4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/yEr-CLbH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/fs5SCKrH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/gRt2CLPH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-973934731\\\/QqghCLzH4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-973934731\\\/W4TUCLDH4M4aEIuhtNAD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"701825186","configuration":"{\"searchAppKey\":\"none\",\"searchPlacementId\":\"none\",\"recommendationAppKey\":\"23def49973a61a77226c757d40a82c57\",\"recommendationPlacementId\":\"6885\",\"msAppKey\":\"c732cde17e7b405784d23b5ffbb1b0f2\",\"msPlacementId\":\"6888\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c0d7d2fa68cacffd763f57364feb0b50","type":"APP","apiClientId":5449643,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"693272738","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"7f31c86c-46fa-4d54-9ed5-32d61ea9d34c\",\"projectId\":\"6439dc03-b3f2-4a8b-9b4b-74891e5b9981\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]}
1440,"dataSharingState":"unrestricted"},{"id":"983202","configuration":"{\"siteId\":\"e14099dd\",\"environment\":\"production\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c66f5762e80601f1bfc6799b894f5761","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"41189538","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"28","type":"CUSTOM","privacyPurposes":[],"name":"DataLayer All Page(Cookie inc)"},{"id":"146440354","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Microsoft Clarity"},{"id":"149127330","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Addingwell checkout"},{"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":"TRISTAN","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"tristandev.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/www.tristanstyle.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9290422878370","handle":"fluid-straight-blazer-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47485439738018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9290421764258","handle":"fluid-jeans-with-elastic-waist","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47485431447714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9301728198818","handle":"merino-wool-v-neck-sweater-5","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47527222247586","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9301728657570","handle":"straight-leg-pant-with-elastic-waist","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47527227621538","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8537624445090","handle":"00-giftcard","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45065262563490","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.tristanstyle.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"149359067298","themePublished":"true","eventMetadataId":"ece3df12-6ecf-4122-90ab-e8ae543590fd","pageType":"page","resourceId":"71484997794","shopId":"43424874658","storefrontBaseUrl":"https:\/\/www.tristanstyle.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1440<script>
1441  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1442  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1443  window.ShopifyAnalytics.meta.currency = 'CAD';
1444  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":71484997794,"requestId":"3ae6bb4f-a6ac-4d32-8194-02b11f5ef50d-1790379570"}};
1445  for (var attr in meta) {
1446    window.ShopifyAnalytics.meta[attr] = meta[attr];
1447  }
1448</script>
vendor: 1 bytes, line 1448
1448
1449<script class="analytics">
1450  (function () {
1451    var customDocumentWrite = function(content) {
1452      var jquery = null;
1453
1454      if (window.jQuery) {
1455        jquery = window.jQuery;
1456      } else if (window.Checkout && window.Checkout.$) {
1457        jquery = window.Checkout.$;
1458      }
1459
1460      if (jquery) {
1461        jquery('body').append(content);
1462      }
1463    };
1464
1465    var hasLoggedConversion = function(token) {
1466      if (token) {
1467        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1468      }
1469      return false;
1470    }
1471
1472    var setCookieIfConversion = function(token) {
1473      if (token) {
1474        var twoMonthsFromNow = new Date(Date.now());
1475        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1476
1477        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1478      }
1479    }
1480
1481    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1482    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1483    if (trekkie.integrations) {
1484      return;
1485    }
1486    trekkie.methods = [
1487      'identify',
1488      'page',
1489      'ready',
1490      'track',
1491      'trackForm',
1492      'trackLink'
1493    ];
1494    trekkie.factory = function(method) {
1495      return function() {
1496        var args = Array.prototype.slice.call(arguments);
1497        args.unshift(method);
1498        trekkie.push(args);
1499        if (method == 'track' || method == 'page') {
1500          var pageUrl;
1501          try {
1502            pageUrl = window.location.href;
1503          } catch (e) {}
1504          var pageReferrer;
1505          try {
1506            pageReferrer = document.referrer;
1507          } catch (e) {}
1508          try {
1509            if (window.__TREKKIE_SHIM_QUEUE == null) {
1510              window.__TREKKIE_SHIM_QUEUE = [];
1511            }
1512            window.__TREKKIE_SHIM_QUEUE.push({
1513              from: 'trekkie-stub',
1514              method: method,
1515              args: args.slice(1),
1516              pageContext: {
1517                url: pageUrl,
1518                referrer: pageReferrer
1519              }
1520            });
1521          } catch (e) {
1522            // no-op
1523          }
1524        }
1525        return trekkie;
1526      };
1527    };
1528    for (var i = 0; i < trekkie.methods.length; i++) {
1529      var key = trekkie.methods[i];
1530      trekkie[key] = trekkie.factory(key);
1531    }
1532    trekkie.load = function(config) {
1533      trekkie.config = config || {};
1534      trekkie.config.initialDocumentCookie = document.cookie;
1535      var first = document.getElementsByTagName('script')[0];
1536var script = document.createElement('script');
1537script.type = 'text/javascript';
1538script.onerror = function(e) {
1539  var scriptFallback = document.createElement('script');
1540  scriptFallback.type = 'text/javascript';
1541  scriptFallback.onerror = function(error) {
1542          var Monorail = {
1543      produce: function produce(monorailDomain, schemaId, payload) {
1544        var currentMs = new Date().getTime();
1545        var event = {
1546          schema_id: schemaId,
1547          payload: payload,
1548          metadata: {
1549            event_created_at_ms: currentMs,
1550            event_sent_at_ms: currentMs
1551          }
1552        };
1553        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1554      },
1555      sendRequest: function sendRequest(endpointUrl, payload) {
1556        // Try the sendBeacon API
1557        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1558          var blobData = new window.Blob([payload], {
1559            type: 'text/plain'
1560          });
1561
1562          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1563            return true;
1564          } // sendBeacon was not successful
1565
1566        } // XHR beacon
1567
1568        var xhr = new XMLHttpRequest();
1569
1570        try {
1571          xhr.open('POST', endpointUrl);
1572          xhr.setRequestHeader('Content-Type', 'text/plain');
1573          xhr.send(payload);
1574        } catch (e) {
1575          console.log(e);
1576        }
1577
1578        return false;
1579      },
1580      isIos12: function isIos12() {
1581        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1582      }
1583    };
1584    Monorail.produce('monorail-edge.shopifysvc.com',
1585      'trekkie_storefront_load_errors/1.1',
1586      {shop_id: 43424874658,
1587      theme_id: 149359067298,
1588      app_name: "storefront",
1589      context_url: window.location.href,
1590      source_url: "//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1591
1592  };
1593  scriptFallback.async = true;
1594  scriptFallback.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1595  first.parentNode.insertBefore(scriptFallback, first);
1596};
1597script.async = true;
1598script.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1599first.parentNode.insertBefore(script, first);
1600
1601    };
1602    trekkie.load(
1603      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":43424874658,"isMerchantRequest":null,"themeId":149359067298,"themeCityHash":"17552994520026119049","contentLanguage":"en","currency":"CAD","eventMetadataId":"ece3df12-6ecf-4122-90ab-e8ae543590fd"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1604    );
1605
1606    var loaded = false;
1607    trekkie.ready(function() {
1608      if (loaded) return;
1609      loaded = true;
1610
1611      window.ShopifyAnalytics.lib = window.trekkie;
1612
1613      var originalDocumentWrite = document.write;
1614      document.write = customDocumentWrite;
1615      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1616      document.write = originalDocumentWrite;
1617
1618      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1619      var token = match? match[1]: undefined;
1620      if (!hasLoggedConversion(token)) {
1621        setCookieIfConversion(token);
1622        
1623      }
1624    });
1625
1626    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":71484997794,"requestId":"3ae6bb4f-a6ac-4d32-8194-02b11f5ef50d-1790379570","shopifyEmitted":true});
1627
1628    var eventsListenerScript = document.createElement('script');
1629    eventsListenerScript.async = true;
1630    eventsListenerScript.src = "//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1631    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1632})();</script>
1632
1633  
1633<script>
1634  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1635    window.ga = function ga() {
1636      (window.ga.q = window.ga.q || []).push(arguments);
1637      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1638        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1639      }
1640      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.");
1641    };
1642    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1643      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1644    }
1645  }
1646</script>
vendor: 1 bytes, line 1646
1646
1647<script
1648  defer
1649  src="https://www.tristanstyle.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1650  data-application="storefront-renderer"
1651  data-shop-id="43424874658"
1652  data-render-region="gcp-us-central1"
1653  data-page-type="page"
1654  data-theme-instance-id="149359067298"
1655  data-theme-name="Tristan x Signifly"
1656  data-theme-version="1.0"
1657  data-monorail-region="shop_domain"
1658  data-resource-timing-sampling-rate="10"
1659  data-shs="true"
1660  data-shs-beacon="true"
1661  data-shs-export-with-fetch="true"
1662  data-shs-logs-sample-rate="1"
1663  data-shs-beacon-endpoint="https://www.tristanstyle.com/api/collect"
1664></script>
1664
1665<meta name="shopify-y" content="ae3638bd-daf6-4343-bf9b-c814d8462e92" data-expiration="1821937170000"><meta name="shopify-s" content="a966eb8e-3ec1-4e4a-b076-74df24f92a5d" data-expiration="1790381370000"><meta name="new-cookie-storage-activated" content="t">
1666</head>
1667
1668  <body class='relative'>
1669    
1669<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/app.js?v=10907088656931206621785791530' defer></script>
1669
1670    <div
1671      data-mega-menu-overlay
1672      class='absolute left-0 z-10 hidden h-full w-screen bg-tristan-dark opacity-25'
1673    ></div>
1674    <div
1675      data-filter-overlay
1676      class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1677    ></div><div id="shopify-section-size-guide" class="shopify-section">
1678<div data-component='sizeGuide'>
1679  <div
1680    data-size-guide-overlay
1681    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1682  ></div>
1683  <div
1684    data-size-guide-section
1685    class='fixed right-0 top-0 z-[100] flex h-screen w-full max-w-[500px] translate-x-full flex-col justify-center bg-tristan-white px-6 py-3 text-tristan-dark transition-all duration-500 ease-in-out md:max-w-[750px] '
1686  >
1687    <div>
1688      <button
1689        data-size-guide-close
1690        class='absolute right-4 top-4 flex w-full items-center justify-end'
1691      >
1692        
1693    <svg
1694      
1695      width='15'
1696      height='15'
1697      viewBox='0 0 15 15'
1698      class=''
1699      fill='none'
1700      xmlns='http://www.w3.org/2000/svg'
1701    >
1702      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
1703    </svg>
1704
1705  
1706      </button>
1707    </div>
1708    <div class='flex flex-col items-start justify-center'>
1709      <h3 class='pb-5 text-2xl'>Men's Size Chart</h3>
1710      <div class='h-full w-full overflow-hidden pb-5'>
1711        <div class='data-size-guide-wrapper h-full w-full'>
1712          
1713            <a
1714              data-pswp-width='11600'
1715              data-pswp-height='8150'
1716              href='//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=2000'
1717              class='cursor-zoom-in'
1718            >
1719              <img src="//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&amp;width=1000" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&amp;width=1000 1000w" width="1000" height="703">
1720            </a>
1721          
1722          <p class='flex items-center justify-center pt-4'>Click on the image to zoom in</p>
1723        </div>
1724      </div>
1725    </div>
1726  </div>
1727</div>
1728
1729
1730</div><div id="shopify-section-tristfit" class="shopify-section"><div
1731  data-component='tristfit'
1732  data-product-style=''
1733  data-suggest-size='Suggested size: '
1734>
1735  <div
1736    data-tristfit-overlay
1737    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1738  ></div>
1739  <div
1740    data-tristfit-section
1741    class='fixed right-0 top-0 z-[100] flex h-full w-full max-w-[360px] translate-x-full flex-col justify-start  bg-tristan-white p-6 pt-10 text-tristan-dark transition-all duration-500 ease-in-out md:max-w-[500px]'
1742  >
1743    <button
1744      data-tristfit-close
1745      class='absolute right-4 top-4 flex w-full items-center justify-end'
1746    >
1747      
1748    <svg
1749      
1750      width='15'
1751      height='15'
1752      viewBox='0 0 15 15'
1753      class=''
1754      fill='none'
1755      xmlns='http://www.w3.org/2000/svg'
1756    >
1757      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
1758    </svg>
1759
1760  
1761    </button>
1762
1763    <div>
1764      <div class='flex flex-row items-center justify-center gap-4  py-4'>
1765        <div>
1766          <h3 class='pb-5 text-2xl'>Interactive Size Scanner</h3>
1767          <p class='main-title-container__subtitle2'>
1768            Fill out this form and we will suggest your perfect <b>TRISTAN</b> size
1769          </p>
1770        </div>
1771        <div class='flex items-center justify-end gap-1 text-xs'>
1772          <br>
1773          <span id='unit-in'>IN</span>
1774          <div class='switch-container'>
1775            <label class='switch'
1776              ><input
1777                type='checkbox'
1778                data-checkbox-unit
1779                id='main-unit'
1780                class='absolute h-0 w-0 opacity-0'
1781              >
1782              <div></div>
1783            </label>
1784          </div>
1785          <span id='unit-cm' style='color: rgba(0,0,0,0.3)'>CM</span>
1786        </div>
1787      </div>
1788    </div>
1789
1790    <div class='overflow-y-auto'>
1791      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1792        <div class='flex w-[200px] flex-row gap-2'>
1793          <span>
1794    <svg
1795      
1796      class=''
1797      width='21'
1798      height='20'
1799      viewBox='0 0 21 20'
1800      fill='none'
1801      xmlns='http://www.w3.org/2000/svg'
1802    >
1803      <path d="M7.87465 0.000488281H0.624968C0.27979 0.000488281 0 0.280279 0 0.625457V19.3745C0 19.7197 0.27979 19.9995 0.624968 19.9995H7.87465C8.21983 19.9995 8.49962 19.7197 8.49962 19.3745V0.625457C8.49962 0.280279 8.21979 0.000488281 7.87465 0.000488281ZM7.24968 18.7495H1.24994V16.8746H4.37478V15.6247H1.24994V13.7498H3.12484V12.4999H1.24994V10.6249H4.37478V9.37501H1.24994V7.50011H3.12484V6.25017H1.24994V4.37527H4.37478V3.12533H1.24994V1.25042H7.24968V18.7495Z" fill="currentColor"/>
1804      <path d="M19.1876 15.8122L17.1252 17.8684V2.13165L19.1813 4.1878L20.0625 3.30659L16.9377 0.181749C16.6939 -0.0605829 16.3003 -0.0605829 16.0565 0.181749L12.9316 3.30659L13.8128 4.1878L15.8752 2.13165V17.8684L13.8191 15.8122L12.9379 16.6934L16.0627 19.8183C16.3065 20.0606 16.7002 20.0606 16.9439 19.8183L20.0688 16.6934L19.1876 15.8122Z" fill="currentColor"/>
1805    </svg>
1806
1807  </span>
1808          <div>Height</div>
1809        </div>
1810        <div data-tristfit-imperial class='flex flex-wrap justify-end text-xs'>
1811          <div>
1812            <input
1813              type='number'
1814              size='4'
1815              data-tristfit-height-ft
1816              name='tristfit-height-ft'
1817              id='tristfit-height-ft'
1818              required=''
1819              class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1820              min='0'
1821            >
1822            <span>ft</span>
1823          </div>
1824          <div>
1825            <input
1826              size='4'
1827              type='number'
1828              name='tristfit-height-in'
1829              id='tristfit-height-in'
1830              data-tristfit-height-in
1831              required=''
1832              class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1833              min='0'
1834            >
1835            <span>in</span>
1836          </div>
1837        </div>
1838        <div data-tristfit-metric class='hidden text-xs'>
1839          <input
1840            type='number'
1841            data-tristfit-height-cm
1842            name='tristfit-height-cm'
1843            id='tristfit-height-cm'
1844            required=''
1845            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1846            min='0'
1847            size='4'
1848          >
1849          <span>cm</span>
1850        </div>
1851      </div>
1852      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1853        <div class='flex w-[200px] flex-row gap-2'>
1854          <span>
1855    <svg
1856      
1857      class=''
1858      width='20'
1859      height='20'
1860      viewBox='0 0 20 20'
1861      fill='none'
1862      xmlns='http://www.w3.org/2000/svg'
1863    >
1864      <path fill-rule="evenodd" clip-rule="evenodd" d="M1.75781 0H18.2422C19.2114 0 20 0.788574 20 1.75781V18.2422C20 19.2114 19.2114 20 18.2422 20H1.75781C0.788574 20 0 19.2114 0 18.2422V1.75781C0 0.788574 0.788574 0 1.75781 0ZM18.2422 18.8281C18.5652 18.8281 18.8281 18.5652 18.8281 18.2422V1.75781C18.8281 1.43478 18.5652 1.17188 18.2422 1.17188H1.75781C1.43478 1.17188 1.17188 1.43478 1.17188 1.75781V18.2422C1.17188 18.5652 1.43478 18.8281 1.75781 18.8281H18.2422ZM10 2.42188C12.4565 2.42188 14.7934 3.20068 16.7578 4.67392C16.8822 4.7673 16.9644 4.90631 16.9862 5.06012C17.0082 5.21408 16.9681 5.37048 16.8746 5.49484
1864L13.7814 9.60983C13.5872 9.86832 13.2202 9.92065 12.9616 9.72656C12.1007 9.08096 11.0765 8.73962 10 8.73962C8.92335 8.73962 7.89934 9.08096 7.03844 9.72656C6.933 9.8056 6.80955 9.84375 6.68733 9.84375C6.50941 9.84375 6.33363 9.76303 6.21843 9.60983L3.12532 5.49484C3.03194 5.37048 2.9918 5.21408 3.01362 5.06012C3.0356 4.90616 3.11784 4.7673 3.2422 4.67392C5.20662 3.20068 7.5435 2.42188 10 2.42188ZM10.586 7.59583C11.5088 7.68311 12.3895 7.97607 13.1799 8.45978L15.5754 5.27283C13.92 4.17252 12.0044 3.59375 10 3.59375C7.99562 3.59375 6.08003 4.17252 4.4246 5.27283L6.82008 8.45978C7.61049 7.97607 8.49122 7.68311 9.41408 7.59583V5.80994C9.41408 5.4863 9.67637 5.224 10 5.224C10.3237 5.224 10.586 5.4863 10.586 5.80994V7.59583Z" fill="currentColor"/>
1865    </svg>
1866
1867  </span>
1868          <div>Weight</div>
1869        </div>
1870        <div data-tristfit-imperial class='text-xs'>
1871          <input
1872            type='number'
1873            size='2'
1874            data-tristfit-weight-lbs
1875            name='tristfit-weight-lbs'
1876            id='tristfit-weight-lbs'
1877            required=''
1878            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1879            min='0'
1880            size='4'
1881          >
1882          <span>lbs</span>
1883        </div>
1884        <div data-tristfit-metric class='hidden text-xs'>
1885          <input
1886            type='number'
1887            data-tristfit-weight-kg
1888            name='tristfit-weight-kg'
1889            id='tristfit-weight-kg'
1890            required=''
1891            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1892            min='0'
1893            size='4'
1894          >
1895          <span>Kg</span>
1896        </div>
1897      </div>
1898      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1899        <div class='flex w-[200px] flex-row gap-2'>
1900          <span>
1901    <svg
1902      
1903      class=''
1904      width='24'
1905      height='19'
1906      viewBox='0 0 24 19'
1907      fill='none'
1908      xmlns='http://www.w3.org/2000/svg'
1909    >
1910      <path d="M22.769 10.3111C22.5681 9.13954 22.3051 8.5322 22.0373 8.20224V1.49298C22.0373 1.25389 21.8652 1.0387 21.6308 1.00521C21.3344 0.962169 21.0809 1.19171 21.0809 1.47863V7.70008C20.8465 7.70008 20.6123 7.72397 20.3779 7.76701C19.4741 7.92482 18.6229 8.07308 17.4943 8.65647C16.3658 9.23987 15.6628 9.89025 15.0985 10.4163C13.903 11.5209 13.3291 12.3865 13.1857 12.6208C13.114 12.7403 13.0422 12.8695 12.9848 12.9986C12.9131 13.1564 12.827 13.3094 12.7314 13.4529C12.6405 13.5915 12.5927 13.6441 12.5545 13.668H12.5401C12.5401 13.668 12.3775 13.7063 12.2149 13.7159H11.7463C11.5981 13.7063 11.5024 13.7111 11.4403 13.7111L11.4068 13.7159C11.3924 13.7063 11.3494 13.668 11.2346 13.4959C11.072 13.2472 10.9285 12.9842 10.809 12.7164C10.5412 12.133 10.2017 11.76 9.81433 11.3296C9.47482 10.9518 9.1879 10.7175 8.84834 10.4402C8.25535 9.94759 7.61457 9.50765 6.9451 9.12985C6.42864 8.84293 5.97436 8.65163 5.06575 8.26908C4.42972 8.0013 4.06631 7.87219 3.5594 7.8148C3.34421 7.79091 3.12422 7.78131 2.90902 7.79091V1.52647C2.90423 1.26344 2.69383 1.04825 2.42605 1.04825C2.15827 1.04825 1.95267 1.52647 1.95267 1.52647V8.63262C1.85705 8.89085 1.76138 9.14429 1.6801 9.40252C1.48405 9.97157 1.32624 10.555 1.20667 11.1432C1.03931 12.004 0.83367 13.0704 1.22102 14.3233C1.43141 15.0023 1.77572 15.6336 2.23005 16.1787C2.52652 16.5278 2.86128 16.8386 3.23428 17.1017C3.84637 17.5321 4.53023 17.8477 5.26189 18.0294C5.87877 18.1824 6.43348 18.2637 6.92604 18.2637C7.46165 18.2637 7.92073 18.1728 8.30328 17.9911C8.36066 17.9624 8.52802 17.8812 8.86758 17.7138L9.95309 17.1686C10.46 16.9152 10.7278 16.7813 10.766 16.7621C11.5599 16.3939 11.842 16.3413 12.038 16.3269C12.1672 16.3126 12.2915 16.3126 12.4206 16.3269C12.5975 16.3461 12.674 16.3795 13.1044 16.59C13.267 16.6665 13.4726 16.7669 13.7404 16.8912L14.912 17.4316C15.0842 17.5129 15.1464 17.5416 15.242 17.5798C15.7154 17.7711 16.2032 17.9194 16.7053 18.0294C17.6713 18.2302 18.6277 18.3832 19.7084 18.015C21.2961 17.4747 22.0277 16.1261 22.2669 15.6814C22.549 15.1601 22.6542 14.7489 22.769 14.309C23.1755 12.6782 22.9603 11.4205 22.769 10.3111ZM21.8269 14.0698C21.7217 14.4811 21.6356 14.8063 21.4109 15.2223C21.1957 15.624 20.6171 16.6856 19.3881 17.1065C18.5369 17.3934 17.7526 17.2691 16.8918 17.0921C16.4519 16.9965 16.0215 16.8626 15.6055 16.6952C15.5194 16.657 15.4668 16.633 15.309 16.5613L14.1374 16.0162C13.8744 15.8966 13.6783 15.801 13.5157 15.7244C13.0615 15.5044 12.8702 15.4136 12.5259 15.3753C12.3346 15.3562 12.1433 15.3562 11.952 15.3753C11.5934 15.404 11.2012 15.5044 10.3596 15.8966C10.3261 15.9109 10.0535 16.0448 9.51795 16.3174L8.43244 16.8578C8.10248 17.0204 7.93512 17.1017 7.88249 17.1304C7.51904 17.3025 6.80652 17.4364 5.45319 17.0969C4.85544 16.9486 4.28635 16.6856 3.78423 16.327C3.47816 16.
1910107 3.20084 15.8535 2.95695 15.5618C2.58395 15.1171 2.30182 14.6006 2.12967 14.0459C1.81405 13.0178 1.98141 12.157 2.14401 11.325C2.26833 10.6889 2.45963 10.0912 2.58875 9.69429C2.69397 9.37387 2.80394 9.0535 2.92826 8.73789C3.10521 8.73309 3.28212 8.73789 3.45427 8.75703C3.84641 8.80487 4.14289 8.91004 4.69759 9.14438C5.57271 9.51258 6.01264 9.69908 6.48131 9.96211C7.103 10.316 7.69594 10.7273 8.25069 11.1815C8.56631 11.4446 8.81974 11.6502 9.11146 11.9706C9.47491 12.3723 9.74269 12.664 9.96268 13.1422C10.1013 13.4482 10.2592 13.7399 10.4409 14.0173C10.6131 14.2851 10.8187 14.5481 11.1869 14.639C11.2825 14.6629 11.383 14.6677 11.4786 14.6581C11.536 14.6581 11.6269 14.6533 11.7655 14.6533C11.7942 14.6533 11.9951 14.6533 12.2103 14.6533C12.3585 14.6533 12.4446 14.6581 12.502 14.6629C12.6072 14.6724 12.7172 14.6629 12.8176 14.6294C13.1763 14.5098 13.3723 14.2516 13.5254 14.0173C13.6449 13.8356 13.7501 13.6491 13.8362 13.453C13.8792 13.3526 13.9318 13.2569 13.9892 13.1661C14.0848 13.0178 14.6061 12.2097 15.7394 11.1576C16.2894 10.6459 16.9158 10.0625 17.9249 9.54603C18.9339 9.02956 19.6703 8.90045 20.5359 8.74744C20.9662 8.67091 21.0906 8.6805 21.1862 8.71875C21.2245 8.73309 21.5449 8.91004 21.8127 10.4642C22.0038 11.5401 22.1951 12.64 21.8269 14.0698Z" fill="currentColor" stroke="currentColor" stroke-width="0.25"/>
1911    </svg>
1912
1913  </span>
1914          <div>Band</div>
1915        </div>
1916        <div class='flex flex-wrap justify-end gap-4'>
1917          <div class='text-xs'>
1918            <div class='w-full pb-4 text-center'>Cup Size</div>
1919            <div class='grid grid-cols-2 gap-2' id='allTorsoSize'>
1920              <label class='cupsize__cup trisfit--selected' id='ts-32'>
1921                <input
1922                  type='radio'
1923                  name='torso-size'
1924                  value='32'
1925                  id='torso-size'
1926                  checked
1927
1928                >32
1929              </label>
1930              <label class='cupsize__cup' id='ts-34'>
1931                <input
1932                  type='radio'
1933                  name='torso-size'
1934                  value='34'
1935                  id='torso-size'
1936
1937                >34
1938              </label>
1939              <label class='cupsize__cup' id='ts-36'>
1940                <input
1941                  type='radio'
1942                  name='torso-size'
1943                  value='36'
1944                  id='torso-size'
1945
1946                >36
1947              </label>
1948              <label class='cupsize__cup' id='ts-38'>
1949                <input
1950                  type='radio'
1951                  name='torso-size'
1952                  value='38'
1953                  id='torso-size'
1954
1955                >38
1956              </label>
1957            </div>
1958          </div>
1959          <div class='text-xs'>
1960            <div class='cupsize' id='allCupSize'>
1961              <div class='w-full pb-4 text-center'>Bust</div>
1962              <div class='grid grid-cols-3 gap-2'>
1963                <label class='cupsize__cup trisfit--selected' id='cs-A'>
1964                  <input
1965                    type='radio'
1966                    name='cup-size'
1967                    value='A'
1968                    id='cup-size'
1969                    checked
1970
1971                  >A
1972                </label>
1973                <label class='cupsize__cup' id='cs-B'>
1974                  <input
1975                    type='radio'
1976                    name='cup-size'
1977                    value='B'
1978                    id='cup-size'
1979
1980                  >B
1981                </label>
1982                <label class='cupsize__cup' id='cs-C'>
1983                  <input
1984                    type='radio'
1985                    name='cup-size'
1986                    value='C'
1987                    id='cup-size'
1988
1989                  >C
1990                </label>
1991                <label class='cupsize__cup' id='cs-D'>
1992                  <input
1993                    type='radio'
1994                    name='cup-size'
1995                    value='D'
1996                    id='cup-size'
1997
1998                  >D
1999                </label>
2000                <label class='cupsize__cup' id='cs-E'>
2001                  <input
2002                    type='radio'
2003                    name='cup-size'
2004                    value='E'
2005                    id='cup-size'
2006
2007                  >E
2008                </label>
2009                <label class='cupsize__cup' id='cs-F'>
2010                  <input
2011                    type='radio'
2012                    name='cup-size'
2013                    value='F'
2014                    id='cup-size'
2015
2016                  >F
2017                </label>
2018              </div>
2019            </div>
2020          </div>
2021        </div>
2022      </div>
2023      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 pb-24 pt-4'>
2024        <div class='flex w-[200px] flex-row gap-2'>
2025          <span>
2026    <svg
2027      
2028      class=''
2029      width='24'
2030      height='19'
2031      viewBox='0 0 24 19'
2032      fill='none'
2033      xmlns='http://www.w3.org/2000/svg'
2034    >
2035      <path d="M22.769 10.3111C22.5681 9.13954 22.3051 8.5322 22.0373 8.20224V1.49298C22.0373 1.25389 21.8652 1.0387 21.6308 1.00521C21.3344 0.962169 21.0809 1.19171 21.0809 1.47863V7.70008C20.8465 7.70008 20.6123 7.72397 20.3779 7.76701C19.4741 7.92482 18.6229 8.07308 17.4943 8.65647C16.3658 9.23987 15.6628 9.89025 15.0985 10.4163C13.903 11.5209 13.3291 12.3865 13.1857 12.6208C13.114 12.7403 13.0422 12.8695 12.9848 12.9986C12.9131 13.1564 12.827 13.3094 12.7314 13.4529C12.6405 13.5915 12.5927 13.6441 12.5545 13.668H12.5401C12.5401 13.668 12.3775 13.7063 12.2149 13.7159H11.7463C11.5981 13.7063 11.5024 13.7111 11.4403 13.7111L11.4068 13.7159C11.3924 13.7063 11.3494 13.668 11.2346 13.4959C11.072 13.2472 10.9285 12.9842 10.809 12.7164C10.5412 12.133 10.2017 11.76 9.81433 11.3296C9.47482 10.9518 9.1879 10.7175 8.84834 10.4402C8.25535 9.94759 7.61457 9.50765 6.9451 9.12985C6.42864 8.84293 5.97436 8.65163 5.06575 8.26908C4.42972 8.0013 4.06631 7.87219 3.5594 7.8148C3.34421 7.79091 3.12422 7.78131 2.90902 7.79091V1.52647C2.90423 1.26344 2.69383 1.04825 2.42605 1.04825C2.15827 1.04825 1.95267 1.52647 1.95267 1.52647V8.63262C1.85705 8.89085 1.76138 9.14429 1.6801 9.40252C1.48405 9.97157 1.32624 10.555 1.20667 11.1432C1.03931 12.004 0.83367 13.0704 1.22102 14.3233C1.43141 15.0023 1.77572 15.6336 2.23005 16.1787C2.52652 16.5278 2.86128 16.8386 3.23428 17.1017C3.84637 17.5321 4.53023 17.8477 5.26189 18.0294C5.87877 18.1824 6.43348 18.2637 6.92604 18.2637C7.46165 18.2637 7.92073 18.1728 8.30328 17.9911C8.36066 17.9624 8.52802 17.8812 8.86758 17.7138L9.95309 17.1686C10.46 16.9152 10.7278 16.7813 10.766 16.7621C11.5599 16.3939 11.842 16.3413 12.038 16.3269C12.1672 16.3126 12.2915 16.3126 12.4206 16.3269C12.5975 16.3461 12.674 16.3795 13.1044 16.59C13.267 16.6665 13.4726 16.7669 13.7404 16.8912L14.912 17.4316C15.0842 17.5129 15.1464 17.5416 15.242 17.5798C15.7154 17.7711 16.2032 17.9194 16.7053 18.0294C17.6713 18.2302 18.6277 18.3832 19.7084 18.015C21.2961 17.4747 22.0277 16.1261 22.2669 15.6814C22.549 15.1601 22.6542 14.7489 22.769 14.309C23.1755 12.6782 22.9603 11.4205 22.769 10.3111ZM21.8269 14.0698C21.7217 14.4811 21.6356 14.8063 21.4109 15.2223C21.1957 15.624 20.6171 16.6856 19.3881 17.1065C18.5369 17.3934 17.7526 17.2691 16.8918 17.0921C16.4519 16.9965 16.0215 16.8626 15.6055 16.6952C15.5194 16.657 15.4668 16.633 15.309 16.5613L14.1374 16.0162C13.8744 15.8966 13.6783 15.801 13.5157 15.7244C13.0615 15.5044 12.8702 15.4136 12.5259 15.3753C12.3346 15.3562 12.1433 15.3562 11.952 15.3753C11.5934 15.404 11.2012 15.5044 10.3596 15.8966C10.3261 15.9109 10.0535 16.0448 9.51795 16.3174L8.43244 16.8578C8.10248 17.0204 7.93512 17.1017 7.88249 17.1304C7.51904 17.3025 6.80652 17.4364 5.45319 17.0969C4.85544 16.9486 4.28635 16.6856 3.78423 16.327C3.47816 16.107 3.20084 15.8535 2.95695 15.5618C2.58395 15.1171 2.30182 14.6006 2.12967 14.0459C1.81405 13.0178 1.98141 12.157 2.14401 11.325C2.26833 10.6889 2.45963 10.0912 2.58875 9.69429C2.69397 9.37387 2.80394 9.0535 2.92826 8.73789C3.10521 8.73309 3.28212 8.73789 3.45427 8.75703C3.84641 8.80487 4.14289 8.91004 4.69759 9.14438C5.57271 9.51258 6.01264 9.69908 6.48131 9.96211C7.103 10.316 7.69594 10.7273 8.25069 11.1815C8.56631 11.4446 8.81974 11.6502 9.11146 11.9706C9.47491 12.3723 9.74269 12.664 9.96268 13.1422C10.1013 13.4482 10.2592 13.7399 10.4409 14.0173C10.6131 14.2851 10.8187 14.5481 11.1869 14.639C11.2825 14.6629 11.383 14.6677 11.4786 14.6581C11.536 14.6581 11.6269 14.6533 11.7655 14.6533C11.7942 14.6533 11.9951 14.6533 12.2103 14.6533C12.3585 14.6533 12.4446 14.6581 12.502 14.6629C12.6072 14.6724 12.7172 14.6629 12.8176 14.6294C13.1763 14.5098 13.3723 14.2516 13.5254 14.0173C13.6449 13.8356 13.7501 13.6491 13.8362 13.453C13.8792 13.3526 13.9318 13.2569 13.9892 13.1661C14.0848 13.0178 14.6061 12.2097 15.7394 11.1576C16.2894 10.6459 16.9158 10.0625 17.9249 9.54603C18.9339 9.02956 19.6703 8.90045 20.5359 8.74744C20.9662 8.67091 21.0906 8.6805 21.1862 8.71875C21.2245 8.73309 21.5449 8.91004 21.8127 10.4642C22.0038 11.5401 22.1951 12.64 21.8269 14.0698Z" fill="currentColor" stroke="currentColor" stroke-width="0.25"/>
2036    </svg>
2037
2038  </span>
2039          <div>Body Type</div>
2040        </div>
2041        <div class='text-xs'>
2042          <div class='flex flex-col items-center justify-center gap-4'>
2043            <div class='flex flex-row flex-wrap items-start justify-center gap-1'>
2044              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2045                <div class=''>
2046                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-a-shape.jpg?v=177718253307050447001781536541' alt='A Shape' width='50' height='auto'>
2047                </div>
2048                <div class='flex flex-row items-start justify-start gap-2'>
2049                  <input
2050                    type='radio'
2051                    name='bodytype'
2052                    id='bodytype'
2053                    value='A'
2054                    checked
2055                  >
2056                  <p class='text-xs'>
2056A Hips wider than shoulders</p>
2057                </div>
2058              </label>
2059              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2060                <div class=''>
2061                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-h-shape.jpg?v=69849832186445002261781536541' alt='H Shape' width='50' height='auto'>
2062                </div>
2063                <div class='flex flex-row items-start justify-start gap-2'>
2064                  <input
2065                    type='radio'
2066                    name='bodytype'
2067                    id='bodytype'
2068                    value='H'
2069                  >
2070                  <p class='text-xs'>H Hips and shoulders equal, not defined waist</p>
2071                </div>
2072              </label>
2073            </div>
2074            <div class='flex flex-row flex-wrap items-start justify-center gap-1'>
2075              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2076                <div class=''>
2077                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-v-shape.jpg?v=88044717994744875141781536542' alt='V Shape' width='50' height='auto'>
2078                </div>
2079                <div class='flex flex-row items-start justify-start gap-2'>
2080                  <input
2081                    type='radio'
2082                    name='bodytype'
2083                    id='bodytype'
2084                    value='V'
2085                  >
2086                  <p class='text-xs'>V Shoulders wider than hips</p>
2087                </div>
2088              </label>
2089              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2090                <div class=''>
2091                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-x-shape.jpg?v=88313054015191428451781536542' alt='X Shape' width='50' height='auto'>
2092                </div>
2093                <div class='flex flex-row items-start justify-start gap-2'>
2094                  <input
2095                    type='radio'
2096                    name='bodytype'
2097                    id='bodytype'
2098                    value='X'
2099                  >
2100                  <p class='text-xs'>X Hips and shoulders equal, defined waist</p>
2101                </div>
2102              </label>
2103            </div>
2104          </div>
2105        </div>
2106      </div>
2107    </div>
2108    <div class='absolute bottom-0 left-0 w-full bg-tristan-white p-4'>
2109      <div data-tristfit-result class='hidden py-2'>
2110        <div
2111          data-tristfit-result-size-error
2112          class='flex hidden w-full items-center justify-center  py-2 text-center text-tristan-red'
2113        >
2114          Unfortunately, we are unable to recommend a size for you.
2115        </div>
2116        <div data-tristfit-result-size class='flex items-center justify-center gap-4 py-2'>
2117          <span data-tristfit-result-text></span>
2118        </div>
2119      </div>
2120
2121
2122
2123  
2124    
2125      <button
2126        data-tristfit-submit
2127        
2128        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark w-full h-14'
2129      >
2130        Size me up!
2131        
2132      </button>
2133    
2134  
2135
2136
2137
2138
2139
2140
2141  
2142    
2143      <button
2144        data-tristfit-confirm
2145        
2146        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark w-full h-14 hidden'
2147      >
2148        Click here to confirm
2149        
2150      </button>
2151    
2152  
2153
2154
2155      <button data-tristfit-again class='flex hidden w-full items-center justify-center gap-4 py-2 text-sm underline'>
2156        Size me up again!
2157      </button>
2158    </div>
2159  </div>
2160</div>
2161</div><div id="shopify-section-shipping-return" class="shopify-section"><div data-component='shippingReturn'>
2162  <div
2163    data-shipping-return-overlay
2164    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
2165  ></div>
2166  <div
2167    data-shipping-return-section
2168    class='fixed right-0 top-0 z-[100] flex h-full w-full translate-x-full flex-col justify-start bg-tristan-white px-6 py-3 text-tristan-dark transition-all duration-500 ease-in-out md:w-[500px]'
2169  >
2170    <div>
2171      <button
2172        data-shipping-return-close
2173        class='flex w-full items-center justify-end'
2174      >
2175        
2176    <svg
2177      
2178      width='15'
2179      height='15'
2180      viewBox='0 0 15 15'
2181      class=''
2182      fill='none'
2183      xmlns='http://www.w3.org/2000/svg'
2184    >
2185      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
2186    </svg>
2187
2188  
2189      </button>
2190    </div>
2191    <div class='rich-text'>
2192      <p>In-Store Delivery [ 2 – 4 Business Days ] - Free</p><p><br/>Standard Shipping [ 3 – 9** Business Days ] - Free***</p><p><br/>Express Shipping [ 2* - 3** Business Days ] - $15</p><p><br/>Additional delays in peak periods are to be determined by Fedex.</p><p><br/><em>* Orders placed before 9 am (ET)<br/>** For remote areas<br/>*** On orders of $100 or more before taxes</em></p>
2193    </div>
2194  </div>
2195</div>
2196
2197
2198</div><div id="shopify-section-filters" class="shopify-section">
2199
2200<div
2201  data-component='filterDrawer'
2202  data-filter-drawer
2203  class='fixed right-0 top-0 z-[100] flex h-full w-full max-w-[360px]  translate-x-full flex-col justify-start  bg-tristan-white text-tristan-dark shadow-lg transition-all duration-500 ease-in-out'
2204><div class='border-b border-solid border-tristan-black'>
2205    <div class='flex flex-row items-center justify-between px-4 py-[15p
2205x] text-sm'>
2206      Filter
2207      <button
2208        data-filter-drawer-close
2209        class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm'
2210      >
2211        
2212    <svg
2213      
2214      class=''
2215      xmlns='http://www.w3.org/2000/svg'
2216      width='24'
2217      height='24'
2218      viewBox='0 0 24 24'
2219      fill='none'
2220    >
2221      <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="currentColor"/>
2222    </svg>
2223  
2224      </button>
2225    </div>
2226  </div>
2227  <div
2228    data-filter-drawer-loading
2229    class=' absolute bottom-0 left-0 right-0 top-0 z-50 flex hidden w-full bg-tristan-white-900 backdrop-blur-sm'
2230  >
2231    <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
2232      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2233      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2234      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2235    </span>
2236  </div>
2237
2238  <ul class='flex h-[90vh] flex-col overflow-y-auto pb-11' data-filters-content>
2239    
2240
2241    <li class='selected-filters border-b border-solid border-tristan-black px-4 py-[15p
2241x]' data-filter-current-select>
2242      <div class='pb-5 text-sm uppercase'>
2243        Selected filters</div>
2244      <ul class='flex flex-row flex-wrap gap-x-2 gap-y-[10px]' data-filter-current-select-options>
2245        
2246      </ul>
2247    </li>
2248  </ul>
2249  <div
2250    class='absolute bottom-0 w-full bg-tristan-white p-[10px]'
2251    data-filter-drawer-buttons='0'
2252  >
2253    <div class='flex flex-row items-center justify-between gap-2 hidden'>
2254
2255
2256
2257  
2258    
2259      <button
2260        data-filter-drawer-reset
2261        
2262        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-dark bg-transparent border border-tristan-dark hover:bg-tristan-dark hover:text-tristan-white disabled:opacity-40 !py-3 !px-5 w-full h-[52px]'
2263      >
2264        Reset
2265        
2266      </button>
2267    
2268  
2269
2270
2271
2272
2273
2274
2275  
2276    
2277      <button
2278        data-filter-drawer-apply
2279        
2280        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark !py-3 !px-5 w-full h-[52px]'
2281      >
2282        Apply (0)
2283        
2284      </button>
2285    
2286  
2287
2288
2289    </div>
2290  </div>
2291</div>
2292</div><div id="shopify-section-slider-product" class="shopify-section">
2293
2294<div
2295  data-component=''
2296  data-product-slider
2297  class='slider-product-effect-desktop fixed z-[100] flex h-full w-full max-w-[800px] flex-col  justify-start   text-tristan-dark opacity-0 shadow-lg transition-all duration-500 ease-in-out'
2298>
2299  <div class='block pb-1 md:hidden'>
2300    <div class='flex w-full items-center justify-center'>
2301      <svg width='40' height='3' viewBox='0 0 40 3' fill='none' xmlns='http://www.w3.org/2000/svg'>
2302        <rect width="40" height="3" rx="1.5" fill="white"/>
2303      </svg>
2304    </div>
2305  </div>
2306  <div class='bg-tristan-white'>
2307    <div class='absolute right-4 top-4  z-10'>
2308      <button
2309        data-slider-close
2310        class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm'
2311      >
2312        
2313    <svg
2314      
2315      width='15'
2316      height='15'
2317      viewBox='0 0 15 15'
2318      class=''
2319      fill='none'
2320      xmlns='http://www.w3.org/2000/svg'
2321    >
2322      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
2323    </svg>
2324
2325  
2326      </button>
2327    </div>
2328
2329    <div data-slider-product-content class=' h-screen overflow-scroll pb-[100px] md:pb-0'></div>
2330  </div>
2331</div>
2332</div><div id="shopify-section-cart-drawer" class="shopify-section">
2333<div
2334  data-cart-overlay
2335  class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
2336></div>
2337<div
2338  data-component='cartDrawer'
2339  data-money-format='${{amount}}'
2340  class='fixed right-0 top-0 z-[100] flex h-full w-full translate-x-full flex-col justify-between bg-tristan-white text-tristan-dark transition-all duration-500 ease-in-out sm_md:w-[500px]'
2341>
2342  
2343<div class='flex h-[54px] flex-row items-center justify-between border-b border-solid border-b-tristan-black px-4 py-[15p
2343x]'>
2344  <div class='flex gap-2 text-base' data-cart-drawer-count>
2345    Basket (0)
2346  </div>
2347  <button data-close-drawer class='button-2 flex items-baseline justify-start gap-2 text-[11px] font-bold uppercase'>
2348    
2349    <svg
2350      
2351      class=''
2352      xmlns='http://www.w3.org/2000/svg'
2353      width='24'
2354      height='24'
2355      viewBox='0 0 24 24'
2356      fill='none'
2357    >
2358      <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="currentColor"/>
2359    </svg>
2360  
2361  </button>
2362</div>
2363
2364  <div class='border-b border-solid border-b-tristan-black px-6 py-5' data-cart-drawer-free-shipping>
2365    <div class='text-sm'>
2366      
2367      
2368
2369      
2370You are <b><span><b>
2371$100
2372        </b></span></b> away from free shipping!<div
2373          class='free-shipping-progress mt-3'
2374          style='--progress-percentage: 0%;'
2375        ></div>
2376      
2377    </div>
2378  </div>
2379
2380
2381  <div class='relative flex flex-1 flex-col overflow-y-auto' data-cart-content-wrapper>
2382    <div class='mt-2 flex hidden items-center justify-center p-2 text-xs text-tristan-red' data-cart-error></div>
2383    <div
2384      data-cart-content-loading
2385      class='text-tristan-beige absolute bottom-0 left-0 right-0 top-0 z-50 flex hidden w-full bg-tristan-white-900 backdrop-blur-sm'
2386    >
2387      <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
2388        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2389        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2390        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2391      </span>
2392    </div>
2393    <div class='relative flex flex-1 flex-col gap-4 p-4' data-cart-drawer-content>
2394      
2395      
2396        <div class='flex h-full w-full flex-col items-center justify-start gap-[10px] py-5'>
2397          <p class='text-xl'>
2398            Your basket is empty.
2399          </p>
2400          <p class='text-sm'>
2401            Start shopping timeless quality clothing.
2402          </p>
2403          
2404        </div>
2405      
2406    </div>
2407
2408    
2409  </div>
2410
2411  
2412
2413  <div
2414  class='h-max pt-[30px] pb-5 px-5 '
2415  data-cart-drawer-footer
2416>
2417  <div class='flex h-full flex-col justify-between gap-[15px] hidden'>
2418    <div>
2419      <button
2420        data-add-note-trigger
2421        data-edit-note-text='Edit order note'
2422        data-add-note-text='Add order note'
2423        class='text-sm'
2424      >
2425        
2426          Add order note
2427        
2428      </button>
2429    </div>
2430    <div class='flex w-full flex-col items-center justify-start gap-[10px]'>
2431      <div class='flex w-full flex-row items-start justify-between'>
2432        <span class='text-sm'>
2433          Subtotal
2434        </span>
2435        <div data-cart-drawer-total class='font-bold'>$0</div>
2436      </div>
2437<div class='flex w-full flex-row items-start justify-between'></div>
2438      
2439
2440      
2441    </div>
2442    <div class='flex flex-col items-center justify-center gap-3'>
2443      <a
2444        data-cart-drawer-checkout
2445        href='/checkout'
2446        aria-disabled='false'
2447        class='checkout-button h-14 w-full rounded-full bg-tristan-off-black px-4 py-3 text-center font-bold uppercase text-tristan-white'
2448      >
2449        <div data-cart-checkout-text class='flex flex-row items-center justify-center gap-2 text-base'>
2450          
2451    <svg class='w-3 h-3' width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'>
2452      <path d="M10.0004 4.9V3.5C10.0004 1.54 8.46039 0 6.50039 0C4.54039 0 3.00039 1.54 3.00039 3.5V4.9C1.81039 4.9 0.900391 5.81 0.900391 7V11.9C0.900391 13.09 1.81039 14 3.00039 14H10.0004C11.1904 14 12.1004 13.09 12.1004 11.9V7C12.1004 5.81 11.1904 4.9 10.0004 4.9ZM4.40039 3.5C4.40039 2.31 5.31039 1.4 6.50039 1.4C7.69039 1.4 8.60039 2.31 8.60039 3.5V4.9H4.40039V3.5ZM7.20039 10.5C7.20039 10.92 6.92039 11.2 6.50039 11.2C6.08039 11.2 5.80039 10.92 5.80039 10.5V8.4C5.80039 7.98 6.08039 7.7 6.50039 7.7C6.92039 7.7 7.20039 7.98 7.20039 8.4V10.5Z" fill="currentColor"/>
2453    </svg>
2454
2455  
2456          <div class='mt-1'>Secure checkout</div>
2457        </div>
2458      </a>
2459      
2460        <div class='pb-4 pt-[18px] text-xs'>
2461          30-day Free returns & exchanges
2462        </div>
2463      
2464    </div>
2465  </div><div class=' flex w-full flex-col items-center justify-center gap-[15px] [&>a]:w-full'>
2466    
2467      
2468
2469
2470
2471  
2472    
2473      <a
2474        href='/collections/womens-new-arrivals'
2475        class=''
2476      >
2477        <button class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark !py-3 !px-5 w-full h-[52px]'>
2478          Shop new arrivals
2479          
2480        </button>
2481      </a>
2482    
2483  
2484
2485
2486    
2487    
2488      
2489
2490
2491
2492  
2493    
2494      <a
2495        href='/collections/womens-sale'
2496        class=''
2497      >
2498        <button class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-dark bg-transparent border border-tristan-dark hover:bg-tristan-dark hover:text-tristan-white disabled:opacity-40 !py-3 !px-5 w-full h-[52px]'>
2499          Shop sale
2500          
2501        </button>
2502      </a>
2503    
2504  
2505
2506
2507    
2508    <div class='grid w-full grid-cols-3fr gap-[15px] py-[5px]'>
2509      
2510        <div class='text-content text-center [&:not(:first-child)]:pl-[15px] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-[15px] [&>p]:text-xs'>
2511          <p>Free shipping on orders $100+</p>
2512        </div>
2513      
2514      
2515        <div class='text-content text-center [&:not(:first-child)]:pl-[15px] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-[15px] [&>p]:text-xs'>
2516          <p>30-day free returns & exchanges</p>
2517        </div>
2518      
2519      
2520        <div class='text-content text-center [&:not(:first-child)]:pl-[15px] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-[15px] [&>p]:text-xs'>
2521          <p>Free shipping to store</p>
2522        </div>
2523      
2524    </div>
2525  </div>
2526</div>
2527
2528</div>
2529
2530
2531</div><div id="shopify-section-cart-note" class="shopify-section"><div
2532  data-component='cartNote'
2533  class='fixed bottom-0 right-0 z-[110] flex h-[300px] w-full translate-y-full flex-col justify-between border-t  border-solid border-t-tristan-black-100 bg-tristan-white text-tristan-dark transition-all duration-500 ease-in-out sm_md:w-[500px]'
2534>
2535  <button data-cart-note-close class='absolute right-2 top-2 text-sm'>
2536    
2537    <svg
2538      
2539      class=''
2540      xmlns='http://www.w3.org/2000/svg'
2541      width='24'
2542      height='24'
2543      viewBox='0 0 24 24'
2544      fill='none'
2545    >
2546      <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="currentColor"/>
2547    </svg>
2548  
2549  </button>
2550  <div class='flex h-full flex-col items-start justify-between gap-2 p-4'>
2551    Add order note
2552    <div data-note-error class='hidden text-sm text-tristan-red'>An error occurred while saving the note.</div>
2553    <textarea
2554      data-cart-note-text
2555      placeholder='How can we help you?'
2556      class='remove-focus-style h-full w-full rounded-none border-0 border-b border-solid border-b-tristan-dark-100 p-4'
2557    ></textarea>
2558
2559
2560
2561  
2562    
2563      <button
2564        data-cart-note-save
2565        
2566        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark !py-3 !px-5 w-full h-[52px]'
2567      >
2568        Save note
2569        
2570      </button>
2571    
2572  
2573
2574
2575  </div>
2576</div>
2577
2578
2579</div><div id="shopify-section-announcement-banner" class="shopify-section">
2580
2581
2582  
2583    <div
2584      data-component='announcementBanner'
2585      data-announcement-bar
2586      data-interval-speed='2000'
2587      data-animation-enabled='true'
2588      class='relative h-10 overflow-hidden bg-tristan-announcement px-6 py-3 text-[13px] text-tristan-white'
2589    >
2590      <div class='swiper hidden h-full w-full' data-slider>
2591        <div class='swiper-wrapper'>
2592          
2593            
2594            <div class='swiper-slide'>
2595              <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'>
2596                <p>$30 OFF $100+ | <a href="https://www.tristanstyle.com/pages/current-promotions" title="https://www.tristanstyle.com/pages/current-promotions">SEE DETAILS</a></p>
2597              </div>
2598            </div>
2599          
2600            
2601            <div class='swiper-slide'>
2602              <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'>
2603                <p>FREE SHIPPING ON ORDERS $100+</p>
2604              </div>
2605            </div>
2606          
2607        </div>
2608      </div>
2609    </div>
2610  
2611
2612
2613<style> #shopify-section-announcement-banner /* adjust the background color of the announcement bar below by replacing the hexcode value */.bg-tristan-announcement {background-color: #000000;} </style></div><div id="shopify-section-filter-mobile" class="shopify-section"><div data-filter-sort-content-mobile class='sort-mobile absolute top-6 z-[70] hidden bg-tristan-white shadow-lg'>
2614  <ul class='flex flex-col gap-4 bg-tristan-white p-4'>
2615    
2616  </ul>
2617</div>
2618</div><header
2619      id='header'
2620      data-component='header'
2621      data-start-transparent=''
2622      class='container header sticky left-0 top-0 z-50 h-[60px] w-screen bg-tristan-white py-5 transition-colors md:h-[70px]  border-none px-4 text-tristan-black md_lg:px-12 '
2623    ><div id="shopify-section-header" class="shopify-section header_extra_class">
2624
2625
2626
2627<div class='grid grid-cols-3'>
2628  <div class='flex items-center justify-start gap-4'>
2629    <a href='/' class='hidden items-center justify-start md_lg:flex'>
2630      
2631    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
2632      TRISTAN
2633    </div>
2634
2635  
2636    </a>
2637    
2638    <button
2639      data-mobile-menu-button
2640      class='flex h-[14px] w-[15px] self-start md_lg:hidden'
2641      aria-label='accessibility.open_menu'
2642      aria-haspopup='true'
2643      aria-expanded='false'
2644    >
2645      
2646    <svg
2647      
2648      xmlns='http://www.w3.org/2000/svg'
2649      width='24'
2650      height='17'
2651      viewBox='0 0 24 17'
2652      fill='none'
2653      class='h-6'
2654    >
2655      <rect
2656        width="24"
2657        height="1.5"
2658        fill="currentColor" />
2659      <rect
2660        y="7.5"
2661        width="24"
2662        height="1.5"
2663        fill="currentColor" />
2664      <rect
2665        y="15"
2666        width="24"
2667        height="1.5"
2668        fill="currentColor" />
2669    </svg>
2670
2671  
2672    </button>
2673
2674    <div class='block h-6 md_lg:hidden'>
2675      <button data-search-mobile-button class='flex h-[14px] w-[15px]' aria-label='Search'>
2676        
2677    <svg
2678      
2679      width='22'
2680      height='22'
2681      viewBox='0 0 22 22'
2682      class=''
2683      fill='none'
2684      xmlns='http://www.w3.org/2000/svg'
2685    >
2686      <g clip-path="url(#clip0_127_1251)">
2687      <path d="M8.80007 17.75C13.2552 17.75 16.8667 14.0563 16.8667 9.5C16.8667 4.94365 13.2552 1.25 8.80007 1.25C4.34497 1.25 0.733398 4.94365 0.733398 9.5C0.733398 14.0563 4.34497 17.75 8.80007 17.75Z" stroke="black"/>
2688      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
2689      </g>
2690      <defs>
2691      <clipPath id="clip0_127_1251">
2692      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
2693      </clipPath>
2694      </defs>
2695    </svg>
2696
2697  
2698      </button>
2699    </div>
2700  </div>
2701
2702  
2703  <nav class=' flex h-6 items-center justify-center self-center '>
2704    <a href='/' class='flex items-center justify-start md_lg:hidden'>
2705      
2706    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
2707      TRISTAN
2708    </div>
2709
2710  
2711    </a>
2712    <ul class='hidden items-center justify-start gap-6 md_lg:flex'>
2713      
2714        <li class='h-6'>
2715            
2716            <button
2717              data-mega-menu-button
2718              id='button-women'
2719              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black'
2720              aria-label='Open menu'
2721              aria-haspopup='true'
2722              aria-expanded='false'
2723              aria-controls='megamenu-women'
2724            >
2725              <div class='flex flex-row gap-3'>
2726                Women
2727                
2728    <svg
2729      
2730      xmlns='http://www.w3.org/2000/svg'
2731      width='24'
2732      height='24'
2733      viewBox='0 0 24 24'
2734      fill='none'
2735      class='h-4 w-4 mega-menu-plus'
2736    >
2737      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
2738    </svg>
2739
2740  
2741                
2742    <svg
2743      
2744      xmlns='http://www.w3.org/2000/svg'
2745      width='24'
2746      height='24'
2747      viewBox='0 0 24 24'
2748      fill='none'
2749      class='h-4 w-4 mega-menu-minus hidden'
2750    >
2751      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
2752    </svg>
2753
2754  
2755              </div>
2756            </button>
2757            
2758
2759                
2760                 
2761
2762
2763<div
2764  data-mega-menu
2765  id='megamenu-women'
2766  aria-aria-labelledby='button-women'
2767  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
2768>
2769  <div
2770    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
2771    data-mega-menu-content
2772  >
2773    <div class='flex basis-3/4 gap-2 p-8'>
2774      
2775      
2776        <nav class='basis-[50%]'>
2777          <p class='text-[14px] font-light'>Shop by</p>
2778          <ul class='font-serif flex flex-col gap-2'>
2779            
2780              <li class='leading-[1.17]'>
2781
2782                
2783
2784                
2785                
2786
2787                
2788
2789
2790                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-new-arrivals'>New Arrivals</a>
2791              </li>
2792            
2793              <li class='leading-[1.17]'>
2794
2795                
2796
2797                
2798                
2799
2800                
2801
2802
2803                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-made-in-canada'>Made in Canada</a>
2804              </li>
2805            
2806              <li class='leading-[1.17]'>
2807
2808                
2809
2810                
2811                
2812
2813                
2814
2815
2816                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-suiting'>Suiting</a>
2817              </li>
2818            
2819              <li class='leading-[1.17]'>
2820
2821                
2822
2823                
2824                
2825
2826                
2827
2828
2829                <a class='text-sm font-normal leading-5 hover:underline ' href='/products/00-giftcard'>Gift Card</a>
2830              </li>
2831            
2832              <li class='leading-[1.17]'>
2833
2834                
2835
2836                
2837                
2838
2839                
2840
2841
2842                <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/collections/womens-sale'>Sale</a>
2843              </li>
2844            
2845          </ul>
2846        </nav>
2847      
2848      
2849        <nav class='basis-[50%]'>
2850          <p class='text-[14px] font-light'>Clothing</p>
2851          <ul class='font-serif flex flex-col gap-2'>
2852            
2853
2854              
2855              <li class='leading-[1.17]'>
2856                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-blazers-vests'>Blazers & Vests</a>
2857              </li>
2858            
2859
2860              
2861              <li class='leading-[1.17]'>
2862                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-dresses'>Dresses</a>
2863              </li>
2864            
2865
2866              
2867              <li class='leading-[1.17]'>
2868                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-sweaters'>Sweaters & Cardigans</a>
2869              </li>
2870            
2871
2872              
2873              <li class='leading-[1.17]'>
2874                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/shirts-blouse'>Shirts & Blouses</a>
2875              </li>
2876            
2877
2878              
2879              <li class='leading-[1.17]'>
2880                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-skirts'>Skirts</a>
2881              </li>
2882            
2883
2884              
2885              <li class='leading-[1.17]'>
2886                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-jeans'>Jeans</a>
2887              </li>
2888            
2889
2890              
2891              <li class='leading-[1.17]'>
2892                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-pants'>Pants</a>
2893              </li>
2894            
2895
2896              
2897              <li class='leading-[1.17]'>
2898                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-t-shirts'>T-shirts & Sweatshirts</a>
2899              </li>
2900            
2901
2902              
2903              <li class='leading-[1.17]'>
2904                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-outerwear'>Outerwear</a>
2905              </li>
2906            
2907
2908              
2909              <li class='leading-[1.17]'>
2910                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/women'>Shop All Women</a>
2911              </li>
2912            
2913          </ul>
2914        </nav>
2915      
2916      
2917        <nav class='basis-[50%]'>
2918          <p class='text-[14px] font-light'>Accessories</p>
2919          <ul class='font-serif flex flex-col gap-2'>
2920            
2921
2922              
2923              <li class='leading-[1.17]'>
2924                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-jewelry'>Jewelry</a>
2925              </li>
2926            
2927
2928              
2929              <li class='leading-[1.17]'>
2930                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-bags'>Bags</a>
2931              </li>
2932            
2933
2934              
2935              <li class='leading-[1.17]'>
2936                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-belts'>Belts</a>
2937              </li>
2938            
2939
2940              
2941              <li class='leading-[1.17]'>
2942                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-gloves'>Gloves</a>
2943              </li>
2944            
2945
2946              
2947              <li class='leading-[1.17]'>
2948                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-scarves'>Scarves</a>
2949              </li>
2950            
2951
2952              
2953              <li class='leading-[1.17]'>
2954                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/accessories-for-women'>Shop All Accessories</a>
2955              </li>
2956            
2957          </ul>
2958        </nav>
2959      
2960    </div>
2961    <div class='p-8 '>
2962      <p class='text-sm font-light'>Our faves right now</p>
2963      <div class='flex flex-row items-center justify-end gap-3'>
2964        
2965          
2966            
2967
2968
2969  <div
2970    data-product-card
2971    class='relative w-[200px] h-[308px]'
2972    data-component='productCard'
2973    data-product-card-handle-main='fluid-straight-blazer-3'
2974    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1809Z_BR20_1.jpg?v=1785402353\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1809Z_BR20_2.jpg?v=1785402353\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1809Z_BR20_3.jpg?v=1785402354\u0026width=700"]'
2975    data-variants-info='[{ "color": "BR20", "url": "/products/fluid-straight-blazer-3?variant=47485439738018" },{ "color": "BR20", "url": "/products/fluid-straight-blazer-3?variant=47485439770786" },{ "color": "BR20", "url": "/products/fluid-straight-blazer-3?variant=47485439803554" },{ "color": "BR20", "url": "/products/fluid-straight-blazer-3?variant=47485439836322" },{ "color": "BR20", "url": "/products/fluid-straight-blazer-3?variant=47485439869090" }]'
2976  >
2977    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
2978      
2979        <a
2980          href='/products/fluid-straight-blazer-3?variant=47485439738018'
2981          data-product-url
2982          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
2983        >
2984      
2985
2986      <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
2987      
2988
2989
2990          
2991          
2992        
2993          
2994          
2995
2996        
2997          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover left-0 h-full w-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 hidden md:block" data-hover-image="">
2998        
2999      
3000      
3001        </a>
3002      
3003
3004        
3005
3006            
3007          
3008            
3009          
3010          
3011          <div
3012            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3013            style='background-color: #966c3f;'
3014          >
3015            New Arrivals
3016            
3017          </div>
3018          
3019      
3020    </div>
3021    <div class='pt-3'>
3022      <div class='items-align flex flex-col justify-start '>
3023          
3024
3025          
3026        
3027
3028        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3029          <a
3030            href='/products/fluid-straight-blazer-3?variant=47485439738018'
3031          >Fluid straight blazer</a>
3032        </h3>
3033        
3034      </div>
3035      
3036      
3037    </div>
3038  </div>
3039
3040
3041          
3042          
3043            
3044
3045
3046  <div
3047    data-product-card
3048    class='relative w-[200px] h-[308px]'
3049    data-component='productCard'
3050    data-product-card-handle-main='fluid-jeans-with-elastic-waist'
3051    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL10_1.jpg?v=1788382570\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL10_2.jpg?v=1788382571\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL10_3.jpg?v=1788382572\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL20_1.jpg?v=1788382573\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL20_2.jpg?v=1788382574\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0670Z_BL20_3.jpg?v=1788382575\u0026width=700"]'
3052    data-variants-info='[{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431447714" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431480482" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431513250" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431546018" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431578786" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431611554" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431644322" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431677090" },{ "color": "BL10", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431709858" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431742626" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431775394" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431808162" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431840930" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431873698" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431906466" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431939234" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485431972002" },{ "color": "BL20", "url": "/products/fluid-jeans-with-elastic-waist?variant=47485432004770" }]'
3053  >
3054    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3055      
3056        <a
3057          href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714'
3058          data-product-url
3059          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3060        >
3061      
3062
3063      <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
3064      
3065
3066
3067          
3068          
3069        
3070          
3071          
3072
3073        
3074          <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover left-0 h-full w-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 hidden md:block" data-hover-image="">
3075        
3076      
3077      
3078        </a>
3079      
3080
3081        
3082
3083            
3084          
3085            
3086          
3087          
3088          <div
3089            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3090            style='background-color: #966c3f;'
3091          >
3092            New Arrivals
3093            
3094          </div>
3095          
3096      
3097    </div>
3098    <div class='pt-3'>
3099      <div class='items-align flex flex-col justify-start '>
3100          
3101
3102          
3103        
3104
3105        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3106          <a
3107            href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714'
3108          >Fluid jeans with elastic waistband</a>
3109        </h3>
3110        
3111      </div>
3112      
3113      
3114    </div>
3115  </div>
3116
3117
3118          
3119        
3120      </div>
3121    </div>
3122  </div>
3123</div>
3124
3125              
3126            
3127
3128            
3129
3130            
3131
3132            
3133
3134            
3135
3136            
3137
3138          
3139        </li>
3140      
3141        <li class='h-6'>
3142            
3143            <button
3144              data-mega-menu-button
3145              id='button-men'
3146              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-
3146tristan-black'
3147              aria-label='Open menu'
3148              aria-haspopup='true'
3149              aria-expanded='false'
3150              aria-controls='megamenu-men'
3151            >
3152              <div class='flex flex-row gap-3'>
3153                Men
3154                
3155    <svg
3156      
3157      xmlns='http://www.w3.org/2000/svg'
3158      width='24'
3159      height='24'
3160      viewBox='0 0 24 24'
3161      fill='none'
3162      class='h-4 w-4 mega-menu-plus'
3163    >
3164      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
3165    </svg>
3166
3167  
3168                
3169    <svg
3170      
3171      xmlns='http://www.w3.org/2000/svg'
3172      width='24'
3173      height='24'
3174      viewBox='0 0 24 24'
3175      fill='none'
3176      class='h-4 w-4 mega-menu-minus hidden'
3177    >
3178      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
3179    </svg>
3180
3181  
3182              </div>
3183            </button>
3184            
3185
3186            
3187
3188            
3189
3190                
3191                 
3192
3193
3194<div
3195  data-mega-menu
3196  id='megamenu-men'
3197  aria-aria-labelledby='button-men'
3198  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
3199>
3200  <div
3201    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
3202    data-mega-menu-content
3203  >
3204    <div class='flex basis-3/4 gap-2 p-8'>
3205      
3206      
3207        <nav class='basis-[50%]'>
3208          <p class='text-[14px] font-light'>Shop by</p>
3209          <ul class='font-serif flex flex-col gap-2'>
3210            
3211              <li class='leading-[1.17]'>
3212
3213                
3214
3215                
3216                
3217
3218                
3219
3220
3221                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-new-arrivals'>New Arrivals</a>
3222              </li>
3223            
3224              <li class='leading-[1.17]'>
3225
3226                
3227
3228                
3229                
3230
3231                
3232
3233
3234                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-suiting'>Suiting</a>
3235              </li>
3236            
3237              <li class='leading-[1.17]'>
3238
3239                
3240
3241                
3242                
3243
3244                
3245
3246
3247                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/special-offer-2-for-3'>Special Offer</a>
3248              </li>
3249            
3250              <li class='leading-[1.17]'>
3251
3252                
3253
3254                
3255                
3256
3257                
3258
3259
3260                <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/products/00-giftcard'>Gift Card</a>
3261              </li>
3262            
3263          </ul>
3264        </nav>
3265      
3266      
3267        <nav class='basis-[50%]'>
3268          <p class='text-[14px] font-light'>Clothing</p>
3269          <ul class='font-serif flex flex-col gap-2'>
3270            
3271
3272              
3273              <li class='leading-[1.17]'>
3274                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-shirts'>Shirts & Overshirts</a>
3275              </li>
3276            
3277
3278              
3279              <li class='leading-[1.17]'>
3280                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-t-shirts'>T-Shirts & Sweatshirts</a>
3281              </li>
3282            
3283
3284              
3285              <li class='leading-[1.17]'>
3286                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-sweaters-cardigans'>Sweaters & Cardigans</a>
3287              </li>
3288            
3289
3290              
3291              <li class='leading-[1.17]'>
3292                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-polos'>Polos</a>
3293              </li>
3294            
3295
3296              
3297              <li class='leading-[1.17]'>
3298                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-jeans'>Jeans</a>
3299              </li>
3300            
3301
3302              
3303              <li class='leading-[1.17]'>
3304                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-pants'>Pants</a>
3305              </li>
3306            
3307
3308              
3309              <li class='leading-[1.17]'>
3310                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/blazers-for-men'>Blazers & Vests</a>
3311              </li>
3312            
3313
3314              
3315              <li class='leading-[1.17]'>
3316                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-outerwear'>Outerwear</a>
3317              </li>
3318            
3319
3320              
3321              <li class='leading-[1.17]'>
3322                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/men-clothing'>Shop All Men</a>
3323              </li>
3324            
3325          </ul>
3326        </nav>
3327      
3328      
3329        <nav class='basis-[50%]'>
3330          <p class='text-[14px] font-light'>Accessories</p>
3331          <ul class='font-serif flex flex-col gap-2'>
3332            
3333
3334              
3335              <li class='leading-[1.17]'>
3336                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-belts-suspenders'>Belts & Suspenders</a>
3337              </li>
3338            
3339
3340              
3341              <li class='leading-[1.17]'>
3342                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-hats'>Hats</a>
3343              </li>
3344            
3345
3346              
3347              <li class='leading-[1.17]'>
3348                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-scarves'>Pocket Squares</a>
3349              </li>
3350            
3351
3352              
3353              <li class='leading-[1.17]'>
3354                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-bags'>Bags & Wallets</a>
3355              </li>
3356            
3357
3358              
3359              <li class='leading-[1.17]'>
3360                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-ties-bowties'>Ties & Bowties</a>
3361              </li>
3362            
3363
3364              
3365              <li class='leading-[1.17]'>
3366                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-underwear'>Underwear & Socks</a>
3367              </li>
3368            
3369
3370              
3371              <li class='leading-[1.17]'>
3372                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/all-mens-accessories'>Shop All Accessories</a>
3373              </li>
3374            
3375          </ul>
3376        </nav>
3377      
3378    </div>
3379    <div class='p-8 '>
3380      <p class='text-sm font-light'>Our faves right now</p>
3381      <div class='flex flex-row items-center justify-end gap-3'>
3382        
3383          
3384            
3385
3386
3387  <div
3388    data-product-card
3389    class='relative w-[200px] h-[308px]'
3390    data-component='productCard'
3391    data-product-card-handle-main='merino-wool-v-neck-sweater-5'
3392    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BE42_1.jpg?v=1787074503\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BE42_2.jpg?v=1787074503\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BE42_3.jpg?v=1787074504\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BL21_1.jpg?v=1787074505\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BL21_2.jpg?v=1787074506\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BL21_3.jpg?v=1787074506\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BR10_1.jpg?v=1788511493\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BR10_2.jpg?v=1788511493\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_BR10_3.jpg?v=1788511495\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_GR42_1.jpg?v=1788511495\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_GR42_2.jpg?v=1788511496\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_GR42_3.jpg?v=1788511497\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_NO01_1.jpg?v=1788511497\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_NO01_2.jpg?v=1788511498\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV040D1825Z_NO01_3.jpg?v=1788511499\u0026width=700"]'
3393    data-variants-info='[{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222247586" },{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222280354" },{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222313122" },{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222345890" },{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222378658" },{ "color": "BE42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222411426" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222444194" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222476962" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222509730" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222542498" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222575266" },{ "color": "BL21", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222608034" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222640802" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222673570" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222706338" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222739106" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222771874" },{ "color": "BR10", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222804642" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=475272228374
339310" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222870178" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222902946" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222935714" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527222968482" },{ "color": "GR42", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223001250" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223034018" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223066786" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223099554" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223132322" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223165090" },{ "color": "NO01", "url": "/products/merino-wool-v-neck-sweater-5?variant=47527223197858" }]'
3394  >
3395    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3396      
3397        <a
3398          href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
3399          data-product-url
3400          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3401        >
3402      
3403
3404      <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
3405      
3406
3407
3408          
3409          
3410        
3411          
3412          
3413
3414        
3415          <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover left-0 h-full w-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 hidden md:block" data-hover-image="">
3416        
3417      
3418      
3419        </a>
3420      
3421
3422        
3423
3424            
3425          
3426            
3427          
3428          
3429          <div
3430            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3431            style='background-color: #966c3f;'
3432          >
3433            New Arrivals
3434            
3435          </div>
3436          
3437      
3438    </div>
3439    <div class='pt-3'>
3440      <div class='items-align flex flex-col justify-start '>
3441          
3442
3443          
3444        
3445
3446        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3447          <a
3448            href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
3449          >Merino wool V-neck sweater</a>
3450        </h3>
3451        
3452      </div>
3453      
3454      
3455    </div>
3456  </div>
3457
3458
3459          
3460          
3461            
3462
3463
3464  <div
3465    data-product-card
3466    class='relative w-[200px] h-[308px]'
3467    data-component='productCard'
3468    data-product-card-handle-main='straight-leg-pant-with-elastic-waist'
3469    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_NO01_1.jpg?v=1787074535\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_NO01_2.jpg?v=1787074537\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_NO01_3.jpg?v=1787074538\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_VE11_1.jpg?v=1787074538\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_VE11_2.jpg?v=1787074539\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1406Z_VE11_3.jpg?v=1787074540\u0026width=700"]'
3470    data-variants-info='[{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227621538" },{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227654306" },{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227687074" },{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227719842" },{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227752610" },{ "color": "NO01", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227785378" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227818146" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227850914" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227883682" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227916450" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227949218" },{ "color": "VE11", "url": "/products/straight-leg-pant-with-elastic-waist?variant=47527227981986" }]'
3471  >
3472    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3473      
3474        <a
3475          href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538'
3476          data-product-url
3477          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3478        >
3479      
3480
3481      <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1406
3481Z_NO01_1.jpg?v=1787074535&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_1.jpg?v=1787074535&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_1.jpg?v=1787074535&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
3482      
3483
3484
3485          
3486          
3487        
3488          
3489          
3490
3491        
3492          <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&amp;width=700 700w" width="700" height="1050" class="absolute top-0 object-cover left-0 h-full w-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 hidden md:block" data-hover-image="">
3493        
3494      
3495      
3496        </a>
3497      
3498
3499        
3500
3501            
3502          
3503            
3504          
3505          
3506          <div
3507            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3508            style='background-color: #966c3f;'
3509          >
3510            New Arrivals
3511            
3512          </div>
3513          
3514      
3515    </div>
3516    <div class='pt-3'>
3517      <div class='items-align flex flex-col justify-start '>
3518          
3519
3520          
3521        
3522
3523        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3524          <a
3525            href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538'
3526          >Straight leg pant with elastic waist</a>
3527        </h3>
3528        
3529      </div>
3530      
3531      
3532    </div>
3533  </div>
3534
3535
3536          
3537        
3538      </div>
3539    </div>
3540  </div>
3541</div>
3542
3543              
3544            
3545
3546            
3547
3548            
3549
3550            
3551
3552          
3553        </li>
3554      
3555        <li class='h-6'>
3556            
3557            <button
3558              data-mega-menu-button
3559              id='button-about'
3560              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black'
3561              aria-label='Open menu'
3562              aria-haspopup='true'
3563              aria-expanded='false'
3564              aria-controls='megamenu-about'
3565            >
3566              <div class='flex flex-row gap-3'>
3567                About
3568                
3569    <svg
3570      
3571      xmlns='http://www.w3.org/2000/svg'
3572      width='24'
3573      height='24'
3574      viewBox='0 0 24 24'
3575      fill='none'
3576      class='h-4 w-4 mega-menu-plus'
3577    >
3578      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
3579    </svg>
3580
3581  
3582                
3583    <svg
3584      
3585      xmlns='http://www.w3.org/2000/svg'
3586      width='24'
3587      height='24'
3588      viewBox='0 0 24 24'
3589      fill='none'
3590      class='h-4 w-4 mega-menu-minus hidden'
3591    >
3592      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
3593    </svg>
3594
3595  
3596              </div>
3597            </button>
3598            
3599
3600            
3601
3602            
3603
3604            
3605
3606            
3607
3608            
3609
3610                
3611                 
3612
3613
3614<div
3615  data-mega-menu
3616  id='megamenu-about'
3617  aria-aria-labelledby='button-about'
3618  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
3619>
3620  <div
3621    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
3622    data-mega-menu-content
3623  >
3624    <div class='flex basis-3/4 gap-2 p-8'>
3625      
3626      
3627        <nav class='basis-[50%]'>
3628          <p class='text-[14px] font-light'>About us</p>
3629          <ul class='font-serif flex flex-col gap-2'>
3630            
3631              <li class='leading-[1.17]'>
3632
3633                
3634                
3635
3636                
3637
3638
3639                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/about-us'>Who We Are</a>
3640              </li>
3641            
3642              <li class='leading-[1.17]'>
3643
3644                
3645                
3646
3647                
3648
3649
3650                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/store-locator'>Our Stores</a>
3651              </li>
3652            
3653              <li class='leading-[1.17]'>
3654
3655                
3656                
3657
3658                
3659
3660
3661                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/corporate'>Corporate Uniforms</a>
3662              </li>
3663            
3664              <li class='leading-[1.17]'>
3665
3666                
3667                
3668
3669                
3670
3671
3672                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/contact-us'>Contact Us</a>
3673              </li>
3674            
3675              <li class='leading-[1.17]'>
3676
3677                
3678                
3679
3680                
3681
3682
3683                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/careers'>Careers</a>
3684              </li>
3685            
3686          </ul>
3687        </nav>
3688      
3689      
3690        <nav class='basis-[50%]'>
3691          <p class='text-[14px] font-light'>Blog</p>
3692          <ul class='font-serif flex flex-col gap-2'>
3693            
3694
3695              
3696              <li class='leading-[1.17]'>
3697                <a class='text-sm font-normal leading-5 hover:underline ' href='https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends'>Spring-Summer 2026 Fashion Trends</a>
3698              </li>
3699            
3700
3701              
3702              <li class='leading-[1.17]'>
3703                <a class='text-sm font-normal leading-5 hover:underline ' href='https://www.tristanstyle.com/blogs/news/holiday-gift-ideas-2025'>Holiday Gift Ideas: Giving Timeless Fashion</a>
3704              </li>
3705            
3706
3707              
3708              <li class='leading-[1.17]'>
3709                <a class='text-sm font-normal leading-5 hover:underline ' href='https://www.tristanstyle.com/blogs/news/autumn-winter-fashion-2025'>Fall/Winter 2025 Fashion Trends</a>
3710              </li>
3711            
3712
3713              
3714              <li class='leading-[1.17]'>
3715                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/woman-professional-look'>How to Build a Professional Wardrobe</a>
3716              </li>
3717            
3718
3719              
3720              <li class='leading-[1.17]'>
3721                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/the-rule-of-three-master-the-art-of-mix-and-match-with-your-favourite-summer-clothes'>The Rule of Three      </a>
3722              </li>
3723            
3724
3725              
3726              <li class='leading-[1.17]'>
3727                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/clothes-made-in-canada'>Clothes Made in Canada</a>
3728              </li>
3729            
3730
3731              
3732              <li class='leading-[1.17]'>
3733                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news'>Read All Blog Posts</a>
3734              </li>
3735            
3736          </ul>
3737        </nav>
3738      
3739      
3740        <nav class='basis-[50%]'>
3741          <p class='text-[14px] font-light'>Help</p>
3742          <ul class='font-serif flex flex-col gap-2'>
3743            
3744
3745              
3746              <li class='leading-[1.17]'>
3747                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/faq'>FAQ</a>
3748              </li>
3749            
3750
3751              
3752              <li class='leading-[1.17]'>
3753                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/gift-card-balance-check'>Gift Card Balance</a>
3754              </li>
3755            
3756
3757              
3758              <li class='leading-[1.17]'>
3759                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/shipping'>Shipping</a>
3760              </li>
3761            
3762
3763              
3764              <li class='leading-[1.17]'>
3765                <a class='text-sm font-normal leading-5 hover:underline ' href='https://tristanstyle.returnscenter.com/'>Return Management</a>
3766              </li>
3767            
3768          </ul>
3769        </nav>
3770      
3771    </div>
3772    <div class='p-8 mb-3'>
3773      <p class='text-sm font-light'>Join us</p>
3774      <div class='flex flex-row items-center justify-end gap-3'>
3775        
3776          
3777
3778              <a href='/blogs/news/woman-professional-look' class='object relative  !aspect-[3/4] h-full w-[200px]'>
3779
3780
3781
3782
3783<div
3784    class='relative w-full h-full object-cover '
3785    data-component='media'
3786    
3787    data-pswp-width='6520'
3788    data-pswp-height='8700'
3789    href='//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&width=2000'
3790  >
3791    
3792        
3793          <img src="//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&amp;
3793width=652 652w" width="652" height="870" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
3794        
3795
3796        
3797          <img src="//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&amp;width=652 652w" width="652" height="870" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block ">
3798        
3799    
3800  </div >
3801
3802<div class='min-h-[60px] pt-3'>
3803                  <div class='items-align flex flex-col justify-start '>
3804                    <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Professional wardrobe
3805                    </h3>
3806                  </div>
3807                </div>
3808              </a>
3809            
3810          
3811
3812              <a href='https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends' class='object relative  !aspect-[3/4] h-full w-[200px]'>
3813
3814
3815
3816
3817<div
3818    class='relative w-full h-full object-cover '
3819    data-component='media'
3820    
3821    data-pswp-width='6000'
3822    data-pswp-height='4560'
3823    href='//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&width=2000'
3824  >
3825    
3826        
3827          <img src="//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&amp;width=600 600w" width="600" height="456" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
3828        
3829
3830        
3831          <img src="//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&amp;width=600 600w" width="600" height="456" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block ">
3832        
3833    
3834  </div >
3835
3836<div class='min-h-[60px] pt-3'>
3837                  <div class='items-align flex flex-col justify-start '>
3838                    <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Spring 2026
3839                    </h3>
3840                  </div>
3841                </div>
3842              </a>
3843            
3844          
3845        
3846      </div>
3847    </div>
3848  </div>
3849</div>
3850
3851              
3852            
3853
3854          
3855        </li>
3856      
3857    </ul>
3858  </nav>
3859
3860  <nav class='self-center '>
3861    <ul class='flex items-center justify-end gap-3'>
3862      <li class='relative  hidden md_lg:flex'>
3863        <button
3864          data-localize-button
3865          class='flex flex-row items-center justify-center gap-[6px] pr-[38px] text-xs'
3866        >
3867          Change language
3868          
3869    <svg
3870      data-icon-down
3871      class=''
3872      xmlns='http://www.w3.org/2000/svg'
3873      width='16'
3874      height='16'
3875      viewBox='0 0 16 16'
3876      fill='none'
3877    >
3878      <g >
3879      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
3880      </g>
3881    </svg>
3882
3883  
3884          
3885    <svg
3886      data-icon-up
3887      class='hidden rotate-180'
3888      xmlns='http://www.w3.org/2000/svg'
3889      width='16'
3890      height='16'
3891      viewBox='0 0 16 16'
3892      fill='none'
3893    >
3894      <g >
3895      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
3896      </g>
3897    </svg>
3898
3899  
3900        </button>
3901
3902        <div data-localize-menu class='absolute right-[38px] top-[2px] mt-9 hidden w-36 bg-tristan-white'><form method="post" action="/localization" id="localization_form_header" accept-charset="UTF-8" class="Header__LocalizationForm hidden-pocket" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/store-locator" /><input type='hidden' name='locale_code' value='en'>
3903            <ul class='flex flex-col gap-4 p-4'><li class='font-bold'>
3904                  <button
3905                    type='submit'
3906                    name='locale_code'
3907                    class='text-sm capitalize'
3908                    style='font-size:12px;'
3909                    value='en'
3910                  >
3911                    <img
3912                      src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698'
3913                      style='display:inline-block;'
3914                      width='12'
3915                      height='auto'
3916                    >
3917                    &nbsp;English&nbsp;(CAD)
3918                  </button>
3919                </li><li class=''>
3920                  <button
3921                    type='submit'
3922                    name='locale_code'
3923                    class='text-sm capitalize'
3924                    style='font-size:12px;'
3925                    value='fr'
3926                  >
3927                    <img
3928                      src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698'
3929                      style='display:inline-block;'
3930                      width='12'
3931                      height='auto'
3932                    >
3933                    &nbsp;Français&nbsp;(CAD)
3934                  </button>
3935                </li><li>
3936                <a href='https://us.tristanstyle.com/' class='text-sm capitalize' style='font-size:12px;'>
3937                  <img
3938                    src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-us.png?v=1734105698'
3939                    style='display:inline-block;'
3940                    width='12'
3941                    height='auto'
3942
3943                  >&nbsp; English (USD)</a
3944                >
3945              </li>
3946            </ul></form></div>
3947      </li>
3948      <li class='hidden h-6 md_lg:block'>
3949        <button data-search-button class='flex h-6' aria-label='Search'>
3950          
3951    <svg
3952      
3953      width='22'
3954      height='22'
3955      viewBox='0 0 22 22'
3956      class=''
3957      fill='none'
3958      xmlns='http://www.w3.org/2000/svg'
3959    >
3960      <g clip-path="url(#clip0_127_1251)">
3961      <path d="M8.80007 17.75C13.2552 17.75 16.8667 14.0563 16.8667 9.5C16.8667 4.94365 13.2552 1.25 8.80007 1.25C4.34497 1.25 0.733398 4.94365 0.733398 9.5C0.733398 14.0563 4.34497 17.75 8.80007 17.75Z" stroke="black"/>
3962      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
3963      </g>
3964      <defs>
3965      <clipPath id="clip0_127_1251">
3966      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
3967      </clipPath>
3968      </defs>
3969    </svg>
3970
3971  
3972        </button>
3973      </li>
3974      <li class='block h-6'>
3975        <a
3976          href='#hero-wishlist'
3977          class='wishlist-hero-header-icon WishIconHeader relative [&>span:empty]:!bg-transparent [&>span]:absolute [&>span]:-right-2 [&>span]:-top-2 [&>span]:!flex [&>span]:h-[20px] [&>span]:w-[20px] [&>span]:items-center [&>span]:justify-center [&>span]:!rounded-[50px] [&>span]:bg-tristan-black [&>span]:!pt-[2px] [&>span]:text-[12px] [&>span]:!leading-[0] [&>span]:text-tristan-white'
3978        >
3979    <svg
3980      
3981      width='22'
3982      height='22'
3983      viewBox='0 0 22 22'
3984      class=''
3985      fill='none'
3986      xmlns='http://www.w3.org/2000/svg'
3987    >
3988      <path d="M15.2969 3.60938C13.4922 3.60938 11.923 4.4232 11 5.78703C10.077 4.4232 8.50781 3.60938 6.70312 3.60938C5.33609 3.61097 4.0255 4.15472 3.05886 5.12136C2.09222 6.088 1.54847 7.39859 1.54688 8.76562C1.54687 11.275 3.11094 13.8866 6.19609 16.5266C7.60981 17.7313 9.13689 18.7962 10.7559 19.7063C10.831 19.7466 10.9148 19.7677 11 19.7677C11.0852 19.7677 11.169 19.7466 11.2441 19.7063C12.8631 18.7962 14.3902 17.7313 15.8039 16.5266C18.8891 13.8866 20.4531 11.275 20.4531 8.76562C20.4515 7.39859 19.9078 6.088 18.9411 5.12136C17.9745 4.15472 16.6639 3.61097 15.2969 3.60938ZM11 18.6579C9.58977 17.8441 2.57812 13.5541 2.57812 8.76562C2.57926 7.67196 3.01422 6.62341 3.78757 5.85007C4.56091 5.07672 5.60946 4.64176 6.70312 4.64062C8.44594 4.64062 9.90945 5.57133 10.523 7.07008C10.5619 7.16465 10.628 7.24554 10.7129 7.30246C10.7978 7.35939 10.8978 7.38978 11 7.38978C11.1022 7.38978 11.2022 7.35939 11.2871 7.30246C11.372 7.24554 11.4381 7.16465 11.477 7.07008C12.0905 5.57133 13.5541 4.64062 15.2969 4.64062C16.3905 4.64176 17.4391 5.07672 18.2124 5.85007C18.9858 6.62341 19.4207 7.67196 19.4219 8.76562C19.4219 13.5541 12.4102 17.8441 11 18.6579Z" fill="currentColor"/>
3989    </svg>
3990
3991  </a>
3992      </li>
3993      <li class='h-6'>
3994        <button class='relative flex gap-2' data-cart-icon-desktop>
3995          <span class='inline-block' data-cart-text>
3996    <svg
3997      
3998      width='22'
3999      height='20'
4000      viewBox='0 0 22 20'
4001      class=''
4002      fill='none'
4003      xmlns='http://www.w3.org/2000/svg'
4004    >
4005      <g clip-path="url(#clip0_127_1256)">
4006      <path d="M13.4446 6.25V3.75C13.4446 2.36929 12.3502 1.25 11.0001 1.25C9.65008 1.25 8.55566 2.36929 8.55566 3.75V6.25" stroke="black"/>
4007      <path d="M1.01016 7.66445C0.904137 7.26686 1.19679 6.875 1.59974 6.875H20.3994C20.8023 6.875 21.095 7.26686 20.9889 7.66445L18.4802 17.0722C18.1176 18.4317 16.9102 19.375 15.5323 19.375H6.4668C5.08889 19.375 3.88146 18.4317 3.51891 17.0722L1.01016 7.66445Z" fill="white" stroke="black"/>
4008      </g>
4009      <defs>
4010      <clipPath id="clip0_127_1256">
4011      <rect width="22" height="20" fill="white"/>
4012      </clipPath>
4013      </defs>
4014    </svg>
4015
4016  </span>
4017          <span
4018            data-cart-count
4019            class='absolute -right-3 -top-2 flex h-5 w-5 items-center justify-center  rounded-[50px] bg-tristan-black pt-[2px] text-xs font-bold text-tristan-white  hidden '
4020          >0</span>
4021        </button>
4022      </li>
4023    </ul>
4024  </nav>
4025
4026  
4027<div
4028  data-mobile-menu
4029  class='fixed left-0 top-0 flex h-full w-screen translate-x-full flex-col items-start justify-start bg-tristan-white py-0 text-tristan-black transition-transform duration-500 md_lg:hidden'
4030>
4031  <div
4032    data-mobile-header
4033    class='container grid h-[60px] w-full  grid-cols-3 justify-between border-b border-tristan-dark-900 px-4 py-3 md:h-[70px]'
4034  >
4035    <div class='flex items-center justify-start gap-[26px]'>
4036      <button
4037        data-mobile-menu-button
4038        class='ml-2 h-4 w-4 self-center lg:hidden'
4039        aria-label='accessibility.open_menu'
4040        aria-haspopup='true'
4041        aria-expanded='false'
4042      >
4043        
4044    <svg
4045      
4046      width='15'
4047      height='15'
4048      viewBox='0 0 15 15'
4049      class='w-full h-full'
4050      fill='none'
4051      xmlns='http://www.w3.org/2000/svg'
4052    >
4053      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
4054    </svg>
4055
4056  
4057      </button>
4058      <button
4059        data-search-mobile-button
4060        class='flex h-4 w-4'
4061        aria-label='Search'
4062      >
4063        
4064    <svg
4065      
4066      width='22'
4067      height='22'
4068      viewBox='0 0 22 22'
4069      class='m-auto w-full h-full'
4070      fill='none'
4071      xmlns='http://www.w3.org/2000/svg'
4072    >
4073      <g clip-path="url(#clip0_127_1251)">
4074      <path d="M8.80007 17.75C13.2552 17.75 16.8667 14.0563 16.8667 9.5C16.8667 4.94365 13.2552 1.25 8.80007 1.25C4.34497 1.25 0.733398 4.94365 0.733398 9.5C0.733398 14.0563 4.34497 17.75 8.80007 17.75Z" stroke="black"/>
4075      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
4076      </g>
4077      <defs>
4078      <clipPath id="clip0_127_1251">
4079      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
4080      </clipPath>
4081      </defs>
4082    </svg>
4083
4084  
4085      </button>
4086    </div>
4087    <a href='/' class='flex items-center justify-center'>
4088      
4089    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
4090      TRISTAN
4091    </div>
4092
4093  
4094    </a>
4095    <div class='flex items-center justify-end'>
4096      <button data-cart-icon-mobile class='relative h-[24px] w-[24px]'>
4097        
4098    <svg
4099      
4100      width='22'
4101      height='20'
4102      viewBox='0 0 22 20'
4103      class=' m-auto'
4104      fill='none'
4105      xmlns='http://www.w3.org/2000/svg'
4106    >
4107      <g clip-path="url(#clip0_127_1256)">
4108      <path d="M13.4446 6.25V3.75C13.4446 2.36929 12.3502 1.25 11.0001 1.25C9.65008 1.25 8.55566 2.36929 8.55566 3.75V6.25" stroke="black"/>
4109      <path d="M1.01016 7.66445C0.904137 7.26686 1.19679 6.875 1.59974 6.875H20.3994C20.8023 6.875 21.095 7.26686 20.9889 7.66445L18.4802 17.0722C18.1176 18.4317 16.9102 19.375 15.5323 19.375H6.4668C5.08889 19.375 3.88146 18.4317 3.51891 17.0722L1.01016 7.66445Z" fill="white" stroke="black"/>
4110      </g>
4111      <defs>
4112      <clipPath id="clip0_127_1256">
4113      <rect width="22" height="20" fill="white"/>
4114      </clipPath>
4115      </defs>
4116    </svg>
4117
4118  
4119        <span
4120          data-cart-count-mobile
4121          class=' hidden  absolute -right-3 -top-2 flex h-5 w-5 items-center justify-center  rounded-[50px] bg-tristan-black pt-[2px] text-xs font-bold text-tristan-white'
4122        >
4123          0
4124        </span>
4125      </button>
4126    </div>
4127  </div>
4128
4129  <div class='flex w-full flex-grow flex-col justify-between gap-4 overflow-y-auto'>
4130    <div class=''>
4131      <nav data-nav-mobile class='h-max'>
4132        <ul class='flex flex-col'>
4133          
4134            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
4135              <div data-component='accordion'>
4136                  
4137  <div
4138    
4139      data-accordion-item
4140    
4141    
4142
4143    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
4144  >
4145    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
4146      New Arrivals
4147
4148      <span data-accordion-icon-plus class='text-tristan-black'>
4149    <svg
4150      
4151      xmlns='http://www.w3.org/2000/svg'
4152      width='24'
4153      height='24'
4154      viewBox='0 0 24 24'
4155      fill='none'
4156      class='rotate-180'
4157    >
4158      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4159    </svg>
4160
4161  </span>
4162      <span
4163        data-accordion-icon-minus
4164        class='hidden text-tristan-black '
4165      >
4166    <svg
4167      
4168      xmlns='http://www.w3.org/2000/svg'
4169      width='24'
4170      height='24'
4171      viewBox='0 0 24 24'
4172      fill='none'
4173      class=''
4174    >
4175      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4176    </svg>
4177
4178  </span>
4179    </button>
4180    <div
4181      data-accordion-content
4182      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
4183      aria-hidden='true'
4184    >
4185      
4186        <ul class='flex flex-col gap-3'>
4187          
4188            
4189              
4190                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4191                  <div class=' w-14 '>
4192                    
4193
4194
4195
4196
4197<div
4198    class='relative aspect-[0.725] h-full pointer-events-none '
4199    data-component='media'
4200    
4201    data-pswp-width='0'
4202    data-pswp-height='0'
4203    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
4204  >
4205    
4206        
4207          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4208        
4209
4210        
4211          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4212        
4213    
4214  </div >
4215
4216
4217                  </div>
4218                  <a href='/collections/womens-new-arrivals' class=''>Women</a>
4219                </li>
4220              
4221            
4222              
4223                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4224                  <div class=' w-14 '>
4225                    
4226
4227
4228
4229
4230<div
4231    class='relative aspect-[0.725] h-full pointer-events-none '
4232    data-component='media'
4233    
4234    data-pswp-width='0'
4235    data-pswp-height='0'
4236    href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000'
4237  >
4238    
4239        
4240          <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4241        
4242
4243        
4244          <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4245        
4246    
4247  </div >
4248
4249
4250                  </div>
4251                  <a href='/collections/mens-new-arrivals' class=''>Men</a>
4252                </li>
4253              
4254            
4255
4256          
4257        </ul>
4258      
4259    </div>
4260  </div>
4261
4262
4263                </div>
4264
4265              
4266            </li>
4267          
4268            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
4269              <div data-component='accordion'>
4270                  
4271  <div
4272    
4273      data-accordion-item
4274    
4275    
4276
4277    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
4278  >
4279    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
4280      Women
4281
4282      <span data-accordion-icon-plus class='text-tristan-black'>
4283    <svg
4284      
4285      xmlns='http://www.w3.org/2000/svg'
4286      width='24'
4287      height='24'
4288      viewBox='0 0 24 24'
4289      fill='none'
4290      class='rotate-180'
4291    >
4292      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4293    </svg>
4294
4295  </span>
4296      <span
4297        data-accordion-icon-minus
4298        class='hidden text-tristan-black '
4299      >
4300    <svg
4301      
4302      xmlns='http://www.w3.org/2000/svg'
4303      width='24'
4304      height='24'
4305      viewBox='0 0 24 24'
4306      fill='none'
4307      class=''
4308    >
4309      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4310    </svg>
4311
4312  </span>
4313    </button>
4314    <div
4315      data-accordion-content
4316      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
4317      aria-hidden='true'
4318    >
4319      
4320        <ul class='flex flex-col gap-3'>
4321          
4322            
4323              
4324                <div data-component='accordionSub'>
4325                  
4326  <div
4327    
4328      data-accordion-sub-item
4329    
4330    
4331
4332    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4333  >
4334    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4335      Shop by
4336
4337      <span data-accordion-icon-plus class='text-tristan-black'>
4338    <svg
4339      
4340      xmlns='http://www.w3.org/2000/svg'
4341      width='24'
4342      height='24'
4343      viewBox='0 0 24 24'
4344      fill='none'
4345      class='rotate-180'
4346    >
4347      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4348    </svg>
4349
4350  </span>
4351      <span
4352        data-accordion-icon-minus
4353        class='hidden text-tristan-black '
4354      >
4355    <svg
4356      
4357      xmlns='http://www.w3.org/2000/svg'
4358      width='24'
4359      height='24'
4360      viewBox='0 0 24 24'
4361      fill='none'
4362      class=''
4363    >
4364      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4365    </svg>
4366
4367  </span>
4368    </button>
4369    <div
4370      data-accordion-content
4371      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
4372      aria-hidden='true'
4373    >
4374      
4375        <ul class='flex flex-col gap-3'>
4376          
4377            
4378              
4379                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4380                  <div class=' w-14 '>
4381                    
4382
4383
4384
4385
4386<div
4387    class='relative aspect-[0.725] h-full pointer-events-none '
4388    data-component='media'
4389    
4390    data-pswp-width='0'
4391    data-pswp-height='0'
4392    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
4393  >
4394    
4395        
4396          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4397        
4398
4399        
4400          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4401        
4402    
4403  </div >
4404
4405
4406                  </div>
4407                  <a href='/collections/womens-new-arrivals' class=''>New Arrivals</a>
4408                </li>
4409              
4410            
4411              
4412                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4413                  <div class=' w-14 '>
4414                    
4415
4416
4417
4418
4419<div
4420    class='relative aspect-[0.725] h-full pointer-events-none '
4421    data-component='media'
4422    
4423    data-pswp-width='0'
4424    data-pswp-height='0'
4425    href='//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=2000'
4426  >
4427    
4428        
4429          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4430        
4431
4432        
4433          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4434        
4435    
4436  </div >
4437
4438
4439                  </div>
4440                  <a href='/collections/womens-suiting' class=''>Suiting</a>
4441                </li>
4442              
4443            
4444              
4445                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4446                  <div class=' w-14 '>
4447                    
4448
4449
4450
4451
4452<div
4453    class='relative aspect-[0.725] h-full pointer-events-none '
4454    data-component='media'
4455    
4456    data-pswp-width='0'
4457    data-pswp-height='0'
4458    href='//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=2000'
4459  >
4460    
4461        
4462          <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4463        
4464
4465        
4466          <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4467        
4468    
4469  </div >
4470
4471
4472                  </div>
4473                  <a href='/collections/womens-made-in-canada' class=''>Made In Canada</a>
4474                </li>
4475              
4476            
4477              
4478                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4479                  <div class=' w-14 '>
4480                    
4481
4482
4483
4484
4485<div
4486    class='relative aspect-[0.725] h-full pointer-events-none '
4487    data-component='media'
4488    
4489    data-pswp-width='16670'
4490    data-pswp-height='25000'
4491    href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000'
4492  >
4493    
4494        
4495          <img src="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976" alt="Gift Card" srcset="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4496        
4497
4498        
4499          <img src="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976" alt="Gift Card" srcset="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4500        
4501    
4502  </div >
4503
4504
4505                  </div>
4506                  <a href='/products/00-giftcard' class=''>Gift Card</a>
4507                </li>
4508              
4509            
4510              
4511                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4512                  <div class=' w-14 '>
4513                    
4514
4515
4516
4517
4518<div
4519    class='relative aspect-[0.725] h-full pointer-events-none '
4520    data-component='media'
4521    
4522    data-pswp-width='0'
4523    data-pswp-height='0'
4524    href='//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166&width=2000'
4525  >
4526    
4527        
4528          <img src="//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166&amp;width=224 224w" width="224" height="308" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4529        
4530
4531        
4532          <img src="//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166&amp;width=224 224w" width="224" height="308" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4533        
4534    
4535  </div >
4536
4537
4538                  </div>
4539                  <a href='/collections/womens-sale' class=''>Sale</a>
4540                </li>
4541              
4542            
4543
4544          
4545        </ul>
4546      
4547    </div>
4548  </div>
4549
4550
4551                </div>
4552              
4553            
4554              
4555                <div data-component='accordionSub'>
4556                  
4557  <div
4558    
4559      data-accordion-sub-item
4560    
4561    
4562
4563    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4564  >
4565    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4566      Clothing
4567
4568      <span data-accordion-icon-plus class='text-tristan-black'>
4569    <svg
4570      
4571      xmlns='http://www.w3.org/2000/svg'
4572      width='24'
4573      height='24'
4574      viewBox='0 0 24 24'
4575      fill='none'
4576      class='rotate-180'
4577    >
4578      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4579    </svg>
4580
4581  </span>
4582      <span
4583        data-accordion-icon-minus
4584        class='hidden text-tristan-black '
4585      >
4586    <svg
4587      
4588      xmlns='http://www.w3.org/2000/svg'
4589      width='24'
4590      height='24'
4591      viewBox='0 0 24 24'
4592      fill='none'
4593      class=''
4594    >
4595      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4596    </svg>
4597
4598  </span>
4599    </button>
4600    <div
4601      data-accordion-content
4602      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
4603      aria-hidden='true'
4604    >
4605      
4606        <ul class='flex flex-col gap-3'>
4607          
4608            
4609              
4610                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4611                  <div class=' w-14 '>
4612                    
4613
4614
4615
4616
4617<div
4618    class='relative aspect-[0.725] h-full pointer-events-none '
4619    data-component='media'
4620    
4621    data-pswp-width='0'
4622    data-pswp-height='0'
4623    href='//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=2000'
4624  >
4625    
4626        
4627          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4628        
4629
4630        
4631          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4632        
4633    
4634  </div >
4635
4636
4637                  </div>
4638                  <a href='/collections/womens-blazers-vests' class=''>Blazers & Vests</a>
4639                </li>
4640              
4641            
4642              
4643                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4644                  <div class=' w-14 '>
4645                    
4646
4647
4648
4649
4650<div
4651    class='relative aspect-[0.725] h-full pointer-events-none '
4652    data-component='media'
4653    
4654    data-pswp-width='0'
4655    data-pswp-height='0'
4656    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
4657  >
4658    
4659        
4660          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4661        
4662
4663        
4664          <img src="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4665        
4666    
4667  </div >
4668
4669
4670                  </div>
4671                  <a href='/collections/womens-dresses' class=''>Dresses</a>
4672                </li>
4673              
4674            
4675              
4676                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4677                  <div class=' w-14 '>
4678                    
4679
4680
4681
4682
4683<div
4684    class='relative aspect-[0.725] h-full pointer-events-none '
4685    data-component='media'
4686    
4687    data-pswp-width='0'
4688    data-pswp-height='0'
4689    href='//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=2000'
4690  >
4691    
4692        
4693          <img src="//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4694        
4695
4696        
4697          <img src="//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4698        
4699    
4700  </div >
4701
4702
4703                  </div>
4704                  <a href='/collections/womens-sweaters' class=''>Sweaters & Cardigans</a>
4705                </li>
4706              
4707            
4708              
4709                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4710                  <div class=' w-14 '>
4711                    
4712
4713
4714
4715
4716<div
4717    class='relative aspect-[0.725] h-full pointer-events-none '
4718    data-component='media'
4719    
4720    data-pswp-width='0'
4721    data-pswp-height='0'
4722    href='//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=2000'
4723  >
4724    
4725        
4726          <img src="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4727        
4728
4729        
4730          <img src="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4731        
4732    
4733  </div >
4734
4735
4736                  </div>
4737                  <a href='/collections/shirts-blouse' class=''>
4737Shirts & Blouses</a>
4738                </li>
4739              
4740            
4741              
4742                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4743                  <div class=' w-14 '>
4744                    
4745
4746
4747
4748
4749<div
4750    class='relative aspect-[0.725] h-full pointer-events-none '
4751    data-component='media'
4752    
4753    data-pswp-width='0'
4754    data-pswp-height='0'
4755    href='//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=2000'
4756  >
4757    
4758        
4759          <img src="//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4760        
4761
4762        
4763          <img src="//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4764        
4765    
4766  </div >
4767
4768
4769                  </div>
4770                  <a href='/collections/womens-skirts' class=''>Skirts</a>
4771                </li>
4772              
4773            
4774              
4775                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4776                  <div class=' w-14 '>
4777                    
4778
4779
4780
4781
4782<div
4783    class='relative aspect-[0.725] h-full pointer-events-none '
4784    data-component='media'
4785    
4786    data-pswp-width='0'
4787    data-pswp-height='0'
4788    href='//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=2000'
4789  >
4790    
4791        
4792          <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4793        
4794
4795        
4796          <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4797        
4798    
4799  </div >
4800
4801
4802                  </div>
4803                  <a href='/collections/women-s-jeans' class=''>Jeans</a>
4804                </li>
4805              
4806            
4807              
4808                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4809                  <div class=' w-14 '>
4810                    
4811
4812
4813
4814
4815<div
4816    class='relative aspect-[0.725] h-full pointer-events-none '
4817    data-component='media'
4818    
4819    data-pswp-width='0'
4820    data-pswp-height='0'
4821    href='//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=2000'
4822  >
4823    
4824        
4825          <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4826        
4827
4828        
4829          <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4830        
4831    
4832  </div >
4833
4834
4835                  </div>
4836                  <a href='/collections/womens-pants' class=''>Pants</a>
4837                </li>
4838              
4839            
4840              
4841                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4842                  <div class=' w-14 '>
4843                    
4844
4845
4846
4847
4848<div
4849    class='relative aspect-[0.725] h-full pointer-events-none '
4850    data-component='media'
4851    
4852    data-pswp-width='0'
4853    data-pswp-height='0'
4854    href='//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=2000'
4855  >
4856    
4857        
4858          <img src="//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4859        
4860
4861        
4862          <img src="//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4863        
4864    
4865  </div >
4866
4867
4868                  </div>
4869                  <a href='/collections/womens-t-shirts' class=''>T-Shirts & Sweatshirts</a>
4870                </li>
4871              
4872            
4873              
4874                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4875                  <div class=' w-14 '>
4876                    
4877
4878
4879
4880
4881<div
4882    class='relative aspect-[0.725] h-full pointer-events-none '
4883    data-component='media'
4884    
4885    data-pswp-width='0'
4886    data-pswp-height='0'
4887    href='//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=2000'
4888  >
4889    
4890        
4891          <img src="//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4892        
4893
4894        
4895          <img src="//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4896        
4897    
4898  </div >
4899
4900
4901                  </div>
4902                  <a href='/collections/women-s-outerwear' class=''>Outerwear</a>
4903                </li>
4904              
4905            
4906              
4907                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4908                  <div class=' w-14 '>
4909                    
4910
4911
4912
4913
4914<div
4915    class='relative aspect-[0.725] h-full pointer-events-none '
4916    data-component='media'
4917    
4918    data-pswp-width='0'
4919    data-pswp-height='0'
4920    href='//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=2000'
4921  >
4922    
4923        
4924          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
4925        
4926
4927        
4928          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
4929        
4930    
4931  </div >
4932
4933
4934                  </div>
4935                  <a href='/collections/women' class=''>
4935Shop All Clothing</a>
4936                </li>
4937              
4938            
4939
4940          
4941        </ul>
4942      
4943    </div>
4944  </div>
4945
4946
4947                </div>
4948              
4949            
4950              
4951                <div data-component='accordionSub'>
4952                  
4953  <div
4954    
4955      data-accordion-sub-item
4956    
4957    
4958
4959    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4960  >
4961    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4962      Accessories
4963
4964      <span data-accordion-icon-plus class='text-tristan-black'>
4965    <svg
4966      
4967      xmlns='http://www.w3.org/2000/svg'
4968      width='24'
4969      height='24'
4970      viewBox='0 0 24 24'
4971      fill='none'
4972      class='rotate-180'
4973    >
4974      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4975    </svg>
4976
4977  </span>
4978      <span
4979        data-accordion-icon-minus
4980        class='hidden text-tristan-black '
4981      >
4982    <svg
4983      
4984      xmlns='http://www.w3.org/2000/svg'
4985      width='24'
4986      height='24'
4987      viewBox='0 0 24 24'
4988      fill='none'
4989      class=''
4990    >
4991      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4992    </svg>
4993
4994  </span>
4995    </button>
4996    <div
4997      data-accordion-content
4998      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
4999      aria-hidden='true'
5000    >
5001      
5002        <ul class='flex flex-col gap-3'>
5003          
5004            
5005              
5006                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5007                  <div class=' w-14 '>
5008                    
5009
5010
5011
5012
5013<div
5014    class='relative aspect-[0.725] h-full pointer-events-none '
5015    data-component='media'
5016    
5017    data-pswp-width='0'
5018    data-pswp-height='0'
5019    href='//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=2000'
5020  >
5021    
5022        
5023          <img src="//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5024        
5025
5026        
5027          <img src="//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5028        
5029    
5030  </div >
5031
5032
5033                  </div>
5034                  <a href='/collections/womens-bags' class=''>Bags</a>
5035                </li>
5036              
5037            
5038              
5039                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5040                  <div class=' w-14 '>
5041                    
5042
5043
5044
5045
5046<div
5047    class='relative aspect-[0.725] h-full pointer-events-none '
5048    data-component='media'
5049    
5050    data-pswp-width='0'
5051    data-pswp-height='0'
5052    href='//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=2000'
5053  >
5054    
5055        
5056          <img src="//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5057        
5058
5059        
5060          <img src="//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5061        
5062    
5063  </div >
5064
5065
5066                  </div>
5067                  <a href='/collections/womens-belts' class=''>Belts</a>
5068                </li>
5069              
5070            
5071              
5072                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5073                  <div class=' w-14 '>
5074                    
5075
5076
5077
5078
5079<div
5080    class='relative aspect-[0.725] h-full pointer-events-none '
5081    data-component='media'
5082    
5083    data-pswp-width='0'
5084    data-pswp-height='0'
5085    href='//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=2000'
5086  >
5087    
5088        
5089          <img src="//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5090        
5091
5092        
5093          <img src="//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5094        
5095    
5096  </div >
5097
5098
5099                  </div>
5100                  <a href='/collections/womens-gloves' class=''>Gloves</a>
5101                </li>
5102              
5103            
5104              
5105                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5106                  <div class=' w-14 '>
5107                    
5108
5109
5110
5111
5112<div
5113    class='relative aspect-[0.725] h-full pointer-events-none '
5114    data-component='media'
5115    
5116    data-pswp-width='0'
5117    data-pswp-height='0'
5118    href='//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=2000'
5119  >
5120    
5121        
5122          <img src="//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5123        
5124
5125        
5126          <img src="//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5127        
5128    
5129  </div >
5130
5131
5132                  </div>
5133                  <a href='/collections/womens-jewelry' class=''>Jewelry</a>
5134                </li>
5135              
5136            
5137              
5138                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5139                  <div class=' w-14 '>
5140                    
5141
5142
5143
5144
5145<div
5146    class='relative aspect-[0.725] h-full pointer-events-none '
5147    data-component='media'
5148    
5149    data-pswp-width='0'
5150    data-pswp-height='0'
5151    href='//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&width=2000'
5152  >
5153    
5154        
5155          <img src="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&amp;width=224 224w" width="224" height="308" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5156        
5157
5158        
5159          <img src="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&amp;width=224 224w" width="224" height="308" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5160        
5161    
5162  </div >
5163
5164
5165                  </div>
5166                  <a href='/collections/womens-scarves' class=''>Scarves</a>
5167                </li>
5168              
5169            
5170              
5171                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5172                  <div class=' w-14 '>
5173                    
5174
5175
5176
5177
5178<div
5179    class='relative aspect-[0.725] h-full pointer-events-none '
5180    data-component='media'
5181    
5182    data-pswp-width='0'
5183    data-pswp-height='0'
5184    href='//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=2000'
5185  >
5186    
5187        
5188          <img src="//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5189        
5190
5191        
5192          <img src="//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5193        
5194    
5195  </div >
5196
5197
5198                  </div>
5199                  <a href='/collections/accessories-for-women' class=''>Shop All Accessories</a>
5200                </li>
5201              
5202            
5203
5204          
5205        </ul>
5206      
5207    </div>
5208  </div>
5209
5210
5211                </div>
5212              
5213            
5214
5215          
5216        </ul>
5217      
5218    </div>
5219  </div>
5220
5221
5222                </div>
5223
5224              
5225            </li>
5226          
5227            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
5228              <div data-component='accordion'>
5229                  
5230  <div
5231    
5232      data-accordion-item
5233    
5234    
5235
5236    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
5237  >
5238    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
5239      Men
5240
5241      <span data-accordion-icon-plus class='text-tristan-black'>
5242    <svg
5243      
5244      xmlns='http://www.w3.org/2000/svg'
5245      width='24'
5246      height='24'
5247      viewBox='0 0 24 24'
5248      fill='none'
5249      class='rotate-180'
5250    >
5251      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5252    </svg>
5253
5254  </span>
5255      <span
5256        data-accordion-icon-minus
5257        class='hidden text-tristan-black '
5258      >
5259    <svg
5260      
5261      xmlns='http://www.w3.org/2000/svg'
5262      width='24'
5263      height='24'
5264      viewBox='0 0 24 24'
5265      fill='none'
5266      class=''
5267    >
5268      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5269    </svg>
5270
5271  </span>
5272    </button>
5273    <div
5274      data-accordion-content
5275      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
5276      aria-hidden='true'
5277    >
5278      
5279        <ul class='flex flex-col gap-3'>
5280          
5281            
5282              
5283                <div data-component='accordionSub'>
5284                  
5285  <div
5286    
5287      data-accordion-sub-item
5288    
5289    
5290
5291    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5292  >
5293    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5294      Shop by
5295
5296      <span data-accordion-icon-plus class='text-tristan-black'>
5297    <svg
5298      
5299      xmlns='http://www.w3.org/2000/svg'
5300      width='24'
5301      height='24'
5302      viewBox='0 0 24 24'
5303      fill='none'
5304      class='rotate-180'
5305    >
5306      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5307    </svg>
5308
5309  </span>
5310      <span
5311        data-accordion-icon-minus
5312        class='hidden text-tristan-black '
5313      >
5314    <svg
5315      
5316      xmlns='http://www.w3.org/2000/svg'
5317      width='24'
5318      height='24'
5319      viewBox='0 0 24 24'
5320      fill='none'
5321      class=''
5322    >
5323      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5324    </svg>
5325
5326  </span>
5327    </button>
5328    <div
5329      data-accordion-content
5330      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5331      aria-hidden='true'
5332    >
5333      
5334        <ul class='flex flex-col gap-3'>
5335          
5336            
5337              
5338                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5339                  <div class=' w-14 '>
5340                    
5341
5342
5343
5344
5345<div
5346    class='relative aspect-[0.725] h-full pointer-events-none '
5347    data-component='media'
5348    
5349    data-pswp-width='0'
5350    data-pswp-height='0'
5351    href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000'
5352  >
5353    
5354        
5355          <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5356        
5357
5358        
5359          <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5360        
5361    
5362  </div >
5363
5364
5365                  </div>
5366                  <a href='/collections/mens-new-arrivals' class=''>New Arrivals</a>
5367                </li>
5368              
5369            
5370              
5371                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5372                  <div class=' w-14 '>
5373                    
5374
5375
5376
5377
5378<div
5379    class='relative aspect-[0.725] h-full pointer-events-none '
5380    data-component='media'
5381    
5382    data-pswp-width='0'
5383    data-pswp-height='0'
5384    href='//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=2000'
5385  >
5386    
5387        
5388          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5389        
5390
5391        
5392          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5393        
5394    
5395  </div >
5396
5397
5398                  </div>
5399                  <a href='/collections/mens-suiting' class=''>Suiting</a>
5400                </li>
5401              
5402            
5403              
5404                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5405                  <div class=' w-14 '>
5406                    
5407
5408
5409
5410
5411<div
5412    class='relative aspect-[0.725] h-full pointer-events-none '
5413    data-component='media'
5414    
5415    data-pswp-width='16670'
5416    data-pswp-height='25000'
5417    href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000'
5418  >
5419    
5420        
5421          <img src="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976" alt="Gift Card" srcset="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5422        
5423
5424        
5425          <img src="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976" alt="Gift Card" srcset="//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5426        
5427    
5428  </div >
5429
5430
5431                  </div>
5432                  <a href='/products/00-giftcard' class=''>Gift Card</a>
5433                </li>
5434              
5435            
5436
5437          
5438        </ul>
5439      
5440    </div>
5441  </div>
5442
5443
5444                </div>
5445              
5446            
5447              
5448                <div data-component='accordionSub'>
5449                  
5450  <div
5451    
5452      data-accordion-sub-item
5453    
5454    
5455
5456    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5457  >
5458    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5459      Clothing
5460
5461      <span data-accordion-icon-plus class='text-tristan-black'>
5462    <svg
5463      
5464      xmlns='http://www.w3.org/2000/svg'
5465      width='24'
5466      height='24'
5467      viewBox='0 0 24 24'
5468      fill='none'
5469      class='rotate-180'
5470    >
5471      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5472    </svg>
5473
5474  </span>
5475      <span
5476        data-accordion-icon-minus
5477        class='hidden text-tristan-black '
5478      >
5479    <svg
5480      
5481      xmlns='http://www.w3.org/2000/svg'
5482      width='24'
5483      height='24'
5484      viewBox='0 0 24 24'
5485      fill='none'
5486      class=''
5487    >
5488      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5489    </svg>
5490
5491  </span>
5492    </button>
5493    <div
5494      data-accordion-content
5495      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5496      aria-hidden='true'
5497    >
5498      
5499        <ul class='flex flex-col gap-3'>
5500          
5501            
5502              
5503                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5504                  <div class=' w-14 '>
5505                    
5506
5507
5508
5509
5510<div
5511    class='relative aspect-[0.725] h-full pointer-events-none '
5512    data-component='media'
5513    
5514    data-pswp-width='0'
5515    data-pswp-height='0'
5516    href='//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=2000'
5517  >
5518    
5519        
5520          <img src="//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5521        
5522
5523        
5524          <img src="//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5525        
5526    
5527  </div >
5528
5529
5530                  </div>
5531                  <a href='/collections/mens-sweaters-cardigans' class=''>Sweaters & Cardigans</a>
5532                </li>
5533              
5534            
5535              
5536                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5537                  <div class=' w-14 '>
5538                    
5539
5540
5541
5542
5543<div
5544    class='relative aspect-[0.725] h-full pointer-events-none '
5545    data-component='media'
5546    
5547    data-pswp-width='0'
5548    data-pswp-height='0'
5549    href='//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=2000'
5550  >
5551    
5552        
5553          <img src="//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5554        
5555
5556        
5557          <img src="//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5558        
5559    
5560  </div >
5561
5562
5563                  </div>
5564                  <a href='/collections/mens-shirts' class=''>Shirts & Overshirts</a>
5565                </li>
5566              
5567            
5568              
5569                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5570                  <div class=' w-14 '>
5571                    
5572
5573
5574
5575
5576<div
5577    class='relative aspect-[0.725] h-full pointer-events-none '
5578    data-component='media'
5579    
5580    data-pswp-width='0'
5581    data-pswp-height='0'
5582    href='//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=2000'
5583  >
5584    
5585        
5586          <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5587        
5588
5589        
5590          <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5591        
5592    
5593  </div >
5594
5595
5596                  </div>
5597                  <a href='/collections/mens-polos' class=''>Polos</a>
5598                </li>
5599              
5600            
5601              
5602                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5603                  <div class=' w-14 '>
5604                    
5605
5606
5607
5608
5609<div
5610    class='relative aspect-[0.725] h-full pointer-events-none '
5611    data-component='media'
5612    
5613    data-pswp-width='0'
5614    data-pswp-height='0'
5615    href='//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=2000'
5616  >
5617    
5618        
5619          <img src="//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5620        
5621
5622        
5623          <img src="//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5624        
5625    
5626  </div >
5627
5628
5629                  </div>
5630                  <a href='/collections/mens-jeans' class=''>Jeans</a>
5631                </li>
5632              
5633            
5634              
5635                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5636                  <div class=' w-14 '>
5637                    
5638
5639
5640
5641
5642<div
5643    class='relative aspect-[0.725] h-full pointer-events-none '
5644    data-component='media'
5645    
5646    data-pswp-width='0'
5647    data-pswp-height='0'
5648    href='//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=2000'
5649  >
5650    
5651        
5652          <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5653        
5654
5655        
5656          <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5657        
5658    
5659  </div >
5660
5661
5662                  </div>
5663                  <a href='/collections/mens-t-shirts' class=''>T-shirts & Sweatshirts</a>
5664                </li>
5665              
5666            
5667              
5668                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5669                  <div class=' w-14 '>
5670                    
5671
5672
5673
5674
5675<div
5676    class='relative aspect-[0.725] h-full pointer-events-none '
5677    data-component='media'
5678    
5679    data-pswp-width='0'
5680    data-pswp-height='0'
5681    href='//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=2000'
5682  >
5683    
5684        
5685          <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5686        
5687
5688        
5689          <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5690        
5691    
5692  </div >
5693
5694
5695                  </div>
5696                  <a href='/collections/mens-pants' class=''>Pants</a>
5697                </li>
5698              
5699            
5700              
5701                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5702                  <div class=' w-14 '>
5703                    
5704
5705
5706
5707
5708<div
5709    class='relative aspect-[0.725] h-full pointer-events-none '
5710    data-component='media'
5711    
5712    data-pswp-width='0'
5713    data-pswp-height='0'
5714    href='//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=2000'
5715  >
5716    
5717        
5718          <img src="//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5719        
5720
5721        
5722          <img src="//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&amp;width=1050 1050w" width="1050" height="1050" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5723        
5724    
5725  </div >
5726
5727
5728                  </div>
5729                  <a href='/collections/blazers-for-men' class=''>Blazers & Vests</a>
5730                </li>
5731              
5732            
5733              
5734                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5735                  <div class=' w-14 '>
5736                    
5737
5738
5739
5740
5741<div
5742    class='relative aspect-[0.725] h-full pointer-events-none '
5743    data-component='media'
5744    
5745    data-pswp-width='0'
5746    data-pswp-height='0'
5747    href='//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=2000'
5748  >
5749    
5750        
5751          <img src="//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5752        
5753
5754        
5755          <img src="//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5756        
5757    
5758  </div >
5759
5760
5761                  </div>
5762                  <a href='/collections/mens-outerwear' class=''>Outerwear</a>
5763                </li>
5764              
5765            
5766              
5767                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5768                  <div class=' w-14 '>
5769                    
5770
5771
5772
5773
5774<div
5775    class='relative aspect-[0.725] h-full pointer-events-none '
5776    data-component='media'
5777    
5778    data-pswp-width='0'
5779    data-pswp-height='0'
5780    href='//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=2000'
5781  >
5782    
5783        
5784          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5785        
5786
5787        
5788          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5789        
5790    
5791  </div >
5792
5793
5794                  </div>
5795                  <a href='/collections/men-clothing' class=''>Shop All Clothing</a>
5796                </li>
5797              
5798            
5799
5800          
5801        </ul>
5802      
5803    </div>
5804  </div>
5805
5806
5807                </div>
5808              
5809            
5810              
5811                <div data-component='accordionSub'>
5812                  
5813  <div
5814    
5815      data-accordion-sub-item
5816    
5817    
5818
5819    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5820  >
5821    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5822      Accessories
5823
5824      <span data-accordion-icon-plus class='text-tristan-black'>
5825    <svg
5826      
5827      xmlns='http://www.w3.org/2000/svg'
5828      width='24'
5829      height='24'
5830      viewBox='0 0 24 24'
5831      fill='none'
5832      class='rotate-180'
5833    >
5834      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5835    </svg>
5836
5837  </span>
5838      <span
5839        data-accordion-icon-minus
5840        class='hidden text-tristan-black '
5841      >
5842    <svg
5843      
5844      xmlns='http://www.w3.org/2000/svg'
5845      width='24'
5846      height='24'
5847      viewBox='0 0 24 24'
5848      fill='none'
5849      class=''
5850    >
5851      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5852    </svg>
5853
5854  </span>
5855    </button>
5856    <div
5857      data-accordion-content
5858      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5859      aria-hidden='true'
5860    >
5861      
5862        <ul class='flex flex-col gap-3'>
5863          
5864            
5865              
5866                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5867                  <div class=' w-14 '>
5868                    
5869
5870
5871
5872
5873<div
5874    class='relative aspect-[0.725] h-full pointer-events-none '
5875    data-component='media'
5876    
5877    data-pswp-width='0'
5878    data-pswp-height='0'
5879    href='//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=2000'
5880  >
5881    
5882        
5883          <img src="//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5884        
5885
5886        
5887          <img src="//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5888        
5889    
5890  </div >
5891
5892
5893                  </div>
5894                  <a href='/collections/mens-belts-suspenders' class=''>Belts & Suspenders</a>
5895                </li>
5896              
5897            
5898              
5899                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5900                  <div class=' w-14 '>
5901                    
5902
5903
5904
5905
5906<div
5907    class='relative aspect-[0.725] h-full pointer-events-none '
5908    data-component='media'
5909    
5910    data-pswp-width='0'
5911    data-pswp-height='0'
5912    href='//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=2000'
5913  >
5914    
5915        
5916          <img src="//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5917        
5918
5919        
5920          <img src="//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5921        
5922    
5923  </div >
5924
5925
5926                  </div>
5927                  <a href='/collections/mens-hats' class=''>Hats</a>
5928                </li>
5929              
5930            
5931              
5932                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5933                  <div class=' w-14 '>
5934                    
5935
5936
5937
5938
5939<div
5940    class='relative aspect-[0.725] h-full pointer-events-none '
5941    data-component='media'
5942    
5943    data-pswp-width='0'
5944    data-pswp-height='0'
5945    href='//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=2000'
5946  >
5947    
5948        
5949          <img src="//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5950        
5951
5952        
5953          <img src="//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5954        
5955    
5956  </div >
5957
5958
5959                  </div>
5960                  <a href='/collections/mens-scarves' class=''>Pocket Squares</a>
5961                </li>
5962              
5963            
5964              
5965                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5966                  <div class=' w-14 '>
5967                    
5968
5969
5970
5971
5972<div
5973    class='relative aspect-[0.725] h-full pointer-events-none '
5974    data-component='media'
5975    
5976    data-pswp-width='0'
5977    data-pswp-height='0'
5978    href='//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=2000'
5979  >
5980    
5981        
5982          <img src="//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=3452 3452w" width="3452" height="5178" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
5983        
5984
5985        
5986          <img src="//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&amp;width=3452 3452w" width="3452" height="5178" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
5987        
5988    
5989  </div >
5990
5991
5992                  </div>
5993                  <a href='/collections/mens-bags' class=''>Bags & Wallets</a>
5994                </li>
5995              
5996            
5997              
5998                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5999                  <div class=' w-14 '>
6000                    
6001
6002
6003
6004
6005<div
6006    class='relative aspect-[0.725] h-full pointer-events-none '
6007    data-component='media'
6008    
6009    data-pswp-width='0'
6010    data-pswp-height='0'
6011    href='//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=2000'
6012  >
6013    
6014        
6015          <img src="//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6016        
6017
6018        
6019          <img src="//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6020        
6021    
6022  </div >
6023
6024
6025                  </div>
6026                  <a href='/collections/mens-ties-bowties' class=''>Ties & Bowties</a>
6027                </li>
6028              
6029            
6030              
6031                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6032                  <div class=' w-14 '>
6033                    
6034
6035
6036
6037
6038<div
6039    class='relative aspect-[0.725] h-full pointer-events-none '
6040    data-component='media'
6041    
6042    data-pswp-width='0'
6043    data-pswp-height='0'
6044    href='//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=2000'
6045  >
6046    
6047        
6048          <img src="//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6049        
6050
6051        
6052          <img src="//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6053        
6054    
6055  </div >
6056
6057
6058                  </div>
6059                  <a href='/collections/mens-underwear' class=''>Underwear & Socks</a>
6060                </li>
6061              
6062            
6063              
6064                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6065                  <div class=' w-14 '>
6066                    
6067
6068
6069
6070
6071<div
6072    class='relative aspect-[0.725] h-full pointer-events-none '
6073    data-component='media'
6074    
6075    data-pswp-width='0'
6076    data-pswp-height='0'
6077    href='//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=2000'
6078  >
6079    
6080        
6081          <img src="//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6082        
6083
6084        
6085          <img src="//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&amp;width=1667 1667w" width="1667" height="2500" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6086        
6087    
6088  </div >
6089
6090
6091                  </div>
6092                  <a href='/collections/all-mens-accessories' class=''>Shop All Accessories</a>
6093                </li>
6094              
6095            
6096
6097          
6098        </ul>
6099      
6100    </div>
6101  </div>
6102
6103
6104                </div>
6105              
6106            
6107
6108          
6109        </ul>
6110      
6111    </div>
6112  </div>
6113
6114
6115                </div>
6116
6117              
6118            </li>
6119          
6120            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
6121              <div data-component='accordion'>
6122                  
6123  <div
6124    
6125      data-accordion-item
6126    
6127    
6128
6129    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
6130  >
6131    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
6132      About 
6133
6134      <span data-accordion-icon-plus class='text-tristan-black'>
6135    <svg
6136      
6137      xmlns='http://www.w3.org/2000/svg'
6138      width='24'
6139      height='24'
6140      viewBox='0 0 24 24'
6141      fill='none'
6142      class='rotate-180'
6143    >
6144      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6145    </svg>
6146
6147  </span>
6148      <span
6149        data-accordion-icon-minus
6150        class='hidden text-tristan-black '
6151      >
6152    <svg
6153      
6154      xmlns='http://www.w3.org/2000/svg'
6155      width='24'
6156      height='24'
6157      viewBox='0 0 24 24'
6158      fill='none'
6159      class=''
6160    >
6161      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6162    </svg>
6163
6164  </span>
6165    </button>
6166    <div
6167      data-accordion-content
6168      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
6169      aria-hidden='true'
6170    >
6171      
6172        <ul class='flex flex-col gap-3'>
6173          
6174            
6175              
6176                <div data-component='accordionSub'>
6177                  
6178  <div
6179    
6180      data-accordion-sub-item
6181    
6182    
6183
6184    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6185  >
6186    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6187      About Us
6188
6189      <span data-accordion-icon-plus class='text-tristan-black'>
6190    <svg
6191      
6192      xmlns='http://www.w3.org/2000/svg'
6193      width='24'
6194      height='24'
6195      viewBox='0 0 24 24'
6196      fill='none'
6197      class='rotate-180'
6198    >
6199      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6200    </svg>
6201
6202  </span>
6203      <span
6204        data-accordion-icon-minus
6205        class='hidden text-tristan-black '
6206      >
6207    <svg
6208      
6209      xmlns='http://www.w3.org/2000/svg'
6210      width='24'
6211      height='24'
6212      viewBox='0 0 24 24'
6213      fill='none'
6214      class=''
6215    >
6216      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6217    </svg>
6218
6219  </span>
6220    </button>
6221    <div
6222      data-accordion-content
6223      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6224      aria-hidden='true'
6225    >
6226      
6227        <ul class='flex flex-col gap-3'>
6228          
6229            
6230              
6231                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6232                  <div class=' w-14 hidden'>
6233                    
6234
6235
6236
6237
6238<div
6239    class='relative aspect-[0.725] h-full pointer-events-none '
6240    data-component='media'
6241    
6242    data-pswp-width='0'
6243    data-pswp-height='0'
6244    href='Liquid error (snippets/media line 111): invalid url input'
6245  >
6246    
6247        
6248
6249        
6250    
6251  </div >
6252
6253
6254                  </div>
6255                  <a href='/pages/about-us' class='py-1'>Who we are</a>
6256                </li>
6257              
6258            
6259              
6260                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6261                  <div class=' w-14 hidden'>
6262                    
6263
6264
6265
6266
6267<div
6268    class='relative aspect-[0.725] h-full pointer-events-none '
6269    data-component='media'
6270    
6271    data-pswp-width='0'
6272    data-pswp-height='0'
6273    href='Liquid error (snippets/media line 111): invalid url input'
6274  >
6275    
6276        
6277
6278        
6279    
6280  </div >
6281
6282
6283                  </div>
6284                  <a href='/pages/store-locator' class='py-1'>Our Stores</a>
6285                </li>
6286              
6287            
6288              
6289                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6290                  <div class=' w-14 hidden'>
6291                    
6292
6293
6294
6295
6296<div
6297    class='relative aspect-[0.725] h-full pointer-events-none '
6298    data-component='media'
6299    
6300    data-pswp-width='0'
6301    data-pswp-height='0'
6302    href='Liquid error (snippets/media line 111): invalid url input'
6303  >
6304    
6305        
6306
6307        
6308    
6309  </div >
6310
6311
6312                  </div>
6313                  <a href='/pages/corporate' class='py-1'>Corporate Uniforms</a>
6314                </li>
6315              
6316            
6317              
6318                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6319                  <div class=' w-14 hidden'>
6320                    
6321
6322
6323
6324
6325<div
6326    class='relative aspect-[0.725] h-full pointer-events-none '
6327    data-component='media'
6328    
6329    data-pswp-width='0'
6330    data-pswp-height='0'
6331    href='Liquid error (snippets/media line 111): invalid url input'
6332  >
6333    
6334        
6335
6336        
6337    
6338  </div >
6339
6340
6341                  </div>
6342                  <a href='/pages/contact-us' class='py-1'>Contact Us</a>
6343                </li>
6344              
6345            
6346              
6347                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6348                  <div class=' w-14 hidden'>
6349                    
6350
6351
6352
6353
6354<div
6355    class='relative aspect-[0.725] h-full pointer-events-none '
6356    data-component='media'
6357    
6358    data-pswp-width='0'
6359    data-pswp-height='0'
6360    href='Liquid error (snippets/media line 111): invalid url input'
6361  >
6362    
6363        
6364
6365        
6366    
6367  </div >
6368
6369
6370                  </div>
6371                  <a href='/pages/careers' class='py-1'>Careers</a>
6372                </li>
6373              
6374            
6375
6376          
6377        </ul>
6378      
6379    </div>
6380  </div>
6381
6382
6383                </div>
6384              
6385            
6386              
6387                <div data-component='accordionSub'>
6388                  
6389  <div
6390    
6391      data-accordion-sub-item
6392    
6393    
6394
6395    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6396  >
6397    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6398      Blog
6399
6400      <span data-accordion-icon-plus class='text-tristan-black'>
6401    <svg
6402      
6403      xmlns='http://www.w3.org/2000/svg'
6404      width='24'
6405      height='24'
6406      viewBox='0 0 24 24'
6407      fill='none'
6408      class='rotate-180'
6409    >
6410      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6411    </svg>
6412
6413  </span>
6414      <span
6415        data-accordion-icon-minus
6416        class='hidden text-tristan-black '
6417      >
6418    <svg
6419      
6420      xmlns='http://www.w3.org/2000/svg'
6421      width='24'
6422      height='24'
6423      viewBox='0 0 24 24'
6424      fill='none'
6425      class=''
6426    >
6427      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6428    </svg>
6429
6430  </span>
6431    </button>
6432    <div
6433      data-accordion-content
6434      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6435      aria-hidden='true'
6436    >
6437      
6438        <ul class='flex flex-col gap-3'>
6439          
6440            
6441              
6442                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6443                  <div class=' w-14 '>
6444                    
6445
6446
6447
6448
6449<div
6450    class='relative aspect-[0.725] h-full pointer-events-none '
6451    data-component='media'
6452    
6453    data-pswp-width='39780'
6454    data-pswp-height='16290'
6455    href='//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=2000'
6456  >
6457    
6458        
6459          <img src="//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027" alt="Spring-Summer 2026 Fashion Trends: Building a Chic Wardrobe for the Office" srcset="//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=3978 3978w" width="3978" height="1629" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6460        
6461
6462        
6463          <img src="//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027" alt="Spring-Summer 2026 Fashion Trends: Building a Chic Wardrobe for the Office" srcset="//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&amp;width=3978 3978w" width="3978" height="1629" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6464        
6465    
6466  </div >
6467
6468
6469                  </div>
6470                  <a href='/blogs/news/spring-summer-2026-fashion-trends' class=''>Spring-Summer 2026 Fashion Trends</a>
6471                </li>
6472              
6473            
6474              
6475                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6476                  <div class=' w-14 '>
6477                    
6478
6479
6480
6481
6482<div
6483    class='relative aspect-[0.725] h-full pointer-events-none '
6484    data-component='media'
6485    
6486    data-pswp-width='28800'
6487    data-pswp-height='10920'
6488    href='//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=2000'
6489  >
6490    
6491        
6492          <img src="//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609" alt="Holiday Gift Ideas: Giving Timeless Fashion" srcset="//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=2880 2880w" width="2880" height="1092" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6493        
6494
6495        
6496          <img src="//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609" alt="Holiday Gift Ideas: Giving Timeless Fashion" srcset="//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&amp;width=2880 2880w" width="2880" height="1092" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6497        
6498    
6499  </div >
6500
6501
6502                  </div>
6503                  <a href='/blogs/news/holiday-gift-ideas-2025' class=''>Holiday Gift Ideas: Giving Timeless Fashion</a>
6504                </li>
6505              
6506            
6507              
6508                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6509                  <div class=' w-14 '>
6510                    
6511
6512
6513
6514
6515<div
6516    class='relative aspect-[0.725] h-full pointer-events-none '
6517    data-component='media'
6518    
6519    data-pswp-width='13260'
6520    data-pswp-height='5430'
6521    href='//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=2000'
6522  >
6523    
6524        
6525          <img src="//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403" alt="7 Essentials for a Versatile Professional Wardrobe: Create Unlimited Looks" srcset="//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=1326 1326w" width="1326" height="543" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6526        
6527
6528        
6529          <img src="//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403" alt="7 Essentials for a Versatile Professional Wardrobe: Create Unlimited Looks" srcset="//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&amp;width=1326 1326w" width="1326" height="543" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6530        
6531    
6532  </div >
6533
6534
6535                  </div>
6536                  <a href='/blogs/news/woman-professional-look' class=''>How to Build a Professional Wardrobe</a>
6537                </li>
6538              
6539            
6540              
6541                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6542                  <div class=' w-14 '>
6543                    
6544
6545
6546
6547
6548<div
6549    class='relative aspect-[0.725] h-full pointer-events-none '
6550    data-component='media'
6551    
6552    data-pswp-width='28800'
6553    data-pswp-height='10920'
6554    href='//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=2000'
6555  >
6556    
6557        
6558          <img src="//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564" alt="The Rule of Three: Master the Art of Mix and Match with Your Favourite Summer Clothes." srcset="//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=2880 2880w" width="2880" height="1092" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6559        
6560
6561        
6562          <img src="//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564" alt="The Rule of Three: Master the Art of Mix and Match with Your Favourite Summer Clothes." srcset="//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&amp;width=2880 2880w" width="2880" height="1092" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6563        
6564    
6565  </div >
6566
6567
6568                  </div>
6569                  <a href='/blogs/news/the-rule-of-three-master-the-art-of-mix-and-match-with-your-favourite-summer-clothes' class=''>The Rule of Three</a>
6570                </li>
6571              
6572            
6573              
6574                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6575                  <div class=' w-14 '>
6576                    
6577
6578
6579
6580
6581<div
6582    class='relative aspect-[0.725] h-full pointer-events-none '
6583    data-component='media'
6584    
6585    data-pswp-width='40000'
6586    data-pswp-height='12000'
6587    href='//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=2000'
6588  >
6589    
6590        
6591          <img src="//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173" alt="Supporting Local Brands: Clothes Made in Canada!" srcset="//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=4000 4000w" width="4000" height="1200" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
6592        
6593
6594        
6595          <img src="//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173" alt="Supporting Local Brands: Clothes Made in Canada!" srcset="//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&amp;width=4000 4000w" width="4000" height="1200" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
6596        
6597    
6598  </div >
6599
6600
6601                  </div>
6602                  <a href='/blogs/news/clothes-made-in-canada' class=''>Clothes Made in Canada</a>
6603                </li>
6604              
6605            
6606              
6607                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6608                  <div class=' w-14 hidden'>
6609                    
6610
6611
6612
6613
6614<div
6615    class='relative aspect-[0.725] h-full pointer-events-none '
6616    data-component='media'
6617    
6618    data-pswp-width='0'
6619    data-pswp-height='0'
6620    href='Liquid error (snippets/media line 111): invalid url input'
6621  >
6622    
6623        
6624
6625        
6626    
6627  </div >
6628
6629
6630                  </div>
6631                  <a href='/blogs/news' class='py-1'>Read All Blog Posts</a>
6632                </li>
6633              
6634            
6635
6636          
6637        </ul>
6638      
6639    </div>
6640  </div>
6641
6642
6643                </div>
6644              
6645            
6646              
6647                <div data-component='accordionSub'>
6648                  
6649  <div
6650    
6651      data-accordion-sub-item
6652    
6653    
6654
6655    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6656  >
6657    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6658      Help
6659
6660      <span data-accordion-icon-plus class='text-tristan-black'>
6661    <svg
6662      
6663      xmlns='http://www.w3.org/2000/svg'
6664      width='24'
6665      height='24'
6666      viewBox='0 0 24 24'
6667      fill='none'
6668      class='rotate-180'
6669    >
6670      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6671    </svg>
6672
6673  </span>
6674      <span
6675        data-accordion-icon-minus
6676        class='hidden text-tristan-black '
6677      >
6678    <svg
6679      
6680      xmlns='http://www.w3.org/2000/svg'
6681      width='24'
6682      height='24'
6683      viewBox='0 0 24 24'
6684      fill='none'
6685      class=''
6686    >
6687      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6688    </svg>
6689
6690  </span>
6691    </button>
6692    <div
6693      data-accordion-content
6694      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6695      aria-hidden='true'
6696    >
6697      
6698        <ul class='flex flex-col gap-3'>
6699          
6700            
6701              
6702                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6703                  <div class=' w-14 hidden'>
6704                    
6705
6706
6707
6708
6709<div
6710    class='relative aspect-[0.725] h-full pointer-events-none '
6711    data-component='media'
6712    
6713    data-pswp-width='0'
6714    data-pswp-height='0'
6715    href='Liquid error (snippets/media line 111): invalid url input'
6716  >
6717    
6718        
6719
6720        
6721    
6722  </div >
6723
6724
6725                  </div>
6726                  <a href='/pages/faq' class='py-1'>FAQ</a>
6727                </li>
6728              
6729            
6730              
6731                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6732                  <div class=' w-14 hidden'>
6733                    
6734
6735
6736
6737
6738<div
6739    class='relative aspect-[0.725] h-full pointer-events-none '
6740    data-component='media'
6741    
6742    data-pswp-width='0'
6743    data-pswp-height='0'
6744    href='Liquid error (snippets/media line 111): invalid url input'
6745  >
6746    
6747        
6748
6749        
6750    
6751  </div >
6752
6753
6754                  </div>
6755                  <a href='/pages/gift-card-balance-check' class='py-1'>Gift Card Balance</a>
6756                </li>
6757              
6758            
6759              
6760                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6761                  <div class=' w-14 hidden'>
6762                    
6763
6764
6765
6766
6767<div
6768    class='relative aspect-[0.725] h-full pointer-events-none '
6769    data-component='media'
6770    
6771    data-pswp-width='0'
6772    data-pswp-height='0'
6773    href='Liquid error (snippets/media line 111): invalid url input'
6774  >
6775    
6776        
6777
6778        
6779    
6780  </div >
6781
6782
6783                  </div>
6784                  <a href='/pages/shipping' class='py-1'>Shipping</a>
6785                </li>
6786              
6787            
6788              
6789                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6790                  <div class=' w-14 hidden'>
6791                    
6792
6793
6794
6795
6796<div
6797    class='relative aspect-[0.725] h-full pointer-events-none '
6798    data-component='media'
6799    
6800    data-pswp-width='0'
6801    data-pswp-height='0'
6802    href='Liquid error (snippets/media line 111): invalid url input'
6803  >
6804    
6805        
6806
6807        
6808    
6809  </div >
6810
6811
6812                  </div>
6813                  <a href='/pages/exchanges-returns' class='py-1'>Return Management</a>
6814                </li>
6815              
6816            
6817
6818          
6819        </ul>
6820      
6821    </div>
6822  </div>
6823
6824
6825                </div>
6826              
6827            
6828
6829          
6830        </ul>
6831      
6832    </div>
6833  </div>
6834
6835
6836                </div>
6837
6838              
6839            </li>
6840          
6841        </ul>
6842      </nav>
6843    </div>
6844    <div data-mobile-footer class='w-full'>
6845      <ul class='!mb-0 w-full columns-2 border border-solid border-tristan-black-900 px-4 py-[30px] [&>li]:py-2'>
6846        
6847          <li>
6848            <a href='/blogs/news' class='text-xs'>
6849              Blog
6850            </a>
6851          </li>
6852        
6853          <li>
6854            <a href='/account' class='text-xs'>
6855              Account
6856            </a>
6857          </li>
6858        
6859          <li>
6860            <a href='/pages/about-us' class='text-xs'>
6861              About Us
6862            </a>
6863          </li>
6864        
6865          <li>
6866            <a href='/pages/store-locator' class='text-xs'>
6867              Our Stores
6868            </a>
6869          </li>
6870        
6871          <li>
6872            <a href='/pages/exchanges-returns' class='text-xs'>
6873              Returns/Exchanges
6874            </a>
6875          </li>
6876        
6877          <li>
6878            <a href='/pages/faq' class='text-xs'>
6879              FAQs
6880            </a>
6881          </li>
6882        
6883<li>
6884          <a
6885            href='#hero-wishlist'
6886            class='text-xs'
6887          >
6888            Wishlist
6889          </a>
6890        </li>
6891        <li>
6892          <button
6893            data-localize-button-mobile
6894            class='flex h-[25px] flex-row items-center justify-center gap-[6px] text-xs'
6895          >
6896            Change language
6897            
6898    <svg
6899      data-icon-down
6900      class=''
6901      xmlns='http://www.w3.org/2000/svg'
6902      width='16'
6903      height='16'
6904      viewBox='0 0 16 16'
6905      fill='none'
6906    >
6907      <g >
6908      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
6909      </g>
6910    </svg>
6911
6912  
6913            
6914    <svg
6915      data-icon-up
6916      class='hidden rotate-180'
6917      xmlns='http://www.w3.org/2000/svg'
6918      width='16'
6919      height='16'
6920      viewBox='0 0 16 16'
6921      fill='none'
6922    >
6923      <g >
6924      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
6925      </g>
6926    </svg>
6927
6928  
6929          </button>
6930
6931          <div data-localize-menu-mobile class='hidden'><form method="post" action="/localization" id="localization_form_header" accept-charset="UTF-8" class="Header__LocalizationForm hidden-pocket" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/store-locator" /><input type='hidden' name='locale_code' value='en'>
6932              <ul class='ml-4 flex list-disc flex-col gap-1'><li class='font-bold'>
6933                    <button
6934                      type='submit'
6935                      name='locale_code'
6936                      class='text-xs capitalize'
6937                      value='en'
6938                    >English</button>
6939                  </li><li class=''>
6940                    <button
6941                      type='submit'
6942                      name='locale_code'
6943                      class='text-xs capitalize'
6944                      value='fr'
6945                    >Français</button>
6946                  </li></ul></form></div>
6947        </li>
6948      </ul>
6949      <div class='px-4 pb-4 pt-11'>
6950        
6951
6952
6953
6954  
6955    
6956      <a
6957        href='/collections/women'
6958        class=''
6959      >
6960        <button class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-white bg-tristan-dark hover:bg-tristan-dark-200 focus:outline focus:ring-4 focus:ring-inset-2 focus:ring-tristan-dark disabled:bg-tristan-primary-15 disabled:text-tristan-dark w-full'>
6961          Shop all products
6962          
6963        </button>
6964      </a>
6965    
6966  
6967
6968
6969      </div>
6970      
6971        <div class='flex h-[53px] flex-row items-center justify-center py-2 text-xs'>
6972          
6973          
6974          
6975            <div class='px-4 text-center [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900'>
6976              free shipping to store
6977            </div>
6978          
6979        </div>
6980      
6981    </div>
6982  </div>
6983</div>
6984
6985  
6986</div>
6987
6988
6989</div></header>
6990    <div id="shopify-section-popup" class="shopify-section">
6991</div>
6992    <div
6993  data-cheri-select-popup-overlay
6994  class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
6995></div>
6996<aside
6997  class='fixed left-1/2 top-1/2 z-[80] hidden h-max w-full min-w-[250px] max-w-[400px] -translate-x-1/2 -translate-y-1/2 bg-tristan-white p-4'
6998  data-component='cheriSelectPopup'
6999  tabindex='-1'
7000>
7001  <div class='relative  w-full  pt-8'>
7002    <div class='flex flex-col items-center justify-start gap-4'>
7003    </div>
7004    <button class='absolute right-0 top-0' data-button-close aria-label='Close'>
7005      
7006    <svg
7007      
7008      class=''
7009      xmlns='http://www.w3.org/2000/svg'
7010      width='24'
7011      height='24'
7012      viewBox='0 0 24 24'
7013      fill='none'
7014    >
7015      <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="currentColor"/>
7016    </svg>
7017  
7018    </button>
7019  </div>
7020</aside>
7021
7022
7023    <div id="shopify-section-quick-search" class="shopify-section"><div
7024  data-component='quickSearch'
7025  class='container header fixed left-1/2 top-10 z-30 hidden h-full w-full -translate-x-2/4 border-t border-solid border-t-tristan-grey bg-tristan-white'
7026>
7027  <div class='search-input-wrapper relative mt-8 flex flex-row items-center justify-start' style="border-bottom: 1px solid #f5f5f5">
7028    <div class='flex h-16 w-full items-center'>
7029      <input
7030        data-search-text
7031        type='text'
7032        class='!focus:shadow-none remove-focus-style w-full bg-transparent !pl-0 text-base !shadow-none outline-none'
7033        placeholder='Search'
7034      >
7035    </div>
7036    <button class='' data-close-button>
7037      
7038    <svg
7039      
7040      class=''
7041      xmlns='http://www.w3.org/2000/svg'
7042      width='24'
7043      height='24'
7044      viewBox='0 0 24 24'
7045      fill='none'
7046    >
7047      <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="currentColor"/>
7048    </svg>
7049  
7050    </button>
7051  </div>
7052
7053   <div class='mt-8 flex w-full flex-row gap-4' style="display: none;">
7054    <div data-search-empty class=' subline-1 flex h-screen w-full items-center justify-center overflow-y-auto pb-52'>Enter your search term</div>
7055    <div
7056      data-search-loader
7057      class='bg-tristan-cream absolute left-1/2 top-1/2 z-10  flex hidden h-full w-full -translate-x-1/2 -translate-y-1/2 transform items-center justify-center text-tristan-dark opacity-20'
7058    >
7059      <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
7060        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7061        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7062        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7063      </span>
7064    </div>
7065    <div
7066      data-search-results
7067      class='hidden h-screen w-full overflow-y-auto pb-52 [&>[data-main-search-results]>div]:px-0'
7068    ></div>
7069  </div>
7070</div>
7071</div>
7072
7073    <main role='main'>
7074      <div id="shopify-section-template--20148477231266__main" class="shopify-section">
7075
7076
7077
7078<div
7079  class='container px-4 md_lg:px-12 md:pt-0  md:pb-0  max-w-2xl'
7080>
7081  
7082    <div class='m-auto w-full max-w-xl px-4 py-16'>
7083      <h1 class='h1 text-center'>
7084        
7085          Our Stores
7086        
7087      </h1>
7088      
7089    </div>
7090  
7091
7092  
7093</div>
7094
7095
7096</div><div id="shopify-section-template--20148477231266__store_locator_CLcfEF" class="shopify-section">
7096<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/mustache.min.js?v=66672044154694110321781536532'></script>
7096
7097
7098<script id='list-stores' type='text/template' class='notranslate'>
7099  <%#info%>
7100    <div class="text-base font-bold mt-10 py-4 [&:not(:first-of-type)]:border-t border-t-tristan-black border-solid">
7101      <% state %>
7102    </div>
7103      <div class="grid gap-y-10 gap-x-2" style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));">
7104      <%#stores%>
7105      <div class="">
7106          <div class="">
7107              <div class="text-base font-bold pb-3">
7108                  <% name %>
7109                  <br>
7110              </div>
7111              <div class="text-xs">
7112                  <%#has_address_line_1%>
7113                      <div class="text-sm font-bold"><% address_line_1 %></div><br>
7114                  <%/has_address_line_1%>
7115                  <%#has_address_line_2%>
7116                      <% address_line_2 %><br>
7117                  <%/has_address_line_2%>
7118                  <%#has_city%>
7119                      <% city %>,
7120                  <%/has_city%>
7121                  <%#has_state%>
7122                      <% state %><br>
7123                  <%/has_state%>
7124                  <%#has_postal_code%>
7125                      <% postal_code %>.
7126                  <%/has_postal_code%>
7127                  <%#has_country%>
7128                       <% country %><br>
7129                  <%/has_country%>
7130                  <%#has_website%>
7131                      <a href="<% website %>"><% website %></a><br>
7132                  <%/has_website%>
7133                  <%#has_email%>
7134                      <a href="mailto:<% email %>"><% email %></a><br>
7135                  <%/has_email%>
7136                  <%#has_phone%>
7137                      <a href="tel:<% phone %>"><% phone %></a><br>
7138                  <%/has_phone%>
7139                  <%#has_google_maps_url%>
7140                      <a href="<% google_maps_url %>" target="_blank">View on <b>Google Maps</b></a>
7141                  <%/has_google_maps_url%>
7142              </div>
7143          </div>
7144      </div>
7145      <%/stores%>
7146      </div>
7147      <%/info%>
7148</script>
7148
7149
7150<section id='section-template--20148477231266__store_locator_CLcfEF' class='container px-4'>
7151  <div class='store-locator pb-10'>
7152    <!-- Start Stockist.co widget --> <div data-stockist-widget-tag="u7786">Loading store locator from <a href="https://stockist.co">Stockist store locator</a>...</div> 
7152<script>   (function(s,t,o,c,k){c=s.createElement(t);c.src=o;c.async=1;   k=s.getElementsByTagName(t)[0];k.parentNode.insertBefore(c,k);   })(document,'script','//stockist.co/embed/v1/widget.min.js'); </script>
7152 <!-- End Stockist.co widget -->
7153  </div>
7154  <div class='store-locator-list border-y border-solid border-y-tristan-black py-10'>
7155    <div class='store-locator-list__title px-28 text-center text-sm'>
7156      Our stores
7157    </div>
7158  </div>
7159  <div class='store-items-list py-3'>
7160    <div class='lds-ring'>
7161      <div></div>
7162      <div></div>
7163      <div></div>
7164      <div></div>
7165    </div>
7166  </div>
7167</section>
7168
7169<script>
7170  function renderTemplate(products) {
7171    template = '#list-stores';
7172    let templateDiv = document.querySelector(template);
7173    templateDiv = templateDiv.innerHTML;
7174    let customTags = ['<%', '%>'];
7175    Mustache.tags = customTags;
7176    let storesToRender = {
7177      info: [],
7178    };
7179    const statesList = Object.keys(products);
7180
7181    statesList.forEach((item) => {
7182      storesToRender.info.push({
7183        state: item,
7184        stores: [],
7185      });
7186      products[item].forEach((product) => {
7187        let getGoogleMaps =
7188          product.custom_fields.length > 0 ? product.custom_fields.find((item) => item.name === 'Google Maps') : null;
7189        let hasGoogleMaps = false;
7190        if (getGoogleMaps) {
7191          hasGoogleMaps = true;
7192          getGoogleMaps = getGoogleMaps.value;
7193        }
7194        storesToRender.info[storesToRender.info.length - 1].stores.push({
7195          name: product.name,
7196          address_line_1: product.address_line_1,
7197          has_address_line_1: product.address_line_1 ? true : false,
7198          address_line_2: product.address_line_2,
7199          has_address_line_2: product.address_line_2 ? true : false,
7200          city: product.city,
7201          has_city: product.city ? true : false,
7202          state: product.state,
7203          has_state: product.state ? true : false,
7204          postal_code: product.postal_code,
7205          has_postal_code: product.postal_code ? true : false,
7206          country: product.country,
7207          has_country: product.country ? true : false,
7208          phone: product.phone,
7209          has_phone: product.phone ? true : false,
7210          website: product.website,
7211          has_website: product.website ? true : false,
7212          email: product.email,
7213          has_email: product.email ? true : false,
7214          has_google_maps_url: hasGoogleMaps,
7215          google_maps_url: getGoogleMaps,
7216        });
7217      });
7218      storesToRender.info[storesToRender.info.length - 1].stores.sort((a, b) => (a.name > b.name ? 1 : -1));
7219      storesToRender.info[storesToRender.info.length - 1].stores.sort((a, b) =>
7220        a.address_line_1 > b.address_line_1 ? 1 : -1
7221      );
7222    });
7223
7224    let temp = Mustache.render(templateDiv, storesToRender, {}, customTags);
7225    document.querySelector('.store-items-list').innerHTML = temp;
7226  }
7227
7228  function getStockistList() {
7229    fetch(`https://stockist.co/api/v1/u7786/locations/all`, {
7230      method: 'GET',
7231    })
7232      .then((response) => {
7233        response.json().then((result) => {
7234          const groupBy = (x, f) => x.reduce((a, b, i) => ((a[f(b, i, x)] ||= []).push(b), a), {});
7235          const groupByProvince = groupBy(result, (x) => x.state);
7236
7237          renderTemplate(groupByProvince);
7238        });
7239      })
7240      .catch((error) => {
7241        console.log(error);
7242      });
7243  }
7244
7245  window.addEventListener('DOMContentLoaded', function () {
7246    getStockistList();
7247  });
7248</script>
7248
7249
7250<style>
7251  .lds-ring {
7252    display: inline-block;
7253    position: relative;
7254    width: 80px;
7255    height: 80px;
7256  }
7257  .lds-ring div {
7258    box-sizing: border-box;
7259    display: block;
7260    position: absolute;
7261    width: 64px;
7262    height: 64px;
7263    margin: 8px;
7264    border: 8px solid #fff;
7265    border-radius: 50%;
7266    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
7267    border-color: #cccccc transparent transparent transparent;
7268  }
7269  .lds-ring div:nth-child(1) {
7270    animation-delay: -0.45s;
7271  }
7272  .lds-ring div:nth-child(2) {
7273    animation-delay: -0.3s;
7274  }
7275  .lds-ring div:nth-child(3) {
7276    animation-delay: -0.15s;
7277  }
7278  @keyframes lds-ring {
7279    0% {
7280      transform: rotate(0deg);
7281    }
7282    100% {
7283      transform: rotate(360deg);
7284    }
7285  }
7286</style>
7287
7288
7289</div>
7290    </main>
7291
7292    <div id="shopify-section-footer" class="shopify-section">
7293
7294
7295
7296<div
7297  class='container md:pb-20 md:pt-14 pt-16 pb-16 border-t border-solid border-tristan-border-footer px-4 md_lg:px-12'
7298>
7299  <div class='m-auto flex flex-col-reverse justify-between gap-10 md:flex-row md:gap-4'>
7300    <div class='max-w-full md:max-w-[440px] '>
7301  <div class='pb-4 text-base font-medium uppercase '>
7302    Be in the know
7303  </div>
7304  <div class='text-[13px] '>
7305    <p>Sign up for our newsletter and be the first to hear about our new arrivals, exclusive offers and events.</p>
7306  </div>
7307  <div><form
7308      id='email_signup'
7309      class='klaviyo_styling klaviyo_gdpr_embed_USvhAc !w-full !max-w-full'
7310      action='//manage.kmail-lists.com/subscriptions/subscribe'
7311      data-ajax-submit='//manage.kmail-lists.com/ajax/subscriptions/subscribe'
7312      method='GET'
7313    >
7314      <input type='hidden' name='g' value='USvhAc'>
7315      <input type='hidden' name='$fields' value='$consent,Gender,Language'>
7316      <input type='hidden' name='$list_fields' value='$consent,Gender,Language'>
7317      <div class='klaviyo_field_group Newsletter__confirmation flex hidden flex-col border-b border-b-tristan-off-black pb-4 pt-14'>
7318        <div><p>Thank you for subscribing to our newsletter. You will receive a confirmation email shortly!</p></div>
7319      </div>
7320      <div class='klaviyo_field_group Newsletter__email flex flex-col pt-14'>
7321        <label class='pb-2 text-xs text-tristan-breadcrumb'>ENTER YOUR EMAIL</label>
7322        <input
7323          type='email'
7324          value=''
7325          name='email'
7326          id='k_id_email'
7327          placeholder='ENTER YOUR EMAIL'
7328          class='!rounded-none !border-b !border-l-0 !border-r-0 !border-t-0 !border-solid border-tristan-black !px-0'
7329          required
7330        >
7331      </div>
7332      <div class='klaviyo_field_group klaviyo_form_actions Newsletter__terms flex flex-row items-center justify-start gap-4 pt-4'>
7333        <input
7334          type='checkbox'
7335          name='$consent'
7336          id='consent-email-footer'
7337          value='email'
7338          class=' rounded-full'
7339          required
7340        >
7341        <label
7342          for='consent-email-footer'
7343          class='klaviyo_helptext klaviyo_gdpr_text !mb-0 !text-[12px] !font-normal'
7344        >I accept Terms &amp; Conditions</label>
7345      </div>
7346      <div class='Newsletter__extra-fields flex flex-row items-start justify-start gap-10 pt-6'>
7347        <div>
7348          <div class='pb-3 text-[13px] uppercase'>PREFERENCES</div>
7349          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
7350            <input
7351              type='radio'
7352              name='Gender'
7353              id='GenderF'
7354              class='border !border-solid border-tristan-black-400 text-tristan-black'
7355              value='F'
7356              checked
7357            >
7358            <label
7359              for='GenderF'
7360              class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal'
7361            >Woman
7362            </label>
7363          </div>
7364          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
7365            <input
7366              type='radio'
7367              name='Gender'
7368              id='GenderM'
7369              value='M'
7370              class='border !border-solid border-tristan-black-400 text-tristan-black'
7371            >
7372            <label for='GenderM' class=' !mb-0 cursor-pointer !text-[10px] !font-normal'>Man
7373            </label>
7374          </div>
7375        </div>
7376        <div>
7377          <div class='pb-3 text-[13px]  uppercase'>Language</div>
7378          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
7379            <input
7380              type='radio'
7381              name='Language'
7382              id='LanguageF'
7383              class='border !border-solid border-tristan-black-400 text-tristan-black'
7384              value='fr'
7385              checked
7386            >
7387            <label for='LanguageF' class='!mb-0 cursor-pointer  gap-2 !text-[10px] !font-normal'>French
7388            </label>
7389          </div>
7390          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
7391            <input
7392              type='radio'
7393              name='Language'
7394              id='LanguageE'
7395              value='en'
7396              class='border !border-solid border-tristan-black-400 text-tristan-black'
7397            >
7398            <label for='LanguageE' class='!mb-0 cursor-pointer !text-[10px] !font-normal'>English
7399            </label>
7400          </div>
7401        </div>
7402      </div>
7403      <div class='klaviyo_messages pt-10'>
7404        <div class='success_message' style='display:none;'>Thanks for subscribing! Check your email for a confirmation message.</div>
7405        <div class='error_message' style='display:none;'></div>
7406      </div>
7407      <div class='klaviyo_form_actions pt-10 !text-center'>
7408
7409
7410
7411  
7412    
7413      <button
7414        
7415        
7416          type='submit'
7417        
7418        class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-dark bg-transparent border border-tristan-dark hover:bg-tristan-dark hover:text-tristan-white disabled:opacity-40 rounded-none w-full'
7419      >
7420        Subscribe now
7421        
7422      </button>
7423    
7424  
7425
7426
7427      </div>
7428    </form>
7429  </div>
7430
7431  
7431<script type='text/javascript' src='//www.klaviyo.com/media/js/public/klaviyo_subscribe.js'></script>
7431
7432  
7432<script
7433    type='text/javascript'
7434  >
7435      KlaviyoSubscribe.attachToForms('#email_signup', {
7436        hide_form_on_success: true,
7437        custom_success_message: true,
7438        extra_properties: {
7439          $source: '$embed',
7440          $method_type: "Klaviyo Form",
7441          $method_id: 'embed',
7442          $consent_version: 'I accept Terms &amp; Conditions'
7443        },
7444        success: function ($form) {
7445          // `$form` is a jQuery wrapper around the form that was submitted. This makes it easy to get the email address or form fields.
7446          $form.find('[name="Gender"]').hide()
7447          $form.find('[name="Language"]').hide()
7448          $form.find('.Newsletter__extra-fields').hide()
7449          $form.find('.Newsletter__terms').hide()
7450          $form.find('.Newsletter__email').hide()
7451          $form.find('.Newsletter__confirmation').removeClass('hidden')
7452        }
7453      });
7454  </script>
7454
7455</div>
7456
7457    <ul class='flex hidden flex-row flex-wrap gap-4 md:flex'>
7458      
7459        <li class='min-w-[210px]'>
7460          <span class='text-[11px] text-tristan-breadcrumb'>Help</span>
7461          <ul class='mt-4 flex flex-col gap-3'>
7462            
7463              <li class='text-xs'>
7464                <a href='/account'>My Account</a>
7465              </li>
7466            
7467              <li class='text-xs'>
7468                <a href='/products/00-giftcard'>Gift Card</a>
7469              </li>
7470            
7471              <li class='text-xs'>
7472                <a href='/pages/gift-card-balance-check'>Gift Card Balance </a>
7473              </li>
7474            
7475              <li class='text-xs'>
7476                <a href='/pages/shipping'>Shipping</a>
7477              </li>
7478            
7479              <li class='text-xs'>
7480                <a href='/pages/exchanges-returns'>Exchanges / Returns</a>
7481              </li>
7482            
7483              <li class='text-xs'>
7484                <a href='/pages/current-promotions'>Current Offers</a>
7485              </li>
7486            
7487              <li class='text-xs'>
7488                <a href='https://tristanstyle.returnscenter.com/'>Return Management </a>
7489              </li>
7490            
7491              <li class='text-xs'>
7492                <a href='/pages/contact-us'>Contact us</a>
7493              </li>
7494            
7495              <li class='text-xs'>
7496                <a href='/pages/faq'>FAQ</a>
7497              </li>
7498            
7499          </ul>
7500        </li>
7501      
7502        <li class='min-w-[210px]'>
7503          <span class='text-[11px] text-tristan-breadcrumb'>Follow us</span>
7504          <ul class='mt-4 flex flex-col gap-3'>
7505            
7506              <li class='text-xs'>
7507                <a href='https://www.instagram.com/tristanstyle/'>Instagram</a>
7508              </li>
7509            
7510              <li class='text-xs'>
7511                <a href='/pages/newsletter'>Newsletter</a>
7512              </li>
7513            
7514              <li class='text-xs'>
7515                <a href='https://www.facebook.com/tristanstyle'>Facebook</a>
7516              </li>
7517            
7518              <li class='text-xs'>
7519                <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a>
7520              </li>
7521            
7522              <li class='text-xs'>
7523                <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a>
7524              </li>
7525            
7526              <li class='text-xs'>
7527                <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a>
7528              </li>
7529            
7530          </ul>
7531        </li>
7532      
7533        <li class='min-w-[210px]'>
7534          <span class='text-[11px] text-tristan-breadcrumb'>Company</span>
7535          <ul class='mt-4 flex flex-col gap-3'>
7536            
7537              <li class='text-xs'>
7538                <a href='/pages/about-us'>About Us</a>
7539              </li>
7540            
7541              <li class='text-xs'>
7542                <a href='/pages/store-locator'>Our Stores</a>
7543              </li>
7544            
7545              <li class='text-xs'>
7546                <a href='/pages/corporate'>Corporate Uniforms</a>
7547              </li>
7548            
7549              <li class='text-xs'>
7550                <a href='/pages/careers'>Careers</a>
7551              </li>
7552            
7553              <li class='text-xs'>
7554                <a href='/pages/bill-211'>Corporate Responsibility</a>
7555              </li>
7556            
7557          </ul>
7558        </li>
7559      
7560    </ul>
7561    <div data-component='accordion' class='flex flex-col md:hidden'>
7562      
7563
7564        
7565  <div
7566    
7567      data-accordion-item
7568    
7569    
7570
7571    class=' border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
7572  >
7573    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
7574      Help
7575
7576      <span data-accordion-icon-plus class='text-tristan-black'>
7577    <svg
7578      
7579      width='18'
7580      height='11'
7581      class='rotate-180'
7582      viewBox='0 0 18 11'
7583      fill='none'
7584      xmlns='http://www.w3.org/2000/svg'
7585    >
7586      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7587    </svg>
7588
7589  </span>
7590      <span
7591        data-accordion-icon-minus
7592        class='hidden text-tristan-black rotate-0'
7593      >
7594    <svg
7595      
7596      width='18'
7597      height='11'
7598      class=''
7599      viewBox='0 0 18 11'
7600      fill='none'
7601      xmlns='http://www.w3.org/2000/svg'
7602    >
7603      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7604    </svg>
7605
7606  </span>
7607    </button>
7608    <div
7609      data-accordion-content
7610      class='grid-height-transition grid text-xs text-tristan-black  '
7611      aria-hidden='true'
7612    >
7613      
7614        <ul class='flex flex-col gap-3'>
7615          
7616            
7617              <li class='text-xs'>
7618                <a href='/account'>My Account</a>
7619              </li>
7620            
7621              <li class='text-xs'>
7622                <a href='/products/00-giftcard'>Gift Card</a>
7623              </li>
7624            
7625              <li class='text-xs'>
7626                <a href='/pages/gift-card-balance-check'>Gift Card Balance </a>
7627              </li>
7628            
7629              <li class='text-xs'>
7630                <a href='/pages/shipping'>Shipping</a>
7631              </li>
7632            
7633              <li class='text-xs'>
7634                <a href='/pages/exchanges-returns'>Exchanges / Returns</a>
7635              </li>
7636            
7637              <li class='text-xs'>
7638                <a href='/pages/current-promotions'>Current Offers</a>
7639              </li>
7640            
7641              <li class='text-xs'>
7642                <a href='https://tristanstyle.returnscenter.com/'>Return Management </a>
7643              </li>
7644            
7645              <li class='text-xs'>
7646                <a href='/pages/contact-us'>Contact us</a>
7647              </li>
7648            
7649              <li class='text-xs'>
7650                <a href='/pages/faq'>FAQ</a>
7651              </li>
7652            
7653          
7654        </ul>
7655      
7656    </div>
7657  </div>
7658
7659
7660      
7661
7662        
7663  <div
7664    
7665      data-accordion-item
7666    
7667    
7668
7669    class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
7670  >
7671    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
7672      Follow us
7673
7674      <span data-accordion-icon-plus class='text-tristan-black'>
7675    <svg
7676      
7677      width='18'
7678      height='11'
7679      class='rotate-180'
7680      viewBox='0 0 18 11'
7681      fill='none'
7682      xmlns='http://www.w3.org/2000/svg'
7683    >
7684      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7685    </svg>
7686
7687  </span>
7688      <span
7689        data-accordion-icon-minus
7690        class='hidden text-tristan-black rotate-0'
7691      >
7692    <svg
7693      
7694      width='18'
7695      height='11'
7696      class=''
7697      viewBox='0 0 18 11'
7698      fill='none'
7699      xmlns='http://www.w3.org/2000/svg'
7700    >
7701      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7702    </svg>
7703
7704  </span>
7705    </button>
7706    <div
7707      data-accordion-content
7708      class='grid-height-transition grid text-xs text-tristan-black  '
7709      aria-hidden='true'
7710    >
7711      
7712        <ul class='flex flex-col gap-3'>
7713          
7714            
7715              <li class='text-xs'>
7716                <a href='https://www.instagram.com/tristanstyle/'>Instagram</a>
7717              </li>
7718            
7719              <li class='text-xs'>
7720                <a href='/pages/newsletter'>Newsletter</a>
7721              </li>
7722            
7723              <li class='text-xs'>
7724                <a href='https://www.facebook.com/tristanstyle'>Facebook</a>
7725              </li>
7726            
7727              <li class='text-xs'>
7728                <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a>
7729              </li>
7730            
7731              <li class='text-xs'>
7732                <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a>
7733              </li>
7734            
7735              <li class='text-xs'>
7736                <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a>
7737              </li>
7738            
7739          
7740        </ul>
7741      
7742    </div>
7743  </div>
7744
7745
7746      
7747
7748        
7749  <div
7750    
7751      data-accordion-item
7752    
7753    
7754
7755    class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
7756  >
7757    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
7758      Company
7759
7760      <span data-accordion-icon-plus class='text-tristan-black'>
7761    <svg
7762      
7763      width='18'
7764      height='11'
7765      class='rotate-180'
7766      viewBox='0 0 18 11'
7767      fill='none'
7768      xmlns='http://www.w3.org/2000/svg'
7769    >
7770      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7771    </svg>
7772
7773  </span>
7774      <span
7775        data-accordion-icon-minus
7776        class='hidden text-tristan-black rotate-0'
7777      >
7778    <svg
7779      
7780      width='18'
7781      height='11'
7782      class=''
7783      viewBox='0 0 18 11'
7784      fill='none'
7785      xmlns='http://www.w3.org/2000/svg'
7786    >
7787      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
7788    </svg>
7789
7790  </span>
7791    </button>
7792    <div
7793      data-accordion-content
7794      class='grid-height-transition grid text-xs text-tristan-black  '
7795      aria-hidden='true'
7796    >
7797      
7798        <ul class='flex flex-col gap-3'>
7799          
7800            
7801              <li class='text-xs'>
7802                <a href='/pages/about-us'>About Us</a>
7803              </li>
7804            
7805              <li class='text-xs'>
7806                <a href='/pages/store-locator'>Our Stores</a>
7807              </li>
7808            
7809              <li class='text-xs'>
7810                <a href='/pages/corporate'>Corporate Uniforms</a>
7811              </li>
7812            
7813              <li class='text-xs'>
7814                <a href='/pages/careers'>Careers</a>
7815              </li>
7816            
7817              <li class='text-xs'>
7818                <a href='/pages/bill-211'>Corporate Responsibility</a>
7819              </li>
7820            
7821          
7822        </ul>
7823      
7824    </div>
7825  </div>
7826
7827
7828      
7829    </div>
7830  </div>
7831</div>
7832<div class='bg-tristan-primary-15 py-3'>
7833  <ul class='flex flex-row flex-wrap items-center justify-center gap-4 md:gap-10'>
7834    
7835      <li>
7836        <a class='text-[11px] text-tristan-black' href='/pages/privacy-policy'>Privacy Policy</a>
7837      </li>
7838    
7839      <li>
7840        <a class='text-[11px] text-tristan-black' href='/pages/purchase-conditions'>Terms of use</a>
7841      </li>
7842    
7843  </ul>
7844</div>
7845
7846
7847</div>
7848
7849    
7850  
7850<script src='https://a.klaviyo.com/media/js/onsite/onsite.js'></script>
7850
7851  
7851<script>
7852    var klaviyo = klaviyo || [];
7853    klaviyo.init({
7854      account: "RxuWrY",
7855      list: "",
7856      platform: "shopify"
7857    });
7858    klaviyo.enable("backinstock",{
7859      trigger: {
7860        product_page_text: "Notify me",
7861        product_page_class: "button button--blue !w-full !mt-6",
7862        product_page_text_align: "center",
7863        product_page_margin: "0px",
7864        alternate_anchor: "add-to-cart-button",
7865        replace_anchor: false,
7866      },
7867      modal: {
7868        headline: "{product_name}",
7869        body_content: "Register to receive a notification when this item comes back in stock.",
7870        email_field_label: "Email",
7871        button_label: "Notify me when available",
7872        subscription_success_label: "You&#39;re in! We&#39;ll let you know when it&#39;s back.",
7873        footer_content: "",
7874        close_label: "Close",
7875        newsletter_subscribe_label: "Add me to your email list.",
7876        subscribe_checked: false,
7877        additional_styles: ".btn{border-radius:30px;text-transform:uppercase}.input-lg{font-family:'Beatrice';border-top:0;border-left:0;border-right:0;border-radius:0;}.form-control{box-shadow:unset;}#klaviyo-bis-modal {top:50%; left:50%; transform:translate(-50%, -50%);position: absolute; width: 95%;}input[type='checkbox']{accent-color: #171717;}.alert-success{background-color:#effc7a;color:black;}.alert-success a{color:black;}",
7878        drop_background_color: "#000",
7879        background_color: "#fff",
7880        text_color: "#222",
7881        button_text_color: "#fff",
7882        button_background_color: "#171717",
7883        close_button_color: "#ccc",
7884        error_background_color: "#fcd6d7",
7885        error_text_color: "#C72E2F",
7886        success_background_color: "#d3efcd",
7887        success_text_color: "#1B9500"
7888      }
7889    });
7890  </script>
7890
7891
7892
7893
7894    <div id="shopify-section-get-color-swatches" class="shopify-section">
7895
7896  <div data-info-color='[{"code":"BE01","hex_code":"#faf9f6","name":"Off-white","french":"Blanc Cassé","image":""},{"code":"NO01","hex_code":"#000000","name":"Black","french":"Noir","image":""},{"code":"NO50","hex_code":"#000000","name":"Multi Black","french":"Multi Noir","image":"//www.tristanstyle.com/cdn/shop/files/Black.jpg?v=1720630579&width=200"},{"code":"ME04","hex_code":"#e1c16e","name":"Brass","french":"Laiton","image":""},{"code":"RG11","hex_code":"#bc4a3c","name":"Brick","french":"Brique","image":""},{"code":"BL30","hex_code":"#0096ff","name":"Bright Blue","french":"Bleu Vif","image":""},{"code":"VE30","hex_code":"#66ff00","name":"Bright Green","french":"Vert Vif","image":""},{"code":"OR30","hex_code":"#ffa500","name":"Bright Orange","french":"Orange Vif","image":""},{"code":"RS30","hex_code":"#fc0fc0","name":"Bright Pink","french":"Rose Vif","image":""},{"code":"MA30","hex_code":"#bf40bf","name":"Bright Purple","french":"Mauve Vif","image":""},{"code":"RG30","hex_code":"#ee4b2b","name":"Bright Red","french":"Rouge Vif","image":""},{"code":"JA30","hex_code":"#ffff00","name":"Bright Yellow","french":"Jaune Vif","image":""},{"code":"ME03","hex_code":"#cd7f32","name":"Bronze","french":"Bronze","image":""},{"code":"BE10","hex_code":"#c19a6b","name":"Camel","french":"Chamois","image":""},{"code":"DI02","hex_code":"#f4fafc","name":"Clear","french":"Clair","image":""},{"code":"ME05","hex_code":"#b87333","name":"Copper","french":"Cuivre","image":""},{"code":"OR03","hex_code":"#ff7f50","name":"Coral","french":"Corail","image":""},{"code":"BE20","hex_code":"#a9957b","name":"Dark Beige","french":"Beige Foncé","image":""},{"code":"BL20","hex_code":"#00008b","name":"Dark Blue","french":"Bleu Foncé","image":""},{"code":"BR20","hex_code":"#5c4033","name":"Dark Brown","french":"Brun Foncé","image":""}]'></div><div
7897      data-component='getColorSwatches'
7898      data-page-param='page_b925b081'data-page-next='/pages/store-locator?page_b925b081=2'></div>
7899</div>
7900
7901    <div id="shopify-section-zoom-image" class="shopify-section"><div data-component='zoomImage' class='hidden'>
7902  <div class='fixed inset-0 z-50 flex items-center justify-center bg-tristan-dark bg-opacity-50'>
7903    <div class='relative max-h-[90%] w-full max-w-[90%] overflow-scroll'>
7904      <button
7905        data-zoom-image-close
7906        class='absolute right-0 top-0 z-50 bg-tristan-black p-4 text-tristan-white'
7907      >
7908        
7909    <svg
7910      
7911      width='15'
7912      height='15'
7913      viewBox='0 0 15 15'
7914      class='[&>path]:fill-tristan-white'
7915      fill='none'
7916      xmlns='http://www.w3.org/2000/svg'
7917    >
7918      <path d="M8.83394 7.67678L14.6464 13.4893L13.4893 14.6464L7.67678 8.83394L7.5 8.65716L7.32322 8.83394L1.51071 14.6464L0.353554 13.4893L6.16606 7.67678L6.34284 7.5L6.16606 7.32322L0.353553 1.51071L1.51071 0.353553L7.32322 6.16606L7.5 6.34284L7.67678 6.16606L13.4893 0.353554L14.6464 1.51071L8.83394 7.32322L8.65716 7.5L8.83394 7.67678Z" fill="currentColor" stroke="white" stroke-width="0.5"/>
7919    </svg>
7920
7921  
7922      </button>
7923
7924      <figure
7925        class='zoom relative w-full overflow-hidden bg-center bg-no-repeat'
7926        data-zoom-image-container
7927        onmousemove='zoom(event)'
7928        style='background-image: url(https://res.cloudinary.com/active-bridge/image/upload/slide1.jpg)'
7929      >
7930        <img data-zoom-image-src src='' alt='Zoom Image' class='block h-full w-full transition-opacity'>
7931      </figure>
7932    </div>
7933  </div>
7934</div>
7935
7936<style>
7937  figure.zoom img:hover {
7938    opacity: 0;
7939  }
7940</style>
7941<script>
7942  function zoom(e) {
7943    const zoomer = e.currentTarget;
7944    e.offsetX ? (offsetX = e.offsetX) : (offsetX = e.touches[0].pageX);
7945    e.offsetY ? (offsetY = e.offsetY) : (offsetX = e.touches[0].pageX);
7946    x = (offsetX / zoomer.offsetWidth) * 100;
7947    y = (offsetY / zoomer.offsetHeight) * 100;
7948    zoomer.style.backgroundPosition = x + '% ' + y + '%';
7949  }
7950</script>
7950
7951</div>
7952
7953    
7953<script>
7954  if (!window.GiftCardHeroCustom) window.GiftCardHeroCustom = {};
7955  window.GiftCardHeroCustom.proxy = '/a/giftcard';
7956</script>
7956
7957<style>
7958  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card {
7959    background: center center
7960      url(https://cdn.shopify.com/s/files/1/0434/2487/4658/files/cartecadeau_1_800x_1_1.webp?v=1678986702) no-repeat;
7961    background-size: cover;
7962    border: 0 !important;
7963  }
7964
7965  .sc-hero-checker-container .scgh-checker .scgh-checker__cards,
7966  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card {
7967    height: 250px !important;
7968  }
7969
7970  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card svg {
7971    display: none;
7972  }
7973</style>
7974
7975
7976    
7976<script>
7977      // get locaStorage to check if the cart have to be opened
7978      const cart = localStorage.getItem('cart');
7979      if (cart && cart === 'open') {
7980        // dispatch event cart:open
7981        setTimeout(() => {
7982          localStorage.removeItem('cart');
7983          document.dispatchEvent(new CustomEvent('cart:open'));
7984        }, 300);
7985      }
7986    </script>
7986
7987    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 7987-7988
7987
7988    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
7988GTM-NWMB3B8
vendor: 91 bytes, lines 7988-7990
7988"
7989    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
7990    
7990<!-- End Google Tag Manager (noscript) -->
7991
7992    
7993
7994
7995
7996<div data-findify-event="update-cart">
7997  
7998</div>
7999
8000<script>
8001  window.findify = {
8002    current_version: "2025-07.01", // DO NOT MODIFY! This is required within Shopify App Side, a Regex will extract the current version.
8003    product_fields: {
8004        include: [], // Include, also, these fields to be returned to liquid section
8005        exclude: [], // Exclude these fields from being sent to liquid section
8006        /*
8007          Create custom fields on the fly.
8008          Include these fields on the above include array.
8009        */
8010        custom_mapping: (item) => ({})
8011    }
8012  }
8013  
8014  const printFindifyVersion = async () => {
8015    console.log('Findify Liquid Framework v.', window.findify.current_version);
8016  }
8017  printFindifyVersion();
8018</script>
8018
8019
8020<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-analytics.js?v=61378630994565436371781536516" defer></script>
vendor: 1 bytes, line 8020
8020
8021<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-filter.js?v=108247571334860119861781536522" defer></script>
vendor: 1 bytes, line 8021
8021
8022<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swatches.js?v=68232340704274752341781536527" defer></script>
8022
8023
8024<link
8025  rel="stylesheet"
8026  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-variables-defaults.css?v=83873931077167052721781536530"
8027  media="print"
8028  onload="this.media='all'">
8029<link
8030  rel="stylesheet"
8031  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-theme-overwrite.css?v=75073965975987802421781536529"
8032  media="print"
8033  onload="this.media='all'">
8034
8035<link
8036  rel="stylesheet"
8037  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-swatches.css?v=159470387498036606651781536525"
8038  media="print"
8039  onload="this.media='all'">
8040
8041<link
8042  rel="stylesheet"
8043  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.css?v=48849305740600715271781536524"
8044  media="print"
8045  onload="this.media='all'">
8046<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.js?v=136704279831598794241781536525" defer></script>
8046
8047
8048<link
8049  rel="stylesheet"
8050  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-color-mapping.css?v=74851878029947148041781536518"
8051  media="print"
8052  onload="this.media='all'">
8053
8054<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.js?v=96361484698773826731781536528" defer="defer"></script>
8054
8055<link
8056  rel="stylesheet"
8057  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.css?v=42295002602430070851781536528"
8058  media="print"
8059  onload="this.media='all'">
8060
8061<link
8062  rel="stylesheet"
8063  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-button.css?v=100777144810063880971781536518"
8064  media="print"
8065  onload="this.media='all'">
8066
8067
8068<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.js?v=135468858491857602421781536517" defer></script>
8068
8069<link
8070  rel="stylesheet"
8071  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.css?v=165937137488080614951781536517"
8072  async />
8073
8074  
8075<link
8076  rel="stylesheet"
8077  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-recommendation.css?v=47727428235592057601781536526"
8078  media="print"
8079  onload="this.media='all'">
8080
8081
8082
8083
8084
8085
8086<link
8087  rel="stylesheet"
8088  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-content-card.css?v=69868871767741399551781536519"
8089  media="print"
8090  onload="this.media='all'">
8091  <div id="shopify-block-AY2lIZStBWFNsK0Njd__11468047240823483236" class="shopify-block shopify-app-block"><div id="sezzle-checkout-button-embed-block-error"></div>
8092<style>
8093  .sezzle-checkout-button {
8094   
8095
8096    
8097
8098    
8099
8100    
8101
8102    
8103
8104    
8105}
8106</style>
8107<script>
8108   
8109
8110   
8111      const embedCheckoutRendererScript = document.createElement("script");
8112      embedCheckoutRendererScript.type = "text/javascript";
8113      embedCheckoutRendererScript.src = "https://cdn.shopify.com/extensions/01a068e3-0c7f-7187-8245-9c5af06467ff/sezzle-widget-161123b6/assets/checkout-button-renderer.min.js";
8114      embedCheckoutRendererScript.onload = function() {
8115         new CheckoutButtonRenderer({
8116            merchantUUID : "0c164c73-b21a-470f-a08f-df5533089667",
8117            defaultPlacement : "true",
8118            theme : "light",
8119            template : "Checkout with %%logo%%",
8120            cartTotal : 0,
8121         }).init();
8122      };
8123      document.head.appendChild(embedCheckoutRendererScript);
8124   
8125</script>
8125
8126
8127
8128
8129
8130</div><div id="shopify-block-AaWxCbHp5U3dYZkhvT__11534999361516722706" class="shopify-block shopify-app-block"><div class="findify-autocomplete findify-autocomplete-fullscreen hidden" id="findify-autocomplete"></div>
8131
8132<!-- BEGIN app snippet: findify-autocomplete-snippet -->
8132<script>
8133
8134  const desktop_products_limit = "4";
8135  const desktop_suggestions_limit = "6";
8136  const desktop_suggestion_template = "vertical"
8137  const mobile_products_limit = "4"
8138  const mobile_suggestions_limit = "6"
8139  const mobile_products_per_row = "1"
8140  const mobile_suggestion_template = "vertical"
8141  const contents_src = ""
8142  const contents_limit = "2"
8143  const contents_title = ""
8144  const content_src_1 = '';
8145  const content_limit_1 = '2';
8146  const content_title_1 = '';
8147  const content_show_image_1 = 'false';
8148  const content_src_2 = '';
8149  const content_limit_2 = '2';
8150  const content_title_2 = '';
8151  const content_show_image_2 = 'false';
8152  const desktop_products_per_row = '4';
8153
8154  document.addEventListener('DOMContentLoaded', () => {
8155
8156    const mapContentsForAutocomplete = () => {
8157      if(!!content_src_1 || !!content_src_2){
8158        return {
8159          [content_src_1]: { limit: content_limit_1 || 2, title: content_title_1 || '', position: 1, showImage: content_show_image_1 },
8160          [content_src_2]: { limit: content_limit_2 || 2, title: content_title_2 || '', position: 2, showImage: content_show_image_2 },
8161          ...(window.findify?.extraContents ? window.findify.extraContents : {})
8162        };
8163      }
8164
8165      const trimmedContents = contents_src?.trim();
8166      if(!trimmedContents) return [];
8167
8168      const limits = contents_limit.split(',').map(limit => limit.trim());
8169      const titles = contents_title.split(',').map(title => title.trim());
8170      return trimmedContents.split(',').reduce((acc, curr, index) => {
8171        const contentId = curr.trim();
8172        return {
8173          ...acc,
8174          [contentId]: { limit: limits[index] || limits[0], title: titles[index] || '' }
8175        }
8176      }, {});
8177    }
8178
8179    const initAutocomplete = () => {
8180      findify.autocomplete.init({
8181        desktop_products_limit,
8182        desktop_suggestions_limit,
8183        desktop_suggestion_template,
8184        mobile_products_limit,
8185        mobile_suggestions_limit,
8186        mobile_products_per_row,
8187        mobile_suggestion_template,
8188        desktop_products_per_row,
8189        contents: mapContentsForAutocomplete(),
8190      });
8191    }
8192    
8193    findify.core.init.then(() => {
8194      initAutocomplete();
8195
8196      window.addEventListener("popstate", () => {
8197        initAutocomplete();
8198      });
8199    });
8200  });
8201
8202</script>
8202<!-- END app snippet -->
8203
8204
8205</div><div id="shopify-block-AWUc3MmVONGdkZ2JvU__246148584256545108" class="shopify-block shopify-app-block">
8205<script
8206  src="https://cdn.shopify.com/extensions/01a0cefc-9751-72d9-8cca-db8b0d015b75/axeptio-46/assets/index.js"
8207  defer="defer"
8208  data-axeptio
8209  data-shop="43424874658"
8210  data-shop-domain="tristandev.myshopify.com"
8211  data-api-url="http://shopify-app-remix.axept.io"
8212></script>
8212
8213
8214
8215</div><div id="shopify-block-ATUNOTzZtSmJDclpTc__2270789430191447923" class="shopify-block shopify-app-block"><link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">
8216
8217<!-- BEGIN app snippet: ac-tiered-sub-global -->
8217<script>
8218  window.jQuery || document.write('
8218<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"><\/script>')
8219</script>
8219
8220
8221
8222<link href="//cdn.shopify.com/extensions/01a0d6e5-148e-7c4b-84c1-45f67cf0b54a/discountly-pos-1963/assets/ac-tiered-style.css" rel="stylesheet" type="text/css" media="all" />
8223<link href="//cdn.shopify.com/extensions/01a0d6e5-148e-7c4b-84c1-45f67cf0b54a/discountly-pos-1963/assets/ac-cartTotal-style.css" rel="stylesheet" type="text/css" media="all" />
8224<div style="display:none" id="ac-money-format">${{amount}}</div>
8225 
8226 <style>
8227/*LATEST UPDATED*/
8228.ac_table1,
8229.ac_table2,
8230.ac_table3,
8231.ac_table4,
8232.ac_table5 {
8233  margin: 20px 0;
8234  border-collapse: collapse;
8235  border: 1px solid black;
8236  line-height: 1.5;
8237  width: 100%;
8238  color: black;
8239  text-align: center !important;
8240  text-transform: initial !important;
8241}
8242.ac_table1 .ac__th,
8243.ac_table2 .ac__th,
8244.ac_table3 .ac__th,
8245.ac_table5 .ac__th {
8246  border: 1px solid black !important;
8247  background-color: #FFFFFF !important;
8248  padding: 10px !important;
8249  line-height: 1.5;
8250  color: #000000 !important;
8251  font-size: 14px !important;
8252  width: 50%;
8253  text-align: center !important;
8254  font-weight: normal !important;
8255  word-break: break-all;
8256}
8257.ac_table1 .ac__td,
8258.ac_table2 .ac__td,
8259.ac_table3 .ac__td,
8260.ac_table4 .ac__td,
8261.ac_table5 .ac__td {
8262  border: 1px solid black;
8263  background-color: #FFFFFF  !important;
8264  padding: 10px !important;
8265  line-height: 1.5;
8266  color: #000000 !important;
8267  font-size: 14px !important;
8268  width: 50%;
8269  text-align: center !important;
8270  font-weight: normal !important;
8271  word-break: break-all;;
8272}
8273
8274.ac_table1 .ac__th:after,
8275.ac_table2 .ac__th:after,
8276.ac_table3 .ac__th:after,
8277.ac_table4 .ac__td:after,
8278.ac_table5 .ac__td:after {
8279  content: none;
8280}
8281
8282/* Quantity Range Grid */
8283.ac_table2 .ac__th {
8284  width: 33.33%;
8285}
8286.ac_table2 .ac__td {
8287  width: 33.33%;
8288}
8289
8290/* Detailed Grid  */
8291.ac_table3 .ac__th {
8292  width: 33.33%;
8293}
8294.ac_table3 .ac__td {
8295  width: 33.33%;
8296}
8297
8298/* Simple Message  */
8299.ac_table4 {
8300  border: transparent !important;
8301}
8302.ac_table4 .ac__td {
8303  width: 100%;
8304  border: transparent !important;
8305  text-align: center !important;
8306}
8307#saved-banner {
8308    color: #138C19 !important;
8309    font-weight: bold !important;
8310    font-size: 14px !important;
8311}
8312/*  Grid table */
8313.ac_mostpopuler {
8314border-radius: 52px;
8315    font-size: 12px;
8316    color: white;
8317    display: block;
8318    margin-top: 5px;
8319    background-color: #0e592d;
8320}
8321
8322.ac_main_container.ac-active {
8323    background-color:undefined;
8324    border-color: undefined !important
8325}
8326
8327.ac_main_container {
8328    width: 100%!important;
8329    display: grid;
8330    grid: 10% / 5% 39% auto;
8331    cursor: pointer!important;
8332    grid-gap: 10px;
8333    margin-top: 2%;
8334    border-radius: 5px;
8335}
8336   .ac_option-total-price .ac_item-regular_price{
8337    display: flex;
8338  }
8339  .ac-total-price {
8340    text-align: end;
8341    margin-right: 5px;
8342  }
8343
8344.ac_offer-option-item {
8345    padding-top: 25%
8346}
8347
8348.ac_offer-option {
8349  padding: 7px 5px;
8350}
8351
8352.ac_grab_deal_btn {
8353    margin: 15px 0;
8354    cursor: pointer;
8355    border-radius: 6px;
8356    font-size: 14px;
8357    font-weight: 700;
8358    text-transform: uppercase;
8359    text-align: center;
8360    display: inline-block;
8361    width: 100%!important;
8362    border: none;
8363    padding: 12px 18px;
8364    letter-spacing: inherit;
8365    line-height: inherit
8366}
8367
8368.ac_grab_deal_btn:disabled {
8369    filter: saturate(.2) opacity(.5);
8370    -webkit-filter: saturate(.2) opacity(.5);
8371    cursor: not-allowed
8372}
8373
8374.ac_option-total-price {
8375    display: flex;
8376    justify-content: flex-end;
8377    gap: 1%
8378}
8379
8380.ac_option-item-price {
8381    display: flex;
8382    justify-content: flex-end;
8383    gap: 2%
8384}
8385.ac-quantity-input-box {
8386    margin-left: 10px;
8387    padding: 6px;
8388    width: 5%;
8389    margin-top: 4px!important;
8390    border: 2px solid #FFFFFF;
8391    box-shadow: 0 0 0 1px undefined;
8392    -webkit-appearance: none;
8393    appearance: none;
8394    border-radius: 50%;
8395    cursor: pointer!important;
8396    width: 12px;
8397    height: 12px;
8398    transition: all ease-in .2s
8399}
8400
8401.ac-quantity-input-box:checked {
8402    background-color: undefined;
8403}
8404
8405@media screen and (max-width: 394px) {
8406    .ac_main_container {
8407        font-size:11px
8408    }
8409}
8410
8411@media screen and (max-width: 794px)and (min-width: 750px) {
8412    .ac_main_container {
8413        font-size:12px
8414    }
8415}
8416
8417</style>
8418<style>
8419  @media only screen and (max-width: 600px) {
8420    #saved-banner-div {
8421      text-align: center;
8422    }
8423  }
8424 #saved-banner-div {
8425      text-align: end;
8426    }
8427
8428</style>
8429<script type="text/javascript" defer>
8430  
8431
8432      
8433      var ACDiscountApp = ACDiscountApp || {};ACDiscountApp.Common = ACDiscountApp.Common || {};ACDiscountApp.CartPage = ACDiscountApp.CartPage || {};ACDiscountApp.PDPage = ACDiscountApp.PDPage || {};
8434  	  ACDiscountApp.Common.GlobalFields = function () {
8435      
8436      this.isCustomer = false;
8437      this.customerTag = '';
8438      
8439      this.currency = 'CAD';
8440	  this.formatMoney=function(b,g){if(typeof Shopify.formatMoney==="function"){return Shopify.formatMoney(b,g) }if(typeof b=="string"){b=b.replace(".","")}var f="";var e=/\{\{\s*(\w+)\s*\}\}/;var a=g||"$";function c(h,i){return(typeof h=="undefined"?i:h)}function d(m,k,l,j){k=c(k,2);l=c(l,",");j=c(j,".");if(isNaN(m)||m==null){return 0}m=(m/100).toFixed(k);var n=m.split("."),i=n[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+l),h=n[1]?(j+n[1]):"";return i+h}switch(a.match(e)[1]){case"amount":f=d(b,2);break;case"amount_no_decimals":f=d(b,0);break;case"amount_with_comma_separator":f=d(b,2,".",",");break;case"amount_no_decimals_with_comma_separator":f=d(b,0,".",",");break}return a.replace(e,f) };
8441	  this.currencySymbol = (document.getElementById("ac-money-format").textContent).trim();this.currencySymbol = this.currencySymbol.split("}");this.currencySymbol = this.currencySymbol[2];
8442	  this.amount = (document.getElementById("ac-money-format").textContent).trim();
8443    this.progressBarMetafield = null;
8444    this.Storetime = function(){return '2026-09-25T19:39:30'};
8445      
8446     var calcTime = function(offset_) {d_ = new Date();utc_ = d_.getTime() + (d_.getTimezoneOffset() * 60000);nd_ = new Date(utc_ + (3600000 * offset_));return Date.parse(nd_.getMonth()+ 1 +"/"+nd_.getDate()+"/"+ nd_.getFullYear() +" "+nd_.getHours()+":"+nd_.getMinutes());} 
8447      this.StartEndDateValid = function (startDate, endDate) {var Storetime = `2026-09-25T19:39:30`;var isStrtDtVald_ = false; var isEndDtVald_ = false; var todayDate_ = Date.parse(Storetime); if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; } else { isStrtDtVald_ = true; } if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; } else { isEndDtVald_ = true; }if (isStrtDtVald_ && isEndDtVald_) { return true; }else { return false; } }
8448
8449      var TimercalcTime = function(offset_) {
8450        d_ = new Date();
8451        utc_ = d_.getTime() + (d_.getTimezoneOffset() * 60000);
8452        nd_ = new Date(utc_ + (3600000 * offset_));
8453        return Date.parse(nd_.getMonth()+ 1 +"/"+nd_.getDate()+"/"+ nd_.getFullYear() +" "+nd_.getHours()+":"+nd_.getMinutes());
8454      } 
8455      
8456      this.TimerStartEndDateValid = function (startDate, endDate) { 
8457        var isStrtDtVald_ = false; var isEndDtVald_ = false; 
8458        let Storetime = `2026-09-25T19:39:30`;
8459        var todayDate_ = Date.parse(Storetime);
8460        if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; }
8461        else { isStrtDtVald_ = true; } 
8462        if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; }
8463        else { isEndDtVald_ = true; }
8464        if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } }
8465      
8466      this.cartSubtotalTiers  = function () {
8467    var selectedVariant = jQuery('input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', jQuery('form[action="/cart/add"]')).val();
8468    selectedVariant  =  Number(selectedVariant);
8469   
8470       }
8471      this.TimerStartEndDateValid = function (startDate, endDate) { 
8472        var isStrtDtVald_ = false; var isEndDtVald_ = false; 
8473        let Storetime = `2026-09-25T19:39:30` ;
8474        var todayDate_ = Date.parse(Storetime);
8475        if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; }
8476        else { isStrtDtVald_ = true; } 
8477        if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; }
8478        else { isEndDtVald_ = true; }
8479        if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } }
8480      
8481    this.GetTierObject = function (metafieldArray, variantId) { var obj = metafieldArray.tier !== undefined ? metafieldArray.tier : metafieldArray; if (obj.entity_type === "variants") {  var variantIndex = obj.variant_ids.indexOf(variantId.toString());  if (variantIndex !== -1) { var objToReturn = { entity_type: "variants", discount_type: obj.discount_type[variantIndex], status: obj.status[variantIndex], tier_min: obj.tier_min[variantIndex], tier_max: obj.tier_max[variantIndex], tier_values: obj.tier_values[variantIndex], start_date: obj.start_date[variantIndex], end_date: obj.end_date[variantIndex] }; return objToReturn; } else { return undefined; } } else { return obj; } }
8482
8483    this.ConvertToFixedDecimalString = function (amount) { return amount.toFixed(2); }
8484    this.TableProductPage =  'true'
8485    this.priceChangeFunc = function (selectedVariant) { 
8486    let varaintPricearray = [];
8487     
8488    var price = varaintPricearray.find(item => item.id == selectedVariant)?.price;
8489      if(price != '' && price != null && price != undefined){
8490        return price; 
8491      }else{
8492        var newprice = ''
8493        return newprice; 
8494      }
8495      
8496   }
8497    this.ConvertToFixedDecimalNumber = function (amount) { return Number(amount.toFixed(2)); }
8498	   this.isCartPage = false;     this.isProductPage = false;   this.settings = {"selected_table":"table1","table_headers":{"header1_value":"Minimum Quantity","header2_value":"Discount","header3_value":"Discount off"},"synced_theme":"","table_body":{"body1_value":"Buy","body2_value":"body2Text"},"checkout_type":"normal","create_discount_on_subtotal":false,"is_cart_saving_message":true,"timezone":"(GMT-04:00) America\/Halifax","cart_saving_message":"You saved {{discount_amount}}."};  }
8499
8500      
8501      
8502ACDiscountApp.PDPage.Global = function () { 
8503this.variantsPriceArray_PD=[];
8504 
8505
8506
8507
8508        
8509
8510
8511
8512
8513
8514                  
8515
8516;
8517
8518
8519
8520 	
8521	 
8522	this.productMetafield = "[]";
8523	
8524 
8525
8526 
8527}
8528ACDiscountApp.CartPage.Global = function () {
8529
8530
8531
8532 
8533   
8534         
8535      
8536      
8537      
8538      
8539      this.excluded_collection_ids = "[]"; 
8540      this.is_quantity_total = false;
8541   this.cartSubTotalMetafield = "[]";
8542   
8543      this.cartObj= {"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":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
8544      
8545        this.cartTiersArray = [
8546       
8547        ] 
8548    }
8549  	var globalFields = new ACDiscountApp.Common.GlobalFields();
8550</script>
8550
8551
8552<script>
8553    var ac_themeId = Shopify.theme.id;
8554    var shopIdann = '43424874658'; 
8555    var dis_WholeSaleP_version_Code = Date.now(); // or set manually like "v=3.2.1"
8556    var script = document.createElement('script');
8557    script.type = 'text/javascript';
8558    script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotalPdPage/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-product.js?v=' + dis_WholeSaleP_version_Code;
8559    script.defer = true;
8560    document.head.appendChild(script);
8561</script>
8561
8562 
8562<script>
8563    var ac_themeId = Shopify.theme.id;
8564    var shopIdann = '43424874658'; 
8565    var dis_WholeSale_version_Code = Date.now(); // or set manually like "v=3.2.1"
8566    var script = document.createElement('script');
8567    script.type = 'text/javascript';
8568    script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotal/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-cart.js?v=' + dis_WholeSale_version_Code;
8569    script.defer = true;
8570    document.head.appendChild(script);
8571</script>
8571
8572<!-- END app snippet -->
8573<script>
8574  window.acTierEnabled = true;
8575</script>
8575
8576
8577</div>
8577<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8577
8578</body>
8579</html>
8580
8581

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.