PageSourceSearch

https://www.tristanstyle.com/

html tristanstyle.com collected 2026-09-25 23:39:29 UTC 523,152 bytes, 11,582 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>Canadian Premium Clothing Store for Men &amp; Women | TRISTAN</title>
33
34
35<meta name='description' content='TRISTAN is a stylish Canadian clothing store for men and women, offering quality apparel and accessories. Explore our timeless collection today!'>
36<link rel='canonical' href='https://www.tristanstyle.com/'>
37
38
39<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/" >
40<link rel="alternate" hreflang="en-US" href="https://us.tristanstyle.com/">
41<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr/">
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/">
44<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/">
45<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr">
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":"index"}</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":"bc3b32d1-9b39-4b96-939c-d4d6ab4065b9-1790379498","pageurl":"www.tristanstyle.com\/?utm_source=facebook\u0026utm_medium=paid_social\u0026utm_campaign=em_tristan_sale_adv_on\u0026utm_term=adv_fall26_en","u":"3470070b6380","p":"home"};</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/crazy-egg/blocks/app-embed/7ea73823-6ad9-4252-a63e-088397d54aed -->
190  
190<script async src="https://script.crazyegg.com/pages/scripts/0129/4144.js"></script>
190
191
192
193
194<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
195
196
197
198
199
200
201
202
203
204
205
206
207    
208        <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:""}
208.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
208or: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}
208to{opacity:1}}
209.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:")"}
210.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>
211    
212    
212<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>
212
213            <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>
214            <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>
215            <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>
215<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>
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229<!-- END app snippet -->
230
231<!-- BEGIN app snippet: widget-plus-initialisation-script -->
232
233
234
235
236    
236<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
236
237
238<!-- END app snippet -->
239
240
241<!-- 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 -->
242
243<script async>
244  (function() {
245    window.ScCommon = {
246      shop: {
247        moneyFormat: window?.GiftCardHeroCustom?.moneyFormat || '${{amount}}',
248        customer: null,
249      },
250    };
251    
252      window.GiftCardHero = {
253        common: {
254          translations: {
255            preview: 'Preview',
256            mycards: 'My Gift Cards',
257            account: 'Account',
258            details: 'Details',
259            noRegisteredCards: 'No registered gift cards',
260            checkBalance: 'Check the balance',
261            customAmount: 'Custom',
262            giftCard: 'Gift card',
263            expiresOn: 'Expires on {{ expiry }}',
264          },
265        },
266        shop: {
267          items: [],
268          currency: 'CAD',
269          mainCurrency: 'CAD',
270        },
271        balance: {
272          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},
273          translations: {
274            '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"},
275          },
276        },
277        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"}},
278        isGiftProduct: false,
279        productId: null,
280        img: '',
281        options: null,
282        hideMyGiftcards: false,
283        giftcards: false,
284      };
285    
286    
287    if (!window?.ScCommon?.customer) {
288      sessionStorage.removeItem('giftcard:hero:customer');
289    }
290    
291  })();
292</script>
292
293
294
295<!-- END app snippet -->
296
297
298
299
300
301
302  
303  
303<script
304    src="https://cdn.shopify.com/extensions/01a0a602-51d8-707b-8871-48a2233480d8/gift-card-hero-523/assets/storefront.min.js"
305    defer
306    data-cmp-ignore
307    data-cmp-ab="2"
308    data-cookieconsent="ignore"></script>
308
309  
310
311
312
313
314
315<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
316
317
318
319
320
321
322
323
324
325
326
327
328  
328<script async src="https://static.klaviyo.com/onsite/js/RxuWrY/klaviyo.js?company_id=RxuWrY"></script>
328
329  
329<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>
329
330
331  
332
333
334
335
336  
336<script>
337    window.klaviyoReviewsProductDesignMode = false
338  </script>
338
339
340
341
342  <!-- BEGIN app snippet: customer-hub-data -->
342<script>
343  if (!window.customerHub) {
344    window.customerHub = {};
345  }
346  window.customerHub.storefrontRoutes = {
347    login: "https://www.tristanstyle.com/customer_authentication/redirect?locale=en&region_country=CA?return_url=%2F%23k-hub",
348    register: "/account/register?return_url=%2F%23k-hub",
349    logout: "/account/logout",
350    profile: "/account",
351    addresses: "/account/addresses",
352  };
353  
354  window.customerHub.userId = null;
355  
356  window.customerHub.storeDomain = "tristandev.myshopify.com";
357
358  
359
360  
361    window.customerHub.storeLocale = {
362        currentLanguage: 'en',
363        currentCountry: 'CA',
364        availableLanguages: [
365          
366            {
367              iso_code: 'en',
368              endonym_name: 'English'
369            },
370          
371            {
372              iso_code: 'fr',
373              endonym_name: 'français'
374            }
375          
376        ],
377        availableCountries: [
378          
379            {
380              iso_code: 'CA',
381              name: 'Canada',
382              currency_code: 'CAD'
383            }
384          
385        ]
386    };
387  
388</script>
388
389<!-- END app snippet -->
390
391
392
393
394
395
396
397<!-- END app block --><!-- BEGIN app block: shopify://apps/wishlist-hero/blocks/app-embed/a9a5079b-59e8-47cb-b659-ecf1c60b9b72 -->
398
399
400<script type="text/javascript">
401  
402    window.wishlisthero_buttonProdPageClasses = [];
403  
404  
405    window.wishlisthero_cartDotClasses = [];
406  
407</script>
407
408<!-- BEGIN app snippet: extraStyles -->
409
410<style>
411  .wishlisthero-floating {
412    position: absolute;
413    top: 5px;
414    z-index: 21;
415    border-radius: 100%;
416    width: fit-content;
417    right: 5px;
418    left: auto;
419  }
420  .wishlisthero-floating.wlh-left-btn {
421    left: 5px !important;
422    right: auto !important;
423  }
424  .wishlisthero-floating.wlh-right-btn {
425    right: 5px !important;
426    left: auto !important;
427  }
428  .wishlisthero-floating{
429      
430  }
431  /* Disabled: this rule was invalid (trailing comma) and thus dead in ALL browsers until the
432     selector was fixed. Re-enabling it changes floating-icon placement at >=1300px on themes
433     with .product-item__link/.product-item__image--margins grid markup. Re-enable only after
434     staging verification confirms the new placement is desired.
435  @media(min-width:1300px) {
436    .product-item__link.product-item__image--margins .wishlisthero-floating {
437      
438        left: 50% !important;
439        margin-left: -295px;
440      
441    }
442  }
443  */
444  
445  
446</style>
447
448
449
450
451
452
453<!-- END app snippet -->
454<!-- BEGIN app snippet: renderAssets -->
455
456
457  <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>
458  
458<script defer src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/default.js"></script>
458
459
460<!-- END app snippet -->
461
462
463<script type="text/javascript">
464  try{
465    window.WishListHero_block_settings = window.WishListHero_block_settings || {};
466    
467    
468    
469      window.WishListHero_block_settings.customLoginUrl = "\/account\/login";
470    
471  }catch(e){ console.error('WLH block settings error', e); }
472</script>
472
473
474<script type="text/javascript">
475  try{
476  
477    var scr_bdl_path = "https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js";
478    window._wh_asset_path = scr_bdl_path.substring(0,scr_bdl_path.lastIndexOf("/")) + "/";
479  
480
481  }catch(e){ console.log(e)}
482  try{
483
484  
485    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"};
486    if(typeof(window.WishListHero_setting_theme_override) != "undefined"){
487                                                                                window.WishListHero_setting = {
488                                                                                    ...window.WishListHero_setting,
489                                                                                    ...window.WishListHero_setting_theme_override
490                                                                                };
491                                                                            }
492                                                                            // Done
493
494  
495
496  
497  
498    if(window.WishListHero_setting){
499    window.WishListHero_setting.customLoginUrl = "\/account\/login";
500    }
501  
502
503  }catch(e){ console.error('Error loading config',e); }
504</script>
504
505
506
507
508
509  
509<script src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js" defer></script>
509
510
511
512
513
514<!-- BEGIN app snippet: TransArray -->
515<script>
516  window.WLH_reload_translations = function() {
517    let _wlh_res = {};
518    if (window.WishListHero_setting && window.WishListHero_setting['ThrdParty_Trans_active']) {
519
520      
521        
522
523        window.WishListHero_setting["ButtonTextBeforeAdding"] = "Add to Wishlist";
524        _wlh_res["ButtonTextBeforeAdding"] = "Add to Wishlist";
525        
526
527        window.WishListHero_setting["ButtonTextAfterAdding"] = "Added to Wishlist";
528        _wlh_res["ButtonTextAfterAdding"] = "Added to Wishlist";
529        
530
531        window.WishListHero_setting["ButtonTextAddToCart"] = "Add to Cart";
532        _wlh_res["ButtonTextAddToCart"] = "Add to Cart";
533        
534
535        window.WishListHero_setting["ButtonTextOutOfStock"] = "OUT OF STOCK";
536        _wlh_res["ButtonTextOutOfStock"] = "OUT OF STOCK";
537        
538
539        window.WishListHero_setting["ButtonTextAddAllToCart"] = "Add all to Cart";
540        _wlh_res["ButtonTextAddAllToCart"] = "Add all to Cart";
541        
542
543        window.WishListHero_setting["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist";
544        _wlh_res["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist";
545        
546
547        window.WishListHero_setting["AddedProductNotificationText"] = "Product added to wishlist successfully";
548        _wlh_res["AddedProductNotificationText"] = "Product added to wishlist successfully";
549        
550
551        window.WishListHero_setting["AddedProductToCartNotificationText"] = "Product added to cart successfully";
552        _wlh_res["AddedProductToCartNotificationText"] = "Product added to cart successfully";
553        
554
555        window.WishListHero_setting["ViewCartLinkText"] = "View Cart";
556        _wlh_res["ViewCartLinkText"] = "View Cart";
557        
558
559        window.WishListHero_setting["SharePopup_TitleText"] = "Share My wishlist";
560        _wlh_res["SharePopup_TitleText"] = "Share My wishlist";
561        
562
563        window.WishListHero_setting["SharePopup_shareBtnText"] = "Share";
564        _wlh_res["SharePopup_shareBtnText"] = "Share";
565        
566
567        window.WishListHero_setting["SharePopup_shareHederText"] = "Share on Social Networks";
568        _wlh_res["SharePopup_shareHederText"] = "Share on Social Networks";
569        
570
571        window.WishListHero_setting["SharePopup_shareCopyText"] = "Or copy Wishlist link to share";
572        _wlh_res["SharePopup_shareCopyText"] = "Or copy Wishlist link to share";
573        
574
575        window.WishListHero_setting["SharePopup_shareCancelBtnText"] = "Cancel";
576        _wlh_res["SharePopup_shareCancelBtnText"] = "Cancel";
577        
578
579        window.WishListHero_setting["SharePopup_shareCopyBtnText"] = "copy";
580        _wlh_res["SharePopup_shareCopyBtnText"] = "copy";
581        
582
583        window.WishListHero_setting["SendEMailPopup_BtnText"] = "send email";
584        _wlh_res["SendEMailPopup_BtnText"] = "send email";
585        
586
587        window.WishListHero_setting["SendEMailPopup_FromText"] = "From Name";
588        _wlh_res["SendEMailPopup_FromText"] = "From Name";
589        
590
591        window.WishListHero_setting["SendEMailPopup_ToText"] = "To email";
592        _wlh_res["SendEMailPopup_ToText"] = "To email";
593        
594
595        window.WishListHero_setting["SendEMailPopup_BodyText"] = "Body";
596        _wlh_res["SendEMailPopup_BodyText"] = "Body";
597        
598
599        window.WishListHero_setting["SendEMailPopup_SendBtnText"] = "send";
600        _wlh_res["SendEMailPopup_SendBtnText"] = "send";
601        
602
603        window.WishListHero_setting["SendEMailPopup_SendNotificationText"] = "email sent successfully";
604        _wlh_res["SendEMailPopup_SendNotificationText"] = "email sent successfully";
605        
606
607        window.WishListHero_setting["SendEMailPopup_TitleText"] = "Send My Wislist via Email";
608        _wlh_res["SendEMailPopup_TitleText"] = "Send My Wislist via Email";
609        
610
611        window.WishListHero_setting["AddProductMessageText"] = "Are you sure you want to add all items to cart ?";
612        _wlh_res["AddProductMessageText"] = "Are you sure you want to add all items to cart ?";
613        
614
615        window.WishListHero_setting["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?";
616        _wlh_res["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?";
617        
618
619        window.WishListHero_setting["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?";
620        _wlh_res["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?";
621        
622
623        window.WishListHero_setting["RemovedProductNotificationText"] = "Product removed from wishlist successfully";
624        _wlh_res["RemovedProductNotificationText"] = "Product removed from wishlist successfully";
625        
626
627        window.WishListHero_setting["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later";
628        _wlh_res["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later";
629        
630
631        window.WishListHero_setting["RemovePopupOkText"] = "Ok";
632        _wlh_res["RemovePopupOkText"] = "Ok";
633        
634
635        window.WishListHero_setting["RemovePopup_HeaderText"] = "are you sure?";
636        _wlh_res["RemovePopup_HeaderText"] = "are you sure?";
637        
638
639        window.WishListHero_setting["ViewWishlistText"] = "View wishlist";
640        _wlh_res["ViewWishlistText"] = "View wishlist";
641        
642
643        window.WishListHero_setting["EmptyWishlistText"] = "there are no items in this wishlist";
644        _wlh_res["EmptyWishlistText"] = "there are no items in this wishlist";
645        
646
647        window.WishListHero_setting["BuyNowButtonText"] = "Buy Now";
648        _wlh_res["BuyNowButtonText"] = "Buy Now";
649        
650
651        window.WishListHero_setting["Wishlist_Title"] = "My Wishlist";
652        _wlh_res["Wishlist_Title"] = "My Wishlist";
653        
654
655        window.WishListHero_setting["LoginPopupContent"] = "Please login to save your wishlist across devices.";
656        _wlh_res["LoginPopupContent"] = "Please login to save your wishlist across devices.";
657        
658
659        window.WishListHero_setting["LoginPopupLoginBtnText"] = "Login";
660        _wlh_res["LoginPopupLoginBtnText"] = "Login";
661        
662
663        window.WishListHero_setting["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist";
664        _wlh_res["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist";
665        
666
667        window.WishListHero_setting["LowStockEmailSubject"] = "Low stock on items in your wishlist!";
668        _wlh_res["LowStockEmailSubject"] = "Low stock on items in your wishlist!";
669        
670
671        window.WishListHero_setting["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!";
672        _wlh_res["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!";
673        
674
675        window.WishListHero_setting["SharePopup_shareCopiedText"] = "Copied";
676        _wlh_res["SharePopup_shareCopiedText"] = "Copied";
677    }
678    return _wlh_res;
679  }
680  window.WLH_reload_translations();
681</script>
681<!-- END app snippet -->
682
683<!-- END app block --><!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 -->
683<script
684  type="module"
685>
686  setTimeout(async function () {
687    const keySessionStorage = 'aw_settings';
688    let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage));
689    if(!__AW__settings) {
690      const awSettings = await fetch(
691              "/apps/addingwell-proxy",
692              {
693                method: "GET",
694                redirect: "follow",
695                headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
696              }
697      );
698      if (awSettings.ok) {
699        __AW__settings = await awSettings.json();
700        sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
701      } else {
702        console.error('Addingwell - Loading proxy error', awSettings.status);
703        return;
704      }
705    }
706
707    if(__AW__settings.insertGtmTag && __AW__settings.gtmId) {
708      let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js';
709      let __AW__isAddingwellCdn = false;
710      if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) {
711        __AW__gtmUrl = __AW__settings.gtmUrl;
712        __AW__isAddingwellCdn = __AW__settings.isAddingwellCdn;
713      }
714
715      (function(w,d,s,l,i){
716        w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
717        var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
718        j.async=true;
719        j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'awl' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f);
720      })(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`);
721    }
722
723    const __AW__getEventNameWithSuffix = (eventName) => {
724      return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : "");
725    }
726
727    function __AW__waitForShopifyYCookie(maxAttempts, intervalMs) {
728      return new Promise(function(resolve) {
729        let attempts = 0;
730        maxAttempts = maxAttempts || 5;
731        intervalMs = intervalMs || 200;
732        function check() {
733          const match = document.cookie.match(/(?:^|;\s*)_shopify_y=([^;]*)/);
734          if (match) {
735            resolve(match[1]);
736          } else if (attempts < maxAttempts) {
737            attempts++;
738            setTimeout(check, intervalMs);
739          } else {
740            console.warn('[AW] _shopify_y cookie not found after consent');
741            resolve(null);
742          }
743        }
744        check();
745      });
746    }
747
748    const __AW__CONSENT_KEY = 'aw_consent_state';
749
750    function __AW__getConsentState() {
751      try {
752        if (window.Shopify?.customerPrivacy?.currentVisitorConsent) {
753          return JSON.stringify(window.Shopify.customerPrivacy.currentVisitorConsent());
754        }
755      } catch(e) {}
756      return null;
757    }
758
759    function __AW__isEmptyConsent(stateStr) {
760      try {
761        return Object.values(JSON.parse(stateStr)).every(v => v === '');
762      } catch(e) {}
763      return true;
764    }
765
766    let __AW__prevConsentState = __AW__getConsentState() ?? localStorage.getItem(__AW__CONSENT_KEY);
767
768    document.addEventListener('visitorConsentCollected', async function(event) {
769      const currentConsentState = __AW__getConsentState();
770
771      if (currentConsentState !== null && currentConsentState === __AW__prevConsentState) {
772        return;
773      }
774
775      __AW__prevConsentState = currentConsentState;
776
777      if (currentConsentState !== null) {
778        if (__AW__isEmptyConsent(currentConsentState)) {
779          localStorage.removeItem(__AW__CONSENT_KEY);
780        } else {
781          localStorage.setItem(__AW__CONSENT_KEY, currentConsentState);
782        }
783      }
784
785      window.Shopify.analytics.publish('addingwell:shopify_update_consent', {visitorConsentCollected: true});
786
787      const shopifyY = await __AW__waitForShopifyYCookie();
788      if (!shopifyY) return;
789
790      window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || [];
791      window[__AW__settings.dataLayerVariableName].push({
792        event: __AW__getEventNameWithSuffix('shopify_consent_updated'),
793      });
794    });
795
796    if(__AW__settings.enableDataLayer) {
797      const MAX_ITEMS_BATCH = 10;
798      const sendBatchEvents = (items, eventName, eventObject) => {
799        let batch = [];
800        for(let i  = 0; i < items.length; i++) {
801          batch.push(items[i]);
802          if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) {
803            const eventClone = {
804              ...eventObject,
805              ecommerce: {
806                ...eventObject.ecommerce,
807                items: [...batch]
808              }
809            };
810            window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
811            window[__AW__settings.dataLayerVariableName].push({
812              ...{'event': __AW__getEventNameWithSuffix(eventName)},
813              ...eventClone
814            });
815
816            batch = [];
817          }
818        }
819      }
820
821      function __AW__filterNullOrEmpty(obj) {
822        let filteredObj = {};
823
824        for (let key in obj) {
825          if (obj.hasOwnProperty(key)) {
826            let value = obj[key];
827
828            // If value is an object (and not null), recursively filter sub-elements
829            if (typeof value === "object" && value !== null && value !== undefined) {
830              let filteredSubObject = __AW__filterNullOrEmpty(value);
831
832              // Add the filtered sub-object only if it's not empty
833              if (Object.keys(filteredSubObject).length > 0) {
834                filteredObj[key] = filteredSubObject;
835              }
836            } else {
837              // Add the value only if it's neither null nor an empty string
838              if (value !== null && value !== "" && value !== undefined) {
839                filteredObj[key] = value;
840              }
841            }
842          }
843        }
844        return filteredObj;
845      }
846
847      function getPageType(value) {
848        const pageTypeMapping = {
849          404: '404',
850          article: 'article',
851          blog: 'blog',
852          cart: 'cart',
853          collection: 'collection',
854          gift_card: 'gift_card',
855          index: 'homepage',
856          product: 'product',
857          search: 'searchresults',
858          'customers/login': 'login',
859          'customers/register': 'sign_up'
860        };
861        return pageTypeMapping[value] || 'other';
862      }
863      let __AW__cartReady = false;
864
865      function pushDataLayerEvents() {
866        initCart();
867        window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || [];  // init data layer if doesn't already exist
868        const templateName = "index";
869
870        const getFormattedPrice = (priceInCents) => priceInCents/100;
871        /**********************
872         * DATALAYER SECTIONS
873         ***********************/
874        /**
875         * DATALAYER: User Data
876         * Build user_data properties.
877         */
878        let newCustomer = true;
879        window.__AW__CommonData = {
880          user_data: {
881            new_customer: newCustomer,
882          }
883        };
884
885        
886
887        window.__AW__CommonData.country = "CA"
888        window.__AW__CommonData.market = "ca"
889        window.__AW__CommonData.marketId = 3013640354
890
891        
892          window.__AW__CommonData.language = "en-CA";
893        
894        window.__AW__CommonData = __AW__filterNullOrEmpty(window.__AW__CommonData);
895
896        // Ajout du hash SHA256 des champs sensibles de user_data (version robuste)
897        async function sha256(str) {
898          if (!str) return undefined;
899          if (!(window.crypto && window.crypto.subtle)) {
900            console.error('Crypto.subtle non supporté, hash impossible pour :', str);
901            return undefined;
902          }
903          try {
904            const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
905            return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join('');
906          } catch (e) {
907            console.error('Erreur lors du hash SHA256 pour', str, e);
908            return undefined;
909          }
910        }
911        async function getUserDataHash(user_data) {
912          const hashObj = {};
913          if (!user_data) return hashObj;
914          try {
915            if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address);
916            if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number);
917            if (user_data.address && typeof user_data.address === 'object') {
918              hashObj.address = {};
919              if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name);
920              if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name);
921              if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street);
922              if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city);
923              if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region);
924              if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code);
925              if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country);
926            }
927          } catch (e) {
928            console.error('Erreur lors du hash user_data_hashed', e);
929          }
930          return __AW__filterNullOrEmpty(hashObj);
931        }
932        (async function() {
933          if (window.__AW__CommonData && window.__AW__CommonData.user_data) {
934            window.__AW__CommonData.user_data_hashed = await getUserDataHash(window.__AW__CommonData.user_data);
935          }
936        })();
937
938        window.__AW__CommonData["page_type"] = getPageType(templateName);
939        window.__AW__CommonData["theme"] = window?.Shopify?.theme;
940        window[__AW__settings.dataLayerVariableName].push(window.__AW__CommonData);
941
942        window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")});
943
944        /** DATALAYER: select_item handoff */
945        const pendingSelectItemName = "aw_pending_select_item";
946
947        const __AW__pushSelectItem = (payload) => {
948          window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
949          window[__AW__settings.dataLayerVariableName].push(payload);
950        };
951
952        const __AW__flushPendingSelectItem = () => {
953          let pending = null;
954          try {
955            pending = sessionStorage.getItem(pendingSelectItemName);
956            sessionStorage.removeItem(pendingSelectItemName);
957          } catch (e) {
958            return;
959          }
960          if (!pending) return;
961          try {
962            __AW__pushSelectItem(JSON.parse(pending));
963          } catch (e) {
964            console.warn('[AW] pending select_item error', e);
965          }
966        };
967
968        __AW__flushPendingSelectItem();
969
970
971        /**
972         * DATALAYER: 404 Pages
973         * Fire on 404 Pages */
974        
975
976
977        /**
978         * DATALAYER: Blog Articles
979         * Fire on Blog Article Pages */
980        
981
982        
983
984        
985
986        /** DATALAYER: Product List Page (Collections, Category)
987         * Fire on all product listing pages. */
988
989        const __AW__transformNumberToString = (value) => {
990          if (value !== null && value !== undefined && typeof value === 'number') {
991            return value.toString();
992          }
993          /** By Default return the current value */
994          return value;
995        };
996
997        let discountPrice = 0.00;
998        
999
1000        /** DATALAYER: Product Page
1001         * Fire on all Product View pages. */
1002        
1003
1004        /** DATALAYER: Cart View
1005         * Fire anytime a user views their cart (non-dynamic) */
1006        
1007
1008        let drawerCartAlreadyOpened = false;
1009        let pendingViewCartTimeout = null;
1010
1011        let stateObserver = null;
1012        let domObserver = null;
1013
1014        function initCart() {
1015          fetch(`${window.Shopify?.routes?.root || "/"}cart.js?adw=1&init=1`, {
1016            credentials: 'same-origin',
1017            headers: { 'Accept': 'application/json' }
1018          }).then(r => r.ok ? r.json() : null)
1019            .then(freshCart => {
1020              if (freshCart) {
1021                window.__AW__slaveShopifyCart = freshCart;
1022              } else {
1023                window.__AW__slaveShopifyCart = { items: [] };
1024              }
1025              __AW__cartReady = true;
1026            })
1027            .catch(e => {
1028              console.warn('[AW] Cart hydration failed', e);
1029              window.__AW__slaveShopifyCart = { items: [] };
1030              __AW__cartReady = true;
1031            });
1032        }
1033
1034        function fireViewCartOncePerOpen() {
1035          if (pendingViewCartTimeout) return;
1036
1037          drawerCartAlreadyOpened = true;
1038
1039          pendingViewCartTimeout = setTimeout(() => {
1040            pendingViewCartTimeout = null;
1041            if (!__AW__cartReady) return;
1042            const ecommerceDataLayer = {
1043              ecommerce: {
1044                currency: window.__AW__slaveShopifyCart.currency,
1045                value: window.__AW__slaveShopifyCart.total_price / 100,
1046                items: window.__AW__slaveShopifyCart.items.map(item => {
1047                  const price = (item.discounted_price ?? item.price) / 100;
1048                  const discount = (item.price - (item.discounted_price ?? 0)) / 100;
1049
1050                  let coupon = "";
1051                  if (Array.isArray(item?.discounts)) {
1052                    coupon = item.discounts
1053                            .filter(d => typeof d?.title === "string")
1054                            .map(d => d.title)
1055                            .join(", ");
1056                  }
1057
1058                  return {
1059                    item_id: __AW__transformNumberToString(item.product_id),
1060                    item_variant: item.variant_title,
1061                    item_variant_title: item.variant_title,
1062                    item_variant_id: __AW__transformNumberToString(item.variant_id),
1063                    item_product_id: __AW__transformNumberToString(item.product_id),
1064                    item_product_title: item.product_title,
1065                    item_name: item.product_title,
1066                    price,
1067                    discount,
1068                    item_brand: item.vendor,
1069                    item_category: item.product_type,
1070                    item_list_name: item.collection || "",
1071                    item_list_id: "",
1072                    quantity: item.quantity,
1073                    sku: __AW__transformNumberToString(item.sku),
1074                    coupon,
1075                    url: item.url,
1076                    selling_plan_id     : item?.selling_plan_allocation?.selling_plan?.id,
1077                    selling_plan_name   : item?.selling_plan_allocation?.selling_plan?.name
1078
1079                  };
1080                })
1081              }
1082            };
1083
1084            window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
1085            window[__AW__settings.dataLayerVariableName].push({
1086              event: __AW__getEventNameWithSuffix("view_cart"),
1087              ...ecommerceDataLayer
1088            });
1089          }, 1000);
1090        }
1091
1092        function resetOnClose() {
1093          drawerCartAlreadyOpened = false;
1094          if (pendingViewCartTimeout) {
1095            clearTimeout(pendingViewCartTimeout);
1096            pendingViewCartTimeout = null;
1097          }
1098        }
1099
1100        function getTargets() {
1101          const cartDrawer = document.querySelector("cart-drawer");
1102          const dialog =
1103                  document.querySelector("cart-drawer dialog") ||
1104                  document.querySelector("cart-drawer-component dialog") ||
1105                  document.querySelector("cart-drawer-component dialog[ref='dialog']");
1106
1107          return { cartDrawer, dialog };
1108        }
1109
1110        function isCartOpen({ cartDrawer, dialog }) {
1111          const openByDialog = !!dialog && (dialog.open || dialog.hasAttribute("open"));
1112          const openByClass = !!cartDrawer && cartDrawer.classList.contains("active");
1113          const openByAttr = !!cartDrawer && cartDrawer.hasAttribute("open");
1114          return openByDialog || openByClass || openByAttr;
1115        }
1116
1117        function attachStateObserver() {
1118          const { cartDrawer, dialog } = getTargets();
1119
1120          if (stateObserver) stateObserver.disconnect();
1121
1122          stateObserver = new MutationObserver(() => {
1123            const openNow = isCartOpen(getTargets());
1124
1125            if (openNow) {
1126              if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
1127            } else {
1128              resetOnClose();
1129            }
1130          });
1131
1132          if (cartDrawer) {
1133            stateObserver.observe(cartDrawer, {
1134              attributes: true,
1135              attributeFilter: ["class", "open"]
1136            });
1137          }
1138
1139          if (dialog) {
1140            stateObserver.observe(dialog, {
1141              attributes: true,
1142              attributeFilter: ["open"]
1143            });
1144          }
1145
1146          const openNow = isCartOpen(getTargets());
1147          if (openNow) {
1148            if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
1149          } else {
1150            resetOnClose();
1151          }
1152        }
1153
1154        function observeCartDrawerOpen() {
1155          attachStateObserver();
1156
1157          if (domObserver) domObserver.disconnect();
1158
1159          domObserver = new MutationObserver(() => {
1160            attachStateObserver();
1161          });
1162
1163          domObserver.observe(document.documentElement, {
1164            childList: true,
1165            subtree: true
1166          });
1167        }
1168
1169        observeCartDrawerOpen();
1170
1171
1172        /** DATALAYER: Search Results */
1173        var searchPage = new RegExp("search", "g");
1174        if(document.location.pathname.match(searchPage)){
1175          var __AW__items = [];
1176          
1177
1178          const awEcommerceSearch = {
1179            search_term: null,
1180            results_count: null,
1181            ecommerce: {
1182              currency: "CAD",
1183              items : []
1184            }
1185          };
1186          sendBatchEvents(__AW__items, "search", awEcommerceSearch);
1187        }
1188
1189
1190        const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/;
1191        const pendingCartEventName = "aw_pending_cart_event";
1192        let awCartQueue = Promise.resolve();
1193
1194        if(sessionStorage.getItem(pendingCartEventName)) {
1195          scheduleCartSync();
1196        }
1197
1198        document.addEventListener('click', async function(e) {
1199          const btn = e.target.closest('[href*="/cart/add"], [action*="/cart/add"], button[name="add"]');
1200          if (!btn || !__AW__cartReady) return;
1201          snapshotCart();
1202        }, true);
1203
1204        patchFetch();
1205        patchXhr();
1206
1207        function snapshotCart() {
1208          try {
1209            sessionStorage.setItem(
1210              pendingCartEventName,
1211              JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] })
1212            );
1213          } catch (e) {
1214            console.warn('[AW] snapshot error', e);
1215          }
1216        }
1217
1218        function patchXhr() {
1219          const nativeSend = typeof XMLHttpRequest === 'function' ? XMLHttpRequest.prototype?.send : null;
1220          if (typeof nativeSend !== 'function' || nativeSend.__AW__patched) return;
1221
1222          XMLHttpRequest.prototype.send = function(body) {
1223            this.addEventListener('load', () => {
1224              try {
1225                const abs = this.responseURL || '';
1226                const u = new URL(abs, location.origin);
1227                const mt = u.pathname + (u.search || '');
1228                if (this.status === 200 && cartRegex.test(mt)) {
1229                  scheduleCartSync();
1230                }
1231              } catch (e) {
1232                console.error('[AW] XHR handler error', e);
1233              }
1234            });
1235            return nativeSend.apply(this, arguments);
1236          };
1237
1238          XMLHttpRequest.prototype.send.__AW__patched = true;
1239        }
1240
1241        function patchFetch() {
1242          const previousFetch = window.fetch;
1243          if (typeof previousFetch !== 'function' || previousFetch.__AW__patched) return;
1244
1245          window.fetch = async function (...args) {
1246            const resource = args[0];
1247            try {
1248
1249              const url = resource instanceof Request ? resource.url  : resource instanceof URL ? resource.href : String(resource);
1250              if (cartRegex.test(url)) {
1251                const response = await previousFetch.apply(this, args);
1252                if (response.ok) {
1253                  scheduleCartSync();
1254                } else {
1255                  console.warn(`Fetch for ${url} failed with status: ${response.status}`);
1256                }
1257                return response;
1258              }
1259            } catch (error) {
1260              console.error('[AW] Fetch Wrapper Error:', error);
1261            }
1262
1263            return previousFetch.apply(this, args);
1264          };
1265
1266          window.fetch.__AW__patched = true;
1267        }
1268
1269        function scheduleCartSync() {
1270          if (!__AW__cartReady) return;
1271          awCartQueue = awCartQueue
1272            .then(() => {
1273              if (!sessionStorage.getItem(pendingCartEventName)) snapshotCart();
1274              return runCartSyncOnce();
1275            }).catch(e => {
1276              console.error('[AW] scheduleCartSync error', e);
1277            });
1278        }
1279
1280        async function runCartSyncOnce() {
1281          try {
1282            const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, {
1283              credentials: 'same-origin',
1284              headers: { 'Accept': 'application/json' }
1285            });
1286            if (!response.ok) throw new Error('HTTP ' + response.status);
1287            const newCart = await response.json();
1288            await compareCartData(newCart);
1289          } catch (error) {
1290            console.error('[AW] Error fetching /cart.js (singleton):', error);
1291          }
1292        }
1293
1294        function compareCartData(newCartData) {
1295          return new Promise((resolve) => {
1296            setTimeout(() => {
1297              try {
1298                const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : {items: []};
1299                newCartData = newCartData || {items: []};
1300                const cartItemKey = item => `${item.variant_id ?? item.id}:${item.selling_plan_allocation?.selling_plan?.id ?? ''}`;
1301                const oldItems = new Map(oldCartData.items.map(item => [cartItemKey(item), item]));
1302                const newItems = new Map(newCartData.items.map(item => [cartItemKey(item), item]));
1303
1304                newItems.forEach((newItem, key) => {
1305                  const oldItem = oldItems.get(key);
1306                  const eventName = "add_to_cart";
1307                  if (!oldItem) {
1308                    handleCartDataLayer(eventName, newItem.quantity, newItem);
1309                  } else if (newItem.quantity > oldItem.quantity) {
1310                    handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem);
1311                  }
1312                });
1313
1314                oldItems.forEach((oldItem, key) => {
1315                  const newItem = newItems.get(key);
1316                  const eventName = "remove_from_cart";
1317                  if (!newItem) {
1318                    handleCartDataLayer(eventName, oldItem.quantity, oldItem);
1319                  } else if (oldItem.quantity > newItem.quantity) {
1320                    handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem);
1321                  }
1322                });
1323
1324                sessionStorage.removeItem(pendingCartEventName);
1325                window.__AW__slaveShopifyCart = newCartData;
1326              } catch(e) {
1327                console.error('[AW] compareCartData error', e);
1328                sessionStorage.removeItem(pendingCartEventName);
1329              } finally {
1330                resolve();
1331              }
1332            }, 500);
1333          });
1334        }
1335
1336        function handleCartDataLayer(eventName, quantity, item) {
1337          const price = (item.discounted_price ?? item.price) / 100;
1338          const discount = (item.price - (item.discounted_price ?? 0)) / 100;
1339          const totalValue = price * quantity;
1340          let coupon = "";
1341          if(Array.isArray(item?.discounts)) {
1342            coupon = item.discounts
1343                    .filter(discount => typeof discount?.title === 'string')
1344                    .map(discount => discount.title)
1345                    .join(', ');
1346          }
1347
1348          const ecommerceCart = {
1349            ecommerce: {
1350              currency: "CAD",
1351              value: totalValue,
1352              items: [{
1353                item_id: __AW__transformNumberToString(item.product_id),
1354                item_variant: item.variant_title || "Default Variant",
1355                item_variant_id: __AW__transformNumberToString(item.variant_id),
1356                item_variant_title: item.variant_title || "Default Variant",
1357                item_name: item.product_title,
1358                item_product_id: __AW__transformNumberToString(item.product_id),
1359                item_product_title: item.product_title,
1360                sku: __AW__transformNumberToString(item.sku),
1361                discount: discount,
1362                price: price,
1363                item_brand: item.vendor,
1364                item_category: item.product_type,
1365                quantity: quantity,
1366                coupon: coupon,
1367                url: item?.url,
1368                selling_plan_id     : item?.selling_plan_allocation?.selling_plan?.id,
1369                selling_plan_name   : item?.selling_plan_allocation?.selling_plan?.name
1370              }]
1371            }
1372          };
1373
1374          window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
1375          window[__AW__settings.dataLayerVariableName].push({
1376            ...{ 'event': __AW__getEventNameWithSuffix(eventName) },
1377            ...ecommerceCart
1378          });
1379
1380        }
1381      }
1382
1383      if (document.readyState === 'loading') {
1384        // document still loading...
1385        document.addEventListener('DOMContentLoaded', () => {
1386          pushDataLayerEvents();
1387        });
1388      } else {
1389        // already loaded, chocs away!
1390        pushDataLayerEvents();
1391      }
1392    }
1393  }, 0);
1394</script>
1394
1395
1396
1397<!-- END app block --><!-- BEGIN app block: shopify://apps/findify-search-merchandise/blocks/findify-BG-operations/861ae6ec-2c4a-4ae9-bd1b-43913344990c -->
1398
1399<!-- Findify core -->
1400<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 1400
1400
1401<script src="//assets.findify.io/tristandev.myshopify.com-config-json.js" async></script>
vendor: 1 bytes, line 1401
1401
1402<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 1402
1402
1403<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 1403
1403
1404<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 1404
1404
1405<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 1405
1405
1406<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 1406
1406
1407<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 1407
1407
1408<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 1408
1408
1409<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 1409
1409
1410<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 1410
1410
1411<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 1411
1411
1412<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/recommendation.js" async></script>
1412
1413
1414
1415
1416<script>
1417  // set image aspect ratio
1418  const product_card_image_aspect_ratio = 100;
1419  const aspect_ratio = product_card_image_aspect_ratio <= 0 ? 100 : product_card_image_aspect_ratio;
1420  document.documentElement.style.setProperty('--findify-product-card-aspect-ratio', `${aspect_ratio}%`);
1421
1422  window.findifyBGOperationsBlockSettings = {
1423    useCurrencyConverter : false,
1424    showProductCardHoverImage: true,
1425    productQuantityPerBatchRender: 1,
1426    showColorSwatchesOnDesktop: false, 
1427    showColorSwatchesOnMobile: false, 
1428    colorSwatchesStyleDesktop:  2, 
1429    colorSwatchesStyleMobile: 2, 
1430    colorSwatchesVisibility: 1
1431  };
1432</script>
1432
1433
1434
1435<!-- 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" />
1436<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/Tristan-social-sharing.jpg?v=1731959601" />
1437<meta property="og:image:width" content="1200" />
1438<meta property="og:image:height" content="628" />
1439<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1440<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: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1440
1440
1441<script>
1442  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1443</script>
vendor: 1 bytes, line 1443
1443
1444<script>
1445  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1446  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1447  window.ShopifyAnalytics.meta.currency = 'CAD';
1448  var meta = {"page":{"pageType":"home","requestId":"bc3b32d1-9b39-4b96-939c-d4d6ab4065b9-1790379498"}};
1449  for (var attr in meta) {
1450    window.ShopifyAnalytics.meta[attr] = meta[attr];
1451  }
1452</script>
vendor: 1 bytes, line 1452
1452
1453<script class="analytics">
1454  (function () {
1455    var customDocumentWrite = function(content) {
1456      var jquery = null;
1457
1458      if (window.jQuery) {
1459        jquery = window.jQuery;
1460      } else if (window.Checkout && window.Checkout.$) {
1461        jquery = window.Checkout.$;
1462      }
1463
1464      if (jquery) {
1465        jquery('body').append(content);
1466      }
1467    };
1468
1469    var hasLoggedConversion = function(token) {
1470      if (token) {
1471        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1472      }
1473      return false;
1474    }
1475
1476    var setCookieIfConversion = function(token) {
1477      if (token) {
1478        var twoMonthsFromNow = new Date(Date.now());
1479        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1480
1481        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1482      }
1483    }
1484
1485    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1486    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1487    if (trekkie.integrations) {
1488      return;
1489    }
1490    trekkie.methods = [
1491      'identify',
1492      'page',
1493      'ready',
1494      'track',
1495      'trackForm',
1496      'trackLink'
1497    ];
1498    trekkie.factory = function(method) {
1499      return function() {
1500        var args = Array.prototype.slice.call(arguments);
1501        args.unshift(method);
1502        trekkie.push(args);
1503        if (method == 'track' || method == 'page') {
1504          var pageUrl;
1505          try {
1506            pageUrl = window.location.href;
1507          } catch (e) {}
1508          var pageReferrer;
1509          try {
1510            pageReferrer = document.referrer;
1511          } catch (e) {}
1512          try {
1513            if (window.__TREKKIE_SHIM_QUEUE == null) {
1514              window.__TREKKIE_SHIM_QUEUE = [];
1515            }
1516            window.__TREKKIE_SHIM_QUEUE.push({
1517              from: 'trekkie-stub',
1518              method: method,
1519              args: args.slice(1),
1520              pageContext: {
1521                url: pageUrl,
1522                referrer: pageReferrer
1523              }
1524            });
1525          } catch (e) {
1526            // no-op
1527          }
1528        }
1529        return trekkie;
1530      };
1531    };
1532    for (var i = 0; i < trekkie.methods.length; i++) {
1533      var key = trekkie.methods[i];
1534      trekkie[key] = trekkie.factory(key);
1535    }
1536    trekkie.load = function(config) {
1537      trekkie.config = config || {};
1538      trekkie.config.initialDocumentCookie = document.cookie;
1539      var first = document.getElementsByTagName('script')[0];
1540var script = document.createElement('script');
1541script.type = 'text/javascript';
1542script.onerror = function(e) {
1543  var scriptFallback = document.createElement('script');
1544  scriptFallback.type = 'text/javascript';
1545  scriptFallback.onerror = function(error) {
1546          var Monorail = {
1547      produce: function produce(monorailDomain, schemaId, payload) {
1548        var currentMs = new Date().getTime();
1549        var event = {
1550          schema_id: schemaId,
1551          payload: payload,
1552          metadata: {
1553            event_created_at_ms: currentMs,
1554            event_sent_at_ms: currentMs
1555          }
1556        };
1557        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1558      },
1559      sendRequest: function sendRequest(endpointUrl, payload) {
1560        // Try the sendBeacon API
1561        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1562          var blobData = new window.Blob([payload], {
1563            type: 'text/plain'
1564          });
1565
1566          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1567            return true;
1568          } // sendBeacon was not successful
1569
1570        } // XHR beacon
1571
1572        var xhr = new XMLHttpRequest();
1573
1574        try {
1575          xhr.open('POST', endpointUrl);
1576          xhr.setRequestHeader('Content-Type', 'text/plain');
1577          xhr.send(payload);
1578        } catch (e) {
1579          console.log(e);
1580        }
1581
1582        return false;
1583      },
1584      isIos12: function isIos12() {
1585        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1586      }
1587    };
1588    Monorail.produce('monorail-edge.shopifysvc.com',
1589      'trekkie_storefront_load_errors/1.1',
1590      {shop_id: 43424874658,
1591      theme_id: 149359067298,
1592      app_name: "storefront",
1593      context_url: window.location.href,
1594      source_url: "//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1595
1596  };
1597  scriptFallback.async = true;
1598  scriptFallback.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1599  first.parentNode.insertBefore(scriptFallback, first);
1600};
1601script.async = true;
1602script.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1603first.parentNode.insertBefore(script, first);
1604
1605    };
1606    trekkie.load(
1607      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":43424874658,"isMerchantRequest":null,"themeId":149359067298,"themeCityHash":"17552994520026119049","contentLanguage":"en","currency":"CAD","eventMetadataId":"29a54042-bcd8-4e9b-861d-51b47f185d60"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1608    );
1609
1610    var loaded = false;
1611    trekkie.ready(function() {
1612      if (loaded) return;
1613      loaded = true;
1614
1615      window.ShopifyAnalytics.lib = window.trekkie;
1616
1617      var originalDocumentWrite = document.write;
1618      document.write = customDocumentWrite;
1619      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1620      document.write = originalDocumentWrite;
1621
1622      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1623      var token = match? match[1]: undefined;
1624      if (!hasLoggedConversion(token)) {
1625        setCookieIfConversion(token);
1626        
1627      }
1628    });
1629
1630    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"bc3b32d1-9b39-4b96-939c-d4d6ab4065b9-1790379498","shopifyEmitted":true});
1631
1632    var eventsListenerScript = document.createElement('script');
1633    eventsListenerScript.async = true;
1634    eventsListenerScript.src = "//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1635    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1636})();</script>
1636
1637  
1637<script>
1638  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1639    window.ga = function ga() {
1640      (window.ga.q = window.ga.q || []).push(arguments);
1641      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1642        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1643      }
1644      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.");
1645    };
1646    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1647      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1648    }
1649  }
1650</script>
vendor: 1 bytes, line 1650
1650
1651<script
1652  defer
1653  src="https://www.tristanstyle.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1654  data-application="storefront-renderer"
1655  data-shop-id="43424874658"
1656  data-render-region="gcp-us-central1"
1657  data-page-type="index"
1658  data-theme-instance-id="149359067298"
1659  data-theme-name="Tristan x Signifly"
1660  data-theme-version="1.0"
1661  data-monorail-region="shop_domain"
1662  data-resource-timing-sampling-rate="10"
1663  data-shs="true"
1664  data-shs-beacon="true"
1665  data-shs-export-with-fetch="true"
1666  data-shs-logs-sample-rate="1"
1667  data-shs-beacon-endpoint="https://www.tristanstyle.com/api/collect"
1668></script>
1668
1669<meta name="shopify-y" content="995ce2d6-4dc4-4517-b5d7-2f52919fe86a" data-expiration="1821937168000"><meta name="shopify-s" content="5c7ce976-802c-4ed4-8d93-b6cbdbad672d" data-expiration="1790381368000"><meta name="new-cookie-storage-activated" content="t">
1670</head>
1671
1672  <body class='relative'>
1673    
1673<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/app.js?v=10907088656931206621785791530' defer></script>
1673
1674    <div
1675      data-mega-menu-overlay
1676      class='absolute left-0 z-10 hidden h-full w-screen bg-tristan-dark opacity-25'
1677    ></div>
1678    <div
1679      data-filter-overlay
1680      class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1681    ></div><div id="shopify-section-size-guide" class="shopify-section">
1682<div data-component='sizeGuide'>
1683  <div
1684    data-size-guide-overlay
1685    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1686  ></div>
1687  <div
1688    data-size-guide-section
1689    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] '
1690  >
1691    <div>
1692      <button
1693        data-size-guide-close
1694        class='absolute right-4 top-4 flex w-full items-center justify-end'
1695      >
1696        
1697    <svg
1698      
1699      width='15'
1700      height='15'
1701      viewBox='0 0 15 15'
1702      class=''
1703      fill='none'
1704      xmlns='http://www.w3.org/2000/svg'
1705    >
1706      <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"/>
1707    </svg>
1708
1709  
1710      </button>
1711    </div>
1712    <div class='flex flex-col items-start justify-center'>
1713      <h3 class='pb-5 text-2xl'>Men's Size Chart</h3>
1714      <div class='h-full w-full overflow-hidden pb-5'>
1715        <div class='data-size-guide-wrapper h-full w-full'>
1716          
1717            <a
1718              data-pswp-width='11600'
1719              data-pswp-height='8150'
1720              href='//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=2000'
1721              class='cursor-zoom-in'
1722            >
1723              <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">
1724            </a>
1725          
1726          <p class='flex items-center justify-center pt-4'>Click on the image to zoom in</p>
1727        </div>
1728      </div>
1729    </div>
1730  </div>
1731</div>
1732
1733
1734</div><div id="shopify-section-tristfit" class="shopify-section"><div
1735  data-component='tristfit'
1736  data-product-style=''
1737  data-suggest-size='Suggested size: '
1738>
1739  <div
1740    data-tristfit-overlay
1741    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
1742  ></div>
1743  <div
1744    data-tristfit-section
1745    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]'
1746  >
1747    <button
1748      data-tristfit-close
1749      class='absolute right-4 top-4 flex w-full items-center justify-end'
1750    >
1751      
1752    <svg
1753      
1754      width='15'
1755      height='15'
1756      viewBox='0 0 15 15'
1757      class=''
1758      fill='none'
1759      xmlns='http://www.w3.org/2000/svg'
1760    >
1761      <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"/>
1762    </svg>
1763
1764  
1765    </button>
1766
1767    <div>
1768      <div class='flex flex-row items-center justify-center gap-4  py-4'>
1769        <div>
1770          <h3 class='pb-5 text-2xl'>Interactive Size Scanner</h3>
1771          <p class='main-title-container__subtitle2'>
1772            Fill out this form and we will suggest your perfect <b>TRISTAN</b> size
1773          </p>
1774        </div>
1775        <div class='flex items-center justify-end gap-1 text-xs'>
1776          <br>
1777          <span id='unit-in'>IN</span>
1778          <div class='switch-container'>
1779            <label class='switch'
1780              ><input
1781                type='checkbox'
1782                data-checkbox-unit
1783                id='main-unit'
1784                class='absolute h-0 w-0 opacity-0'
1785              >
1786              <div></div>
1787            </label>
1788          </div>
1789          <span id='unit-cm' style='color: rgba(0,0,0,0.3)'>CM</span>
1790        </div>
1791      </div>
1792    </div>
1793
1794    <div class='overflow-y-auto'>
1795      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1796        <div class='flex w-[200px] flex-row gap-2'>
1797          <span>
1798    <svg
1799      
1800      class=''
1801      width='21'
1802      height='20'
1803      viewBox='0 0 21 20'
1804      fill='none'
1805      xmlns='http://www.w3.org/2000/svg'
1806    >
1807      <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"/>
1808      <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"/>
1809    </svg>
1810
1811  </span>
1812          <div>Height</div>
1813        </div>
1814        <div data-tristfit-imperial class='flex flex-wrap justify-end text-xs'>
1815          <div>
1816            <input
1817              type='number'
1818              size='4'
1819              data-tristfit-height-ft
1820              name='tristfit-height-ft'
1821              id='tristfit-height-ft'
1822              required=''
1823              class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1824              min='0'
1825            >
1826            <span>ft</span>
1827          </div>
1828          <div>
1829            <input
1830              size='4'
1831              type='number'
1832              name='tristfit-height-in'
1833              id='tristfit-height-in'
1834              data-tristfit-height-in
1835              required=''
1836              class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1837              min='0'
1838            >
1839            <span>in</span>
1840          </div>
1841        </div>
1842        <div data-tristfit-metric class='hidden text-xs'>
1843          <input
1844            type='number'
1845            data-tristfit-height-cm
1846            name='tristfit-height-cm'
1847            id='tristfit-height-cm'
1848            required=''
1849            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1850            min='0'
1851            size='4'
1852          >
1853          <span>cm</span>
1854        </div>
1855      </div>
1856      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1857        <div class='flex w-[200px] flex-row gap-2'>
1858          <span>
1859    <svg
1860      
1861      class=''
1862      width='20'
1863      height='20'
1864      viewBox='0 0 20 20'
1865      fill='none'
1866      xmlns='http://www.w3.org/2000/svg'
1867    >
1868      <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
1868L13.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"/>
1869    </svg>
1870
1871  </span>
1872          <div>Weight</div>
1873        </div>
1874        <div data-tristfit-imperial class='text-xs'>
1875          <input
1876            type='number'
1877            size='2'
1878            data-tristfit-weight-lbs
1879            name='tristfit-weight-lbs'
1880            id='tristfit-weight-lbs'
1881            required=''
1882            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1883            min='0'
1884            size='4'
1885          >
1886          <span>lbs</span>
1887        </div>
1888        <div data-tristfit-metric class='hidden text-xs'>
1889          <input
1890            type='number'
1891            data-tristfit-weight-kg
1892            name='tristfit-weight-kg'
1893            id='tristfit-weight-kg'
1894            required=''
1895            class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs'
1896            min='0'
1897            size='4'
1898          >
1899          <span>Kg</span>
1900        </div>
1901      </div>
1902      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'>
1903        <div class='flex w-[200px] flex-row gap-2'>
1904          <span>
1905    <svg
1906      
1907      class=''
1908      width='24'
1909      height='19'
1910      viewBox='0 0 24 19'
1911      fill='none'
1912      xmlns='http://www.w3.org/2000/svg'
1913    >
1914      <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.
1914107 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"/>
1915    </svg>
1916
1917  </span>
1918          <div>Band</div>
1919        </div>
1920        <div class='flex flex-wrap justify-end gap-4'>
1921          <div class='text-xs'>
1922            <div class='w-full pb-4 text-center'>Cup Size</div>
1923            <div class='grid grid-cols-2 gap-2' id='allTorsoSize'>
1924              <label class='cupsize__cup trisfit--selected' id='ts-32'>
1925                <input
1926                  type='radio'
1927                  name='torso-size'
1928                  value='32'
1929                  id='torso-size'
1930                  checked
1931
1932                >32
1933              </label>
1934              <label class='cupsize__cup' id='ts-34'>
1935                <input
1936                  type='radio'
1937                  name='torso-size'
1938                  value='34'
1939                  id='torso-size'
1940
1941                >34
1942              </label>
1943              <label class='cupsize__cup' id='ts-36'>
1944                <input
1945                  type='radio'
1946                  name='torso-size'
1947                  value='36'
1948                  id='torso-size'
1949
1950                >36
1951              </label>
1952              <label class='cupsize__cup' id='ts-38'>
1953                <input
1954                  type='radio'
1955                  name='torso-size'
1956                  value='38'
1957                  id='torso-size'
1958
1959                >38
1960              </label>
1961            </div>
1962          </div>
1963          <div class='text-xs'>
1964            <div class='cupsize' id='allCupSize'>
1965              <div class='w-full pb-4 text-center'>Bust</div>
1966              <div class='grid grid-cols-3 gap-2'>
1967                <label class='cupsize__cup trisfit--selected' id='cs-A'>
1968                  <input
1969                    type='radio'
1970                    name='cup-size'
1971                    value='A'
1972                    id='cup-size'
1973                    checked
1974
1975                  >A
1976                </label>
1977                <label class='cupsize__cup' id='cs-B'>
1978                  <input
1979                    type='radio'
1980                    name='cup-size'
1981                    value='B'
1982                    id='cup-size'
1983
1984                  >B
1985                </label>
1986                <label class='cupsize__cup' id='cs-C'>
1987                  <input
1988                    type='radio'
1989                    name='cup-size'
1990                    value='C'
1991                    id='cup-size'
1992
1993                  >C
1994                </label>
1995                <label class='cupsize__cup' id='cs-D'>
1996                  <input
1997                    type='radio'
1998                    name='cup-size'
1999                    value='D'
2000                    id='cup-size'
2001
2002                  >D
2003                </label>
2004                <label class='cupsize__cup' id='cs-E'>
2005                  <input
2006                    type='radio'
2007                    name='cup-size'
2008                    value='E'
2009                    id='cup-size'
2010
2011                  >E
2012                </label>
2013                <label class='cupsize__cup' id='cs-F'>
2014                  <input
2015                    type='radio'
2016                    name='cup-size'
2017                    value='F'
2018                    id='cup-size'
2019
2020                  >F
2021                </label>
2022              </div>
2023            </div>
2024          </div>
2025        </div>
2026      </div>
2027      <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 pb-24 pt-4'>
2028        <div class='flex w-[200px] flex-row gap-2'>
2029          <span>
2030    <svg
2031      
2032      class=''
2033      width='24'
2034      height='19'
2035      viewBox='0 0 24 19'
2036      fill='none'
2037      xmlns='http://www.w3.org/2000/svg'
2038    >
2039      <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"/>
2040    </svg>
2041
2042  </span>
2043          <div>Body Type</div>
2044        </div>
2045        <div class='text-xs'>
2046          <div class='flex flex-col items-center justify-center gap-4'>
2047            <div class='flex flex-row flex-wrap items-start justify-center gap-1'>
2048              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2049                <div class=''>
2050                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-a-shape.jpg?v=177718253307050447001781536541' alt='A Shape' width='50' height='auto'>
2051                </div>
2052                <div class='flex flex-row items-start justify-start gap-2'>
2053                  <input
2054                    type='radio'
2055                    name='bodytype'
2056                    id='bodytype'
2057                    value='A'
2058                    checked
2059                  >
2060                  <p class='text-xs'>
2060A Hips wider than shoulders</p>
2061                </div>
2062              </label>
2063              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2064                <div class=''>
2065                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-h-shape.jpg?v=69849832186445002261781536541' alt='H Shape' width='50' height='auto'>
2066                </div>
2067                <div class='flex flex-row items-start justify-start gap-2'>
2068                  <input
2069                    type='radio'
2070                    name='bodytype'
2071                    id='bodytype'
2072                    value='H'
2073                  >
2074                  <p class='text-xs'>H Hips and shoulders equal, not defined waist</p>
2075                </div>
2076              </label>
2077            </div>
2078            <div class='flex flex-row flex-wrap items-start justify-center gap-1'>
2079              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2080                <div class=''>
2081                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-v-shape.jpg?v=88044717994744875141781536542' alt='V Shape' width='50' height='auto'>
2082                </div>
2083                <div class='flex flex-row items-start justify-start gap-2'>
2084                  <input
2085                    type='radio'
2086                    name='bodytype'
2087                    id='bodytype'
2088                    value='V'
2089                  >
2090                  <p class='text-xs'>V Shoulders wider than hips</p>
2091                </div>
2092              </label>
2093              <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'>
2094                <div class=''>
2095                  <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-x-shape.jpg?v=88313054015191428451781536542' alt='X Shape' width='50' height='auto'>
2096                </div>
2097                <div class='flex flex-row items-start justify-start gap-2'>
2098                  <input
2099                    type='radio'
2100                    name='bodytype'
2101                    id='bodytype'
2102                    value='X'
2103                  >
2104                  <p class='text-xs'>X Hips and shoulders equal, defined waist</p>
2105                </div>
2106              </label>
2107            </div>
2108          </div>
2109        </div>
2110      </div>
2111    </div>
2112    <div class='absolute bottom-0 left-0 w-full bg-tristan-white p-4'>
2113      <div data-tristfit-result class='hidden py-2'>
2114        <div
2115          data-tristfit-result-size-error
2116          class='flex hidden w-full items-center justify-center  py-2 text-center text-tristan-red'
2117        >
2118          Unfortunately, we are unable to recommend a size for you.
2119        </div>
2120        <div data-tristfit-result-size class='flex items-center justify-center gap-4 py-2'>
2121          <span data-tristfit-result-text></span>
2122        </div>
2123      </div>
2124
2125
2126
2127  
2128    
2129      <button
2130        data-tristfit-submit
2131        
2132        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'
2133      >
2134        Size me up!
2135        
2136      </button>
2137    
2138  
2139
2140
2141
2142
2143
2144
2145  
2146    
2147      <button
2148        data-tristfit-confirm
2149        
2150        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'
2151      >
2152        Click here to confirm
2153        
2154      </button>
2155    
2156  
2157
2158
2159      <button data-tristfit-again class='flex hidden w-full items-center justify-center gap-4 py-2 text-sm underline'>
2160        Size me up again!
2161      </button>
2162    </div>
2163  </div>
2164</div>
2165</div><div id="shopify-section-shipping-return" class="shopify-section"><div data-component='shippingReturn'>
2166  <div
2167    data-shipping-return-overlay
2168    class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
2169  ></div>
2170  <div
2171    data-shipping-return-section
2172    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]'
2173  >
2174    <div>
2175      <button
2176        data-shipping-return-close
2177        class='flex w-full items-center justify-end'
2178      >
2179        
2180    <svg
2181      
2182      width='15'
2183      height='15'
2184      viewBox='0 0 15 15'
2185      class=''
2186      fill='none'
2187      xmlns='http://www.w3.org/2000/svg'
2188    >
2189      <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"/>
2190    </svg>
2191
2192  
2193      </button>
2194    </div>
2195    <div class='rich-text'>
2196      <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>
2197    </div>
2198  </div>
2199</div>
2200
2201
2202</div><div id="shopify-section-filters" class="shopify-section">
2203
2204<div
2205  data-component='filterDrawer'
2206  data-filter-drawer
2207  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'
2208><div class='border-b border-solid border-tristan-black'>
2209    <div class='flex flex-row items-center justify-between px-4 py-[15p
2209x] text-sm'>
2210      Filter
2211      <button
2212        data-filter-drawer-close
2213        class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm'
2214      >
2215        
2216    <svg
2217      
2218      class=''
2219      xmlns='http://www.w3.org/2000/svg'
2220      width='24'
2221      height='24'
2222      viewBox='0 0 24 24'
2223      fill='none'
2224    >
2225      <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"/>
2226    </svg>
2227  
2228      </button>
2229    </div>
2230  </div>
2231  <div
2232    data-filter-drawer-loading
2233    class=' absolute bottom-0 left-0 right-0 top-0 z-50 flex hidden w-full bg-tristan-white-900 backdrop-blur-sm'
2234  >
2235    <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
2236      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2237      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2238      <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2239    </span>
2240  </div>
2241
2242  <ul class='flex h-[90vh] flex-col overflow-y-auto pb-11' data-filters-content>
2243    
2244
2245    <li class='selected-filters border-b border-solid border-tristan-black px-4 py-[15p
2245x]' data-filter-current-select>
2246      <div class='pb-5 text-sm uppercase'>
2247        Selected filters</div>
2248      <ul class='flex flex-row flex-wrap gap-x-2 gap-y-[10px]' data-filter-current-select-options>
2249        
2250      </ul>
2251    </li>
2252  </ul>
2253  <div
2254    class='absolute bottom-0 w-full bg-tristan-white p-[10px]'
2255    data-filter-drawer-buttons='0'
2256  >
2257    <div class='flex flex-row items-center justify-between gap-2 hidden'>
2258
2259
2260
2261  
2262    
2263      <button
2264        data-filter-drawer-reset
2265        
2266        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]'
2267      >
2268        Reset
2269        
2270      </button>
2271    
2272  
2273
2274
2275
2276
2277
2278
2279  
2280    
2281      <button
2282        data-filter-drawer-apply
2283        
2284        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]'
2285      >
2286        Apply (0)
2287        
2288      </button>
2289    
2290  
2291
2292
2293    </div>
2294  </div>
2295</div>
2296</div><div id="shopify-section-slider-product" class="shopify-section">
2297
2298<div
2299  data-component=''
2300  data-product-slider
2301  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'
2302>
2303  <div class='block pb-1 md:hidden'>
2304    <div class='flex w-full items-center justify-center'>
2305      <svg width='40' height='3' viewBox='0 0 40 3' fill='none' xmlns='http://www.w3.org/2000/svg'>
2306        <rect width="40" height="3" rx="1.5" fill="white"/>
2307      </svg>
2308    </div>
2309  </div>
2310  <div class='bg-tristan-white'>
2311    <div class='absolute right-4 top-4  z-10'>
2312      <button
2313        data-slider-close
2314        class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm'
2315      >
2316        
2317    <svg
2318      
2319      width='15'
2320      height='15'
2321      viewBox='0 0 15 15'
2322      class=''
2323      fill='none'
2324      xmlns='http://www.w3.org/2000/svg'
2325    >
2326      <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"/>
2327    </svg>
2328
2329  
2330      </button>
2331    </div>
2332
2333    <div data-slider-product-content class=' h-screen overflow-scroll pb-[100px] md:pb-0'></div>
2334  </div>
2335</div>
2336</div><div id="shopify-section-cart-drawer" class="shopify-section">
2337<div
2338  data-cart-overlay
2339  class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
2340></div>
2341<div
2342  data-component='cartDrawer'
2343  data-money-format='${{amount}}'
2344  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]'
2345>
2346  
2347<div class='flex h-[54px] flex-row items-center justify-between border-b border-solid border-b-tristan-black px-4 py-[15p
2347x]'>
2348  <div class='flex gap-2 text-base' data-cart-drawer-count>
2349    Basket (0)
2350  </div>
2351  <button data-close-drawer class='button-2 flex items-baseline justify-start gap-2 text-[11px] font-bold uppercase'>
2352    
2353    <svg
2354      
2355      class=''
2356      xmlns='http://www.w3.org/2000/svg'
2357      width='24'
2358      height='24'
2359      viewBox='0 0 24 24'
2360      fill='none'
2361    >
2362      <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"/>
2363    </svg>
2364  
2365  </button>
2366</div>
2367
2368  <div class='border-b border-solid border-b-tristan-black px-6 py-5' data-cart-drawer-free-shipping>
2369    <div class='text-sm'>
2370      
2371      
2372
2373      
2374You are <b><span><b>
2375$100
2376        </b></span></b> away from free shipping!<div
2377          class='free-shipping-progress mt-3'
2378          style='--progress-percentage: 0%;'
2379        ></div>
2380      
2381    </div>
2382  </div>
2383
2384
2385  <div class='relative flex flex-1 flex-col overflow-y-auto' data-cart-content-wrapper>
2386    <div class='mt-2 flex hidden items-center justify-center p-2 text-xs text-tristan-red' data-cart-error></div>
2387    <div
2388      data-cart-content-loading
2389      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'
2390    >
2391      <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
2392        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2393        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2394        <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span>
2395      </span>
2396    </div>
2397    <div class='relative flex flex-1 flex-col gap-4 p-4' data-cart-drawer-content>
2398      
2399      
2400        <div class='flex h-full w-full flex-col items-center justify-start gap-[10px] py-5'>
2401          <p class='text-xl'>
2402            Your basket is empty.
2403          </p>
2404          <p class='text-sm'>
2405            Start shopping timeless quality clothing.
2406          </p>
2407          
2408        </div>
2409      
2410    </div>
2411
2412    
2413  </div>
2414
2415  
2416
2417  <div
2418  class='h-max pt-[30px] pb-5 px-5 '
2419  data-cart-drawer-footer
2420>
2421  <div class='flex h-full flex-col justify-between gap-[15px] hidden'>
2422    <div>
2423      <button
2424        data-add-note-trigger
2425        data-edit-note-text='Edit order note'
2426        data-add-note-text='Add order note'
2427        class='text-sm'
2428      >
2429        
2430          Add order note
2431        
2432      </button>
2433    </div>
2434    <div class='flex w-full flex-col items-center justify-start gap-[10px]'>
2435      <div class='flex w-full flex-row items-start justify-between'>
2436        <span class='text-sm'>
2437          Subtotal
2438        </span>
2439        <div data-cart-drawer-total class='font-bold'>$0</div>
2440      </div>
2441<div class='flex w-full flex-row items-start justify-between'></div>
2442      
2443
2444      
2445    </div>
2446    <div class='flex flex-col items-center justify-center gap-3'>
2447      <a
2448        data-cart-drawer-checkout
2449        href='/checkout'
2450        aria-disabled='false'
2451        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'
2452      >
2453        <div data-cart-checkout-text class='flex flex-row items-center justify-center gap-2 text-base'>
2454          
2455    <svg class='w-3 h-3' width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'>
2456      <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"/>
2457    </svg>
2458
2459  
2460          <div class='mt-1'>Secure checkout</div>
2461        </div>
2462      </a>
2463      
2464        <div class='pb-4 pt-[18px] text-xs'>
2465          30-day Free returns & exchanges
2466        </div>
2467      
2468    </div>
2469  </div><div class=' flex w-full flex-col items-center justify-center gap-[15px] [&>a]:w-full'>
2470    
2471      
2472
2473
2474
2475  
2476    
2477      <a
2478        href='/collections/womens-new-arrivals'
2479        class=''
2480      >
2481        <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]'>
2482          Shop new arrivals
2483          
2484        </button>
2485      </a>
2486    
2487  
2488
2489
2490    
2491    
2492      
2493
2494
2495
2496  
2497    
2498      <a
2499        href='/collections/womens-sale'
2500        class=''
2501      >
2502        <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]'>
2503          Shop sale
2504          
2505        </button>
2506      </a>
2507    
2508  
2509
2510
2511    
2512    <div class='grid w-full grid-cols-3fr gap-[15px] py-[5px]'>
2513      
2514        <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'>
2515          <p>Free shipping on orders $100+</p>
2516        </div>
2517      
2518      
2519        <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'>
2520          <p>30-day free returns & exchanges</p>
2521        </div>
2522      
2523      
2524        <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'>
2525          <p>Free shipping to store</p>
2526        </div>
2527      
2528    </div>
2529  </div>
2530</div>
2531
2532</div>
2533
2534
2535</div><div id="shopify-section-cart-note" class="shopify-section"><div
2536  data-component='cartNote'
2537  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]'
2538>
2539  <button data-cart-note-close class='absolute right-2 top-2 text-sm'>
2540    
2541    <svg
2542      
2543      class=''
2544      xmlns='http://www.w3.org/2000/svg'
2545      width='24'
2546      height='24'
2547      viewBox='0 0 24 24'
2548      fill='none'
2549    >
2550      <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"/>
2551    </svg>
2552  
2553  </button>
2554  <div class='flex h-full flex-col items-start justify-between gap-2 p-4'>
2555    Add order note
2556    <div data-note-error class='hidden text-sm text-tristan-red'>An error occurred while saving the note.</div>
2557    <textarea
2558      data-cart-note-text
2559      placeholder='How can we help you?'
2560      class='remove-focus-style h-full w-full rounded-none border-0 border-b border-solid border-b-tristan-dark-100 p-4'
2561    ></textarea>
2562
2563
2564
2565  
2566    
2567      <button
2568        data-cart-note-save
2569        
2570        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]'
2571      >
2572        Save note
2573        
2574      </button>
2575    
2576  
2577
2578
2579  </div>
2580</div>
2581
2582
2583</div><div id="shopify-section-announcement-banner" class="shopify-section">
2584
2585
2586  
2587    <div
2588      data-component='announcementBanner'
2589      data-announcement-bar
2590      data-interval-speed='2000'
2591      data-animation-enabled='true'
2592      class='relative h-10 overflow-hidden bg-tristan-announcement px-6 py-3 text-[13px] text-tristan-white'
2593    >
2594      <div class='swiper hidden h-full w-full' data-slider>
2595        <div class='swiper-wrapper'>
2596          
2597            
2598            <div class='swiper-slide'>
2599              <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'>
2600                <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>
2601              </div>
2602            </div>
2603          
2604            
2605            <div class='swiper-slide'>
2606              <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'>
2607                <p>FREE SHIPPING ON ORDERS $100+</p>
2608              </div>
2609            </div>
2610          
2611        </div>
2612      </div>
2613    </div>
2614  
2615
2616
2617<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'>
2618  <ul class='flex flex-col gap-4 bg-tristan-white p-4'>
2619    
2620  </ul>
2621</div>
2622</div><header
2623      id='header'
2624      data-component='header'
2625      data-start-transparent=''
2626      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 '
2627    ><div id="shopify-section-header" class="shopify-section header_extra_class">
2628
2629
2630
2631<div class='grid grid-cols-3'>
2632  <div class='flex items-center justify-start gap-4'>
2633    <a href='/' class='hidden items-center justify-start md_lg:flex'>
2634      
2635    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
2636      TRISTAN
2637    </div>
2638
2639  
2640    </a>
2641    
2642    <button
2643      data-mobile-menu-button
2644      class='flex h-[14px] w-[15px] self-start md_lg:hidden'
2645      aria-label='accessibility.open_menu'
2646      aria-haspopup='true'
2647      aria-expanded='false'
2648    >
2649      
2650    <svg
2651      
2652      xmlns='http://www.w3.org/2000/svg'
2653      width='24'
2654      height='17'
2655      viewBox='0 0 24 17'
2656      fill='none'
2657      class='h-6'
2658    >
2659      <rect
2660        width="24"
2661        height="1.5"
2662        fill="currentColor" />
2663      <rect
2664        y="7.5"
2665        width="24"
2666        height="1.5"
2667        fill="currentColor" />
2668      <rect
2669        y="15"
2670        width="24"
2671        height="1.5"
2672        fill="currentColor" />
2673    </svg>
2674
2675  
2676    </button>
2677
2678    <div class='block h-6 md_lg:hidden'>
2679      <button data-search-mobile-button class='flex h-[14px] w-[15px]' aria-label='Search'>
2680        
2681    <svg
2682      
2683      width='22'
2684      height='22'
2685      viewBox='0 0 22 22'
2686      class=''
2687      fill='none'
2688      xmlns='http://www.w3.org/2000/svg'
2689    >
2690      <g clip-path="url(#clip0_127_1251)">
2691      <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"/>
2692      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
2693      </g>
2694      <defs>
2695      <clipPath id="clip0_127_1251">
2696      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
2697      </clipPath>
2698      </defs>
2699    </svg>
2700
2701  
2702      </button>
2703    </div>
2704  </div>
2705
2706  
2707  <nav class=' flex h-6 items-center justify-center self-center '>
2708    <a href='/' class='flex items-center justify-start md_lg:hidden'>
2709      
2710    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
2711      TRISTAN
2712    </div>
2713
2714  
2715    </a>
2716    <ul class='hidden items-center justify-start gap-6 md_lg:flex'>
2717      
2718        <li class='h-6'>
2719            
2720            <button
2721              data-mega-menu-button
2722              id='button-women'
2723              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black'
2724              aria-label='Open menu'
2725              aria-haspopup='true'
2726              aria-expanded='false'
2727              aria-controls='megamenu-women'
2728            >
2729              <div class='flex flex-row gap-3'>
2730                Women
2731                
2732    <svg
2733      
2734      xmlns='http://www.w3.org/2000/svg'
2735      width='24'
2736      height='24'
2737      viewBox='0 0 24 24'
2738      fill='none'
2739      class='h-4 w-4 mega-menu-plus'
2740    >
2741      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
2742    </svg>
2743
2744  
2745                
2746    <svg
2747      
2748      xmlns='http://www.w3.org/2000/svg'
2749      width='24'
2750      height='24'
2751      viewBox='0 0 24 24'
2752      fill='none'
2753      class='h-4 w-4 mega-menu-minus hidden'
2754    >
2755      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
2756    </svg>
2757
2758  
2759              </div>
2760            </button>
2761            
2762
2763                
2764                 
2765
2766
2767<div
2768  data-mega-menu
2769  id='megamenu-women'
2770  aria-aria-labelledby='button-women'
2771  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
2772>
2773  <div
2774    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
2775    data-mega-menu-content
2776  >
2777    <div class='flex basis-3/4 gap-2 p-8'>
2778      
2779      
2780        <nav class='basis-[50%]'>
2781          <p class='text-[14px] font-light'>Shop by</p>
2782          <ul class='font-serif flex flex-col gap-2'>
2783            
2784              <li class='leading-[1.17]'>
2785
2786                
2787
2788                
2789                
2790
2791                
2792
2793
2794                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-new-arrivals'>New Arrivals</a>
2795              </li>
2796            
2797              <li class='leading-[1.17]'>
2798
2799                
2800
2801                
2802                
2803
2804                
2805
2806
2807                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-made-in-canada'>Made in Canada</a>
2808              </li>
2809            
2810              <li class='leading-[1.17]'>
2811
2812                
2813
2814                
2815                
2816
2817                
2818
2819
2820                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-suiting'>Suiting</a>
2821              </li>
2822            
2823              <li class='leading-[1.17]'>
2824
2825                
2826
2827                
2828                
2829
2830                
2831
2832
2833                <a class='text-sm font-normal leading-5 hover:underline ' href='/products/00-giftcard'>Gift Card</a>
2834              </li>
2835            
2836              <li class='leading-[1.17]'>
2837
2838                
2839
2840                
2841                
2842
2843                
2844
2845
2846                <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/collections/womens-sale'>Sale</a>
2847              </li>
2848            
2849          </ul>
2850        </nav>
2851      
2852      
2853        <nav class='basis-[50%]'>
2854          <p class='text-[14px] font-light'>Clothing</p>
2855          <ul class='font-serif flex flex-col gap-2'>
2856            
2857
2858              
2859              <li class='leading-[1.17]'>
2860                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-blazers-vests'>Blazers & Vests</a>
2861              </li>
2862            
2863
2864              
2865              <li class='leading-[1.17]'>
2866                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-dresses'>Dresses</a>
2867              </li>
2868            
2869
2870              
2871              <li class='leading-[1.17]'>
2872                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-sweaters'>Sweaters & Cardigans</a>
2873              </li>
2874            
2875
2876              
2877              <li class='leading-[1.17]'>
2878                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/shirts-blouse'>Shirts & Blouses</a>
2879              </li>
2880            
2881
2882              
2883              <li class='leading-[1.17]'>
2884                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-skirts'>Skirts</a>
2885              </li>
2886            
2887
2888              
2889              <li class='leading-[1.17]'>
2890                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-jeans'>Jeans</a>
2891              </li>
2892            
2893
2894              
2895              <li class='leading-[1.17]'>
2896                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-pants'>Pants</a>
2897              </li>
2898            
2899
2900              
2901              <li class='leading-[1.17]'>
2902                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-t-shirts'>T-shirts & Sweatshirts</a>
2903              </li>
2904            
2905
2906              
2907              <li class='leading-[1.17]'>
2908                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-outerwear'>Outerwear</a>
2909              </li>
2910            
2911
2912              
2913              <li class='leading-[1.17]'>
2914                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/women'>Shop All Women</a>
2915              </li>
2916            
2917          </ul>
2918        </nav>
2919      
2920      
2921        <nav class='basis-[50%]'>
2922          <p class='text-[14px] font-light'>Accessories</p>
2923          <ul class='font-serif flex flex-col gap-2'>
2924            
2925
2926              
2927              <li class='leading-[1.17]'>
2928                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-jewelry'>Jewelry</a>
2929              </li>
2930            
2931
2932              
2933              <li class='leading-[1.17]'>
2934                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-bags'>Bags</a>
2935              </li>
2936            
2937
2938              
2939              <li class='leading-[1.17]'>
2940                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-belts'>Belts</a>
2941              </li>
2942            
2943
2944              
2945              <li class='leading-[1.17]'>
2946                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-gloves'>Gloves</a>
2947              </li>
2948            
2949
2950              
2951              <li class='leading-[1.17]'>
2952                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-scarves'>Scarves</a>
2953              </li>
2954            
2955
2956              
2957              <li class='leading-[1.17]'>
2958                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/accessories-for-women'>Shop All Accessories</a>
2959              </li>
2960            
2961          </ul>
2962        </nav>
2963      
2964    </div>
2965    <div class='p-8 '>
2966      <p class='text-sm font-light'>Our faves right now</p>
2967      <div class='flex flex-row items-center justify-end gap-3'>
2968        
2969          
2970            
2971
2972
2973  <div
2974    data-product-card
2975    class='relative w-[200px] h-[308px]'
2976    data-component='productCard'
2977    data-product-card-handle-main='fluid-straight-blazer-3'
2978    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"]'
2979    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" }]'
2980  >
2981    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
2982      
2983        <a
2984          href='/products/fluid-straight-blazer-3?variant=47485439738018'
2985          data-product-url
2986          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
2987        >
2988      
2989
2990      <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="">
2991      
2992
2993
2994          
2995          
2996        
2997          
2998          
2999
3000        
3001          <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="">
3002        
3003      
3004      
3005        </a>
3006      
3007
3008        
3009
3010            
3011          
3012            
3013          
3014          
3015          <div
3016            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3017            style='background-color: #966c3f;'
3018          >
3019            New Arrivals
3020            
3021          </div>
3022          
3023      
3024    </div>
3025    <div class='pt-3'>
3026      <div class='items-align flex flex-col justify-start '>
3027          
3028
3029          
3030        
3031
3032        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3033          <a
3034            href='/products/fluid-straight-blazer-3?variant=47485439738018'
3035          >Fluid straight blazer</a>
3036        </h3>
3037        
3038      </div>
3039      
3040      
3041    </div>
3042  </div>
3043
3044
3045          
3046          
3047            
3048
3049
3050  <div
3051    data-product-card
3052    class='relative w-[200px] h-[308px]'
3053    data-component='productCard'
3054    data-product-card-handle-main='fluid-jeans-with-elastic-waist'
3055    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"]'
3056    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" }]'
3057  >
3058    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3059      
3060        <a
3061          href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714'
3062          data-product-url
3063          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3064        >
3065      
3066
3067      <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="">
3068      
3069
3070
3071          
3072          
3073        
3074          
3075          
3076
3077        
3078          <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="">
3079        
3080      
3081      
3082        </a>
3083      
3084
3085        
3086
3087            
3088          
3089            
3090          
3091          
3092          <div
3093            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3094            style='background-color: #966c3f;'
3095          >
3096            New Arrivals
3097            
3098          </div>
3099          
3100      
3101    </div>
3102    <div class='pt-3'>
3103      <div class='items-align flex flex-col justify-start '>
3104          
3105
3106          
3107        
3108
3109        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3110          <a
3111            href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714'
3112          >Fluid jeans with elastic waistband</a>
3113        </h3>
3114        
3115      </div>
3116      
3117      
3118    </div>
3119  </div>
3120
3121
3122          
3123        
3124      </div>
3125    </div>
3126  </div>
3127</div>
3128
3129              
3130            
3131
3132            
3133
3134            
3135
3136            
3137
3138            
3139
3140            
3141
3142          
3143        </li>
3144      
3145        <li class='h-6'>
3146            
3147            <button
3148              data-mega-menu-button
3149              id='button-men'
3150              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-
3150tristan-black'
3151              aria-label='Open menu'
3152              aria-haspopup='true'
3153              aria-expanded='false'
3154              aria-controls='megamenu-men'
3155            >
3156              <div class='flex flex-row gap-3'>
3157                Men
3158                
3159    <svg
3160      
3161      xmlns='http://www.w3.org/2000/svg'
3162      width='24'
3163      height='24'
3164      viewBox='0 0 24 24'
3165      fill='none'
3166      class='h-4 w-4 mega-menu-plus'
3167    >
3168      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
3169    </svg>
3170
3171  
3172                
3173    <svg
3174      
3175      xmlns='http://www.w3.org/2000/svg'
3176      width='24'
3177      height='24'
3178      viewBox='0 0 24 24'
3179      fill='none'
3180      class='h-4 w-4 mega-menu-minus hidden'
3181    >
3182      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
3183    </svg>
3184
3185  
3186              </div>
3187            </button>
3188            
3189
3190            
3191
3192            
3193
3194                
3195                 
3196
3197
3198<div
3199  data-mega-menu
3200  id='megamenu-men'
3201  aria-aria-labelledby='button-men'
3202  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
3203>
3204  <div
3205    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
3206    data-mega-menu-content
3207  >
3208    <div class='flex basis-3/4 gap-2 p-8'>
3209      
3210      
3211        <nav class='basis-[50%]'>
3212          <p class='text-[14px] font-light'>Shop by</p>
3213          <ul class='font-serif flex flex-col gap-2'>
3214            
3215              <li class='leading-[1.17]'>
3216
3217                
3218
3219                
3220                
3221
3222                
3223
3224
3225                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-new-arrivals'>New Arrivals</a>
3226              </li>
3227            
3228              <li class='leading-[1.17]'>
3229
3230                
3231
3232                
3233                
3234
3235                
3236
3237
3238                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-suiting'>Suiting</a>
3239              </li>
3240            
3241              <li class='leading-[1.17]'>
3242
3243                
3244
3245                
3246                
3247
3248                
3249
3250
3251                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/special-offer-2-for-3'>Special Offer</a>
3252              </li>
3253            
3254              <li class='leading-[1.17]'>
3255
3256                
3257
3258                
3259                
3260
3261                
3262
3263
3264                <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/products/00-giftcard'>Gift Card</a>
3265              </li>
3266            
3267          </ul>
3268        </nav>
3269      
3270      
3271        <nav class='basis-[50%]'>
3272          <p class='text-[14px] font-light'>Clothing</p>
3273          <ul class='font-serif flex flex-col gap-2'>
3274            
3275
3276              
3277              <li class='leading-[1.17]'>
3278                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-shirts'>Shirts & Overshirts</a>
3279              </li>
3280            
3281
3282              
3283              <li class='leading-[1.17]'>
3284                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-t-shirts'>T-Shirts & Sweatshirts</a>
3285              </li>
3286            
3287
3288              
3289              <li class='leading-[1.17]'>
3290                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-sweaters-cardigans'>Sweaters & Cardigans</a>
3291              </li>
3292            
3293
3294              
3295              <li class='leading-[1.17]'>
3296                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-polos'>Polos</a>
3297              </li>
3298            
3299
3300              
3301              <li class='leading-[1.17]'>
3302                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-jeans'>Jeans</a>
3303              </li>
3304            
3305
3306              
3307              <li class='leading-[1.17]'>
3308                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-pants'>Pants</a>
3309              </li>
3310            
3311
3312              
3313              <li class='leading-[1.17]'>
3314                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/blazers-for-men'>Blazers & Vests</a>
3315              </li>
3316            
3317
3318              
3319              <li class='leading-[1.17]'>
3320                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-outerwear'>Outerwear</a>
3321              </li>
3322            
3323
3324              
3325              <li class='leading-[1.17]'>
3326                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/men-clothing'>Shop All Men</a>
3327              </li>
3328            
3329          </ul>
3330        </nav>
3331      
3332      
3333        <nav class='basis-[50%]'>
3334          <p class='text-[14px] font-light'>Accessories</p>
3335          <ul class='font-serif flex flex-col gap-2'>
3336            
3337
3338              
3339              <li class='leading-[1.17]'>
3340                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-belts-suspenders'>Belts & Suspenders</a>
3341              </li>
3342            
3343
3344              
3345              <li class='leading-[1.17]'>
3346                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-hats'>Hats</a>
3347              </li>
3348            
3349
3350              
3351              <li class='leading-[1.17]'>
3352                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-scarves'>Pocket Squares</a>
3353              </li>
3354            
3355
3356              
3357              <li class='leading-[1.17]'>
3358                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-bags'>Bags & Wallets</a>
3359              </li>
3360            
3361
3362              
3363              <li class='leading-[1.17]'>
3364                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-ties-bowties'>Ties & Bowties</a>
3365              </li>
3366            
3367
3368              
3369              <li class='leading-[1.17]'>
3370                <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-underwear'>Underwear & Socks</a>
3371              </li>
3372            
3373
3374              
3375              <li class='leading-[1.17]'>
3376                <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/all-mens-accessories'>Shop All Accessories</a>
3377              </li>
3378            
3379          </ul>
3380        </nav>
3381      
3382    </div>
3383    <div class='p-8 '>
3384      <p class='text-sm font-light'>Our faves right now</p>
3385      <div class='flex flex-row items-center justify-end gap-3'>
3386        
3387          
3388            
3389
3390
3391  <div
3392    data-product-card
3393    class='relative w-[200px] h-[308px]'
3394    data-component='productCard'
3395    data-product-card-handle-main='merino-wool-v-neck-sweater-5'
3396    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"]'
3397    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
339710" },{ "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" }]'
3398  >
3399    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3400      
3401        <a
3402          href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
3403          data-product-url
3404          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3405        >
3406      
3407
3408      <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="">
3409      
3410
3411
3412          
3413          
3414        
3415          
3416          
3417
3418        
3419          <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="">
3420        
3421      
3422      
3423        </a>
3424      
3425
3426        
3427
3428            
3429          
3430            
3431          
3432          
3433          <div
3434            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3435            style='background-color: #966c3f;'
3436          >
3437            New Arrivals
3438            
3439          </div>
3440          
3441      
3442    </div>
3443    <div class='pt-3'>
3444      <div class='items-align flex flex-col justify-start '>
3445          
3446
3447          
3448        
3449
3450        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3451          <a
3452            href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
3453          >Merino wool V-neck sweater</a>
3454        </h3>
3455        
3456      </div>
3457      
3458      
3459    </div>
3460  </div>
3461
3462
3463          
3464          
3465            
3466
3467
3468  <div
3469    data-product-card
3470    class='relative w-[200px] h-[308px]'
3471    data-component='productCard'
3472    data-product-card-handle-main='straight-leg-pant-with-elastic-waist'
3473    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"]'
3474    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" }]'
3475  >
3476    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
3477      
3478        <a
3479          href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538'
3480          data-product-url
3481          class='object relative aspect-[3/5] w-full !aspect-[3/4]'
3482        >
3483      
3484
3485      <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1406
3485Z_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="">
3486      
3487
3488
3489          
3490          
3491        
3492          
3493          
3494
3495        
3496          <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="">
3497        
3498      
3499      
3500        </a>
3501      
3502
3503        
3504
3505            
3506          
3507            
3508          
3509          
3510          <div
3511            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
3512            style='background-color: #966c3f;'
3513          >
3514            New Arrivals
3515            
3516          </div>
3517          
3518      
3519    </div>
3520    <div class='pt-3'>
3521      <div class='items-align flex flex-col justify-start '>
3522          
3523
3524          
3525        
3526
3527        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'>
3528          <a
3529            href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538'
3530          >Straight leg pant with elastic waist</a>
3531        </h3>
3532        
3533      </div>
3534      
3535      
3536    </div>
3537  </div>
3538
3539
3540          
3541        
3542      </div>
3543    </div>
3544  </div>
3545</div>
3546
3547              
3548            
3549
3550            
3551
3552            
3553
3554            
3555
3556          
3557        </li>
3558      
3559        <li class='h-6'>
3560            
3561            <button
3562              data-mega-menu-button
3563              id='button-about'
3564              class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black'
3565              aria-label='Open menu'
3566              aria-haspopup='true'
3567              aria-expanded='false'
3568              aria-controls='megamenu-about'
3569            >
3570              <div class='flex flex-row gap-3'>
3571                About
3572                
3573    <svg
3574      
3575      xmlns='http://www.w3.org/2000/svg'
3576      width='24'
3577      height='24'
3578      viewBox='0 0 24 24'
3579      fill='none'
3580      class='h-4 w-4 mega-menu-plus'
3581    >
3582      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
3583    </svg>
3584
3585  
3586                
3587    <svg
3588      
3589      xmlns='http://www.w3.org/2000/svg'
3590      width='24'
3591      height='24'
3592      viewBox='0 0 24 24'
3593      fill='none'
3594      class='h-4 w-4 mega-menu-minus hidden'
3595    >
3596      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
3597    </svg>
3598
3599  
3600              </div>
3601            </button>
3602            
3603
3604            
3605
3606            
3607
3608            
3609
3610            
3611
3612            
3613
3614                
3615                 
3616
3617
3618<div
3619  data-mega-menu
3620  id='megamenu-about'
3621  aria-aria-labelledby='button-about'
3622  class='absolute left-0 top-[4.4rem] hidden  w-full opacity-0 transition-opacity'
3623>
3624  <div
3625    class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white'
3626    data-mega-menu-content
3627  >
3628    <div class='flex basis-3/4 gap-2 p-8'>
3629      
3630      
3631        <nav class='basis-[50%]'>
3632          <p class='text-[14px] font-light'>About us</p>
3633          <ul class='font-serif flex flex-col gap-2'>
3634            
3635              <li class='leading-[1.17]'>
3636
3637                
3638                
3639
3640                
3641
3642
3643                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/about-us'>Who We Are</a>
3644              </li>
3645            
3646              <li class='leading-[1.17]'>
3647
3648                
3649                
3650
3651                
3652
3653
3654                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/store-locator'>Our Stores</a>
3655              </li>
3656            
3657              <li class='leading-[1.17]'>
3658
3659                
3660                
3661
3662                
3663
3664
3665                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/corporate'>Corporate Uniforms</a>
3666              </li>
3667            
3668              <li class='leading-[1.17]'>
3669
3670                
3671                
3672
3673                
3674
3675
3676                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/contact-us'>Contact Us</a>
3677              </li>
3678            
3679              <li class='leading-[1.17]'>
3680
3681                
3682                
3683
3684                
3685
3686
3687                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/careers'>Careers</a>
3688              </li>
3689            
3690          </ul>
3691        </nav>
3692      
3693      
3694        <nav class='basis-[50%]'>
3695          <p class='text-[14px] font-light'>Blog</p>
3696          <ul class='font-serif flex flex-col gap-2'>
3697            
3698
3699              
3700              <li class='leading-[1.17]'>
3701                <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>
3702              </li>
3703            
3704
3705              
3706              <li class='leading-[1.17]'>
3707                <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>
3708              </li>
3709            
3710
3711              
3712              <li class='leading-[1.17]'>
3713                <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>
3714              </li>
3715            
3716
3717              
3718              <li class='leading-[1.17]'>
3719                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/woman-professional-look'>How to Build a Professional Wardrobe</a>
3720              </li>
3721            
3722
3723              
3724              <li class='leading-[1.17]'>
3725                <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>
3726              </li>
3727            
3728
3729              
3730              <li class='leading-[1.17]'>
3731                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/clothes-made-in-canada'>Clothes Made in Canada</a>
3732              </li>
3733            
3734
3735              
3736              <li class='leading-[1.17]'>
3737                <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news'>Read All Blog Posts</a>
3738              </li>
3739            
3740          </ul>
3741        </nav>
3742      
3743      
3744        <nav class='basis-[50%]'>
3745          <p class='text-[14px] font-light'>Help</p>
3746          <ul class='font-serif flex flex-col gap-2'>
3747            
3748
3749              
3750              <li class='leading-[1.17]'>
3751                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/faq'>FAQ</a>
3752              </li>
3753            
3754
3755              
3756              <li class='leading-[1.17]'>
3757                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/gift-card-balance-check'>Gift Card Balance</a>
3758              </li>
3759            
3760
3761              
3762              <li class='leading-[1.17]'>
3763                <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/shipping'>Shipping</a>
3764              </li>
3765            
3766
3767              
3768              <li class='leading-[1.17]'>
3769                <a class='text-sm font-normal leading-5 hover:underline ' href='https://tristanstyle.returnscenter.com/'>Return Management</a>
3770              </li>
3771            
3772          </ul>
3773        </nav>
3774      
3775    </div>
3776    <div class='p-8 mb-3'>
3777      <p class='text-sm font-light'>Join us</p>
3778      <div class='flex flex-row items-center justify-end gap-3'>
3779        
3780          
3781
3782              <a href='/blogs/news/woman-professional-look' class='object relative  !aspect-[3/4] h-full w-[200px]'>
3783
3784
3785
3786
3787<div
3788    class='relative w-full h-full object-cover '
3789    data-component='media'
3790    
3791    data-pswp-width='6520'
3792    data-pswp-height='8700'
3793    href='//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&width=2000'
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;
3797width=652 652w" width="652" height="870" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
3798        
3799
3800        
3801          <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 ">
3802        
3803    
3804  </div >
3805
3806<div class='min-h-[60px] pt-3'>
3807                  <div class='items-align flex flex-col justify-start '>
3808                    <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Professional wardrobe
3809                    </h3>
3810                  </div>
3811                </div>
3812              </a>
3813            
3814          
3815
3816              <a href='https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends' class='object relative  !aspect-[3/4] h-full w-[200px]'>
3817
3818
3819
3820
3821<div
3822    class='relative w-full h-full object-cover '
3823    data-component='media'
3824    
3825    data-pswp-width='6000'
3826    data-pswp-height='4560'
3827    href='//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&width=2000'
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 h-full w-full object-cover md:hidden ">
3832        
3833
3834        
3835          <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 ">
3836        
3837    
3838  </div >
3839
3840<div class='min-h-[60px] pt-3'>
3841                  <div class='items-align flex flex-col justify-start '>
3842                    <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Spring 2026
3843                    </h3>
3844                  </div>
3845                </div>
3846              </a>
3847            
3848          
3849        
3850      </div>
3851    </div>
3852  </div>
3853</div>
3854
3855              
3856            
3857
3858          
3859        </li>
3860      
3861    </ul>
3862  </nav>
3863
3864  <nav class='self-center '>
3865    <ul class='flex items-center justify-end gap-3'>
3866      <li class='relative  hidden md_lg:flex'>
3867        <button
3868          data-localize-button
3869          class='flex flex-row items-center justify-center gap-[6px] pr-[38px] text-xs'
3870        >
3871          Change language
3872          
3873    <svg
3874      data-icon-down
3875      class=''
3876      xmlns='http://www.w3.org/2000/svg'
3877      width='16'
3878      height='16'
3879      viewBox='0 0 16 16'
3880      fill='none'
3881    >
3882      <g >
3883      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
3884      </g>
3885    </svg>
3886
3887  
3888          
3889    <svg
3890      data-icon-up
3891      class='hidden rotate-180'
3892      xmlns='http://www.w3.org/2000/svg'
3893      width='16'
3894      height='16'
3895      viewBox='0 0 16 16'
3896      fill='none'
3897    >
3898      <g >
3899      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
3900      </g>
3901    </svg>
3902
3903  
3904        </button>
3905
3906        <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="/?utm_source=facebook&utm_medium=paid_social&utm_campaign=em_tristan_sale_adv_on&utm_term=adv_fall26_en" /><input type='hidden' name='locale_code' value='en'>
3907            <ul class='flex flex-col gap-4 p-4'><li class='font-bold'>
3908                  <button
3909                    type='submit'
3910                    name='locale_code'
3911                    class='text-sm capitalize'
3912                    style='font-size:12px;'
3913                    value='en'
3914                  >
3915                    <img
3916                      src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698'
3917                      style='display:inline-block;'
3918                      width='12'
3919                      height='auto'
3920                    >
3921                    &nbsp;English&nbsp;(CAD)
3922                  </button>
3923                </li><li class=''>
3924                  <button
3925                    type='submit'
3926                    name='locale_code'
3927                    class='text-sm capitalize'
3928                    style='font-size:12px;'
3929                    value='fr'
3930                  >
3931                    <img
3932                      src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698'
3933                      style='display:inline-block;'
3934                      width='12'
3935                      height='auto'
3936                    >
3937                    &nbsp;Français&nbsp;(CAD)
3938                  </button>
3939                </li><li>
3940                <a href='https://us.tristanstyle.com/' class='text-sm capitalize' style='font-size:12px;'>
3941                  <img
3942                    src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-us.png?v=1734105698'
3943                    style='display:inline-block;'
3944                    width='12'
3945                    height='auto'
3946
3947                  >&nbsp; English (USD)</a
3948                >
3949              </li>
3950            </ul></form></div>
3951      </li>
3952      <li class='hidden h-6 md_lg:block'>
3953        <button data-search-button class='flex h-6' aria-label='Search'>
3954          
3955    <svg
3956      
3957      width='22'
3958      height='22'
3959      viewBox='0 0 22 22'
3960      class=''
3961      fill='none'
3962      xmlns='http://www.w3.org/2000/svg'
3963    >
3964      <g clip-path="url(#clip0_127_1251)">
3965      <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"/>
3966      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
3967      </g>
3968      <defs>
3969      <clipPath id="clip0_127_1251">
3970      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
3971      </clipPath>
3972      </defs>
3973    </svg>
3974
3975  
3976        </button>
3977      </li>
3978      <li class='block h-6'>
3979        <a
3980          href='#hero-wishlist'
3981          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'
3982        >
3983    <svg
3984      
3985      width='22'
3986      height='22'
3987      viewBox='0 0 22 22'
3988      class=''
3989      fill='none'
3990      xmlns='http://www.w3.org/2000/svg'
3991    >
3992      <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"/>
3993    </svg>
3994
3995  </a>
3996      </li>
3997      <li class='h-6'>
3998        <button class='relative flex gap-2' data-cart-icon-desktop>
3999          <span class='inline-block' data-cart-text>
4000    <svg
4001      
4002      width='22'
4003      height='20'
4004      viewBox='0 0 22 20'
4005      class=''
4006      fill='none'
4007      xmlns='http://www.w3.org/2000/svg'
4008    >
4009      <g clip-path="url(#clip0_127_1256)">
4010      <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"/>
4011      <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"/>
4012      </g>
4013      <defs>
4014      <clipPath id="clip0_127_1256">
4015      <rect width="22" height="20" fill="white"/>
4016      </clipPath>
4017      </defs>
4018    </svg>
4019
4020  </span>
4021          <span
4022            data-cart-count
4023            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 '
4024          >0</span>
4025        </button>
4026      </li>
4027    </ul>
4028  </nav>
4029
4030  
4031<div
4032  data-mobile-menu
4033  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'
4034>
4035  <div
4036    data-mobile-header
4037    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]'
4038  >
4039    <div class='flex items-center justify-start gap-[26px]'>
4040      <button
4041        data-mobile-menu-button
4042        class='ml-2 h-4 w-4 self-center lg:hidden'
4043        aria-label='accessibility.open_menu'
4044        aria-haspopup='true'
4045        aria-expanded='false'
4046      >
4047        
4048    <svg
4049      
4050      width='15'
4051      height='15'
4052      viewBox='0 0 15 15'
4053      class='w-full h-full'
4054      fill='none'
4055      xmlns='http://www.w3.org/2000/svg'
4056    >
4057      <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"/>
4058    </svg>
4059
4060  
4061      </button>
4062      <button
4063        data-search-mobile-button
4064        class='flex h-4 w-4'
4065        aria-label='Search'
4066      >
4067        
4068    <svg
4069      
4070      width='22'
4071      height='22'
4072      viewBox='0 0 22 22'
4073      class='m-auto w-full h-full'
4074      fill='none'
4075      xmlns='http://www.w3.org/2000/svg'
4076    >
4077      <g clip-path="url(#clip0_127_1251)">
4078      <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"/>
4079      <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/>
4080      </g>
4081      <defs>
4082      <clipPath id="clip0_127_1251">
4083      <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/>
4084      </clipPath>
4085      </defs>
4086    </svg>
4087
4088  
4089      </button>
4090    </div>
4091    <a href='/' class='flex items-center justify-center'>
4092      
4093    <div  class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'>
4094      TRISTAN
4095    </div>
4096
4097  
4098    </a>
4099    <div class='flex items-center justify-end'>
4100      <button data-cart-icon-mobile class='relative h-[24px] w-[24px]'>
4101        
4102    <svg
4103      
4104      width='22'
4105      height='20'
4106      viewBox='0 0 22 20'
4107      class=' m-auto'
4108      fill='none'
4109      xmlns='http://www.w3.org/2000/svg'
4110    >
4111      <g clip-path="url(#clip0_127_1256)">
4112      <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"/>
4113      <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"/>
4114      </g>
4115      <defs>
4116      <clipPath id="clip0_127_1256">
4117      <rect width="22" height="20" fill="white"/>
4118      </clipPath>
4119      </defs>
4120    </svg>
4121
4122  
4123        <span
4124          data-cart-count-mobile
4125          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'
4126        >
4127          0
4128        </span>
4129      </button>
4130    </div>
4131  </div>
4132
4133  <div class='flex w-full flex-grow flex-col justify-between gap-4 overflow-y-auto'>
4134    <div class=''>
4135      <nav data-nav-mobile class='h-max'>
4136        <ul class='flex flex-col'>
4137          
4138            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
4139              <div data-component='accordion'>
4140                  
4141  <div
4142    
4143      data-accordion-item
4144    
4145    
4146
4147    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
4148  >
4149    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
4150      New Arrivals
4151
4152      <span data-accordion-icon-plus class='text-tristan-black'>
4153    <svg
4154      
4155      xmlns='http://www.w3.org/2000/svg'
4156      width='24'
4157      height='24'
4158      viewBox='0 0 24 24'
4159      fill='none'
4160      class='rotate-180'
4161    >
4162      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4163    </svg>
4164
4165  </span>
4166      <span
4167        data-accordion-icon-minus
4168        class='hidden text-tristan-black '
4169      >
4170    <svg
4171      
4172      xmlns='http://www.w3.org/2000/svg'
4173      width='24'
4174      height='24'
4175      viewBox='0 0 24 24'
4176      fill='none'
4177      class=''
4178    >
4179      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4180    </svg>
4181
4182  </span>
4183    </button>
4184    <div
4185      data-accordion-content
4186      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
4187      aria-hidden='true'
4188    >
4189      
4190        <ul class='flex flex-col gap-3'>
4191          
4192            
4193              
4194                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4195                  <div class=' w-14 '>
4196                    
4197
4198
4199
4200
4201<div
4202    class='relative aspect-[0.725] h-full pointer-events-none '
4203    data-component='media'
4204    
4205    data-pswp-width='0'
4206    data-pswp-height='0'
4207    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4212        
4213
4214        
4215          <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">
4216        
4217    
4218  </div >
4219
4220
4221                  </div>
4222                  <a href='/collections/womens-new-arrivals' class=''>Women</a>
4223                </li>
4224              
4225            
4226              
4227                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4228                  <div class=' w-14 '>
4229                    
4230
4231
4232
4233
4234<div
4235    class='relative aspect-[0.725] h-full pointer-events-none '
4236    data-component='media'
4237    
4238    data-pswp-width='0'
4239    data-pswp-height='0'
4240    href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4245        
4246
4247        
4248          <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">
4249        
4250    
4251  </div >
4252
4253
4254                  </div>
4255                  <a href='/collections/mens-new-arrivals' class=''>Men</a>
4256                </li>
4257              
4258            
4259
4260          
4261        </ul>
4262      
4263    </div>
4264  </div>
4265
4266
4267                </div>
4268
4269              
4270            </li>
4271          
4272            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
4273              <div data-component='accordion'>
4274                  
4275  <div
4276    
4277      data-accordion-item
4278    
4279    
4280
4281    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
4282  >
4283    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
4284      Women
4285
4286      <span data-accordion-icon-plus class='text-tristan-black'>
4287    <svg
4288      
4289      xmlns='http://www.w3.org/2000/svg'
4290      width='24'
4291      height='24'
4292      viewBox='0 0 24 24'
4293      fill='none'
4294      class='rotate-180'
4295    >
4296      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4297    </svg>
4298
4299  </span>
4300      <span
4301        data-accordion-icon-minus
4302        class='hidden text-tristan-black '
4303      >
4304    <svg
4305      
4306      xmlns='http://www.w3.org/2000/svg'
4307      width='24'
4308      height='24'
4309      viewBox='0 0 24 24'
4310      fill='none'
4311      class=''
4312    >
4313      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4314    </svg>
4315
4316  </span>
4317    </button>
4318    <div
4319      data-accordion-content
4320      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
4321      aria-hidden='true'
4322    >
4323      
4324        <ul class='flex flex-col gap-3'>
4325          
4326            
4327              
4328                <div data-component='accordionSub'>
4329                  
4330  <div
4331    
4332      data-accordion-sub-item
4333    
4334    
4335
4336    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4337  >
4338    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4339      Shop by
4340
4341      <span data-accordion-icon-plus class='text-tristan-black'>
4342    <svg
4343      
4344      xmlns='http://www.w3.org/2000/svg'
4345      width='24'
4346      height='24'
4347      viewBox='0 0 24 24'
4348      fill='none'
4349      class='rotate-180'
4350    >
4351      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4352    </svg>
4353
4354  </span>
4355      <span
4356        data-accordion-icon-minus
4357        class='hidden text-tristan-black '
4358      >
4359    <svg
4360      
4361      xmlns='http://www.w3.org/2000/svg'
4362      width='24'
4363      height='24'
4364      viewBox='0 0 24 24'
4365      fill='none'
4366      class=''
4367    >
4368      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4369    </svg>
4370
4371  </span>
4372    </button>
4373    <div
4374      data-accordion-content
4375      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
4376      aria-hidden='true'
4377    >
4378      
4379        <ul class='flex flex-col gap-3'>
4380          
4381            
4382              
4383                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4384                  <div class=' w-14 '>
4385                    
4386
4387
4388
4389
4390<div
4391    class='relative aspect-[0.725] h-full pointer-events-none '
4392    data-component='media'
4393    
4394    data-pswp-width='0'
4395    data-pswp-height='0'
4396    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4401        
4402
4403        
4404          <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">
4405        
4406    
4407  </div >
4408
4409
4410                  </div>
4411                  <a href='/collections/womens-new-arrivals' class=''>New Arrivals</a>
4412                </li>
4413              
4414            
4415              
4416                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4417                  <div class=' w-14 '>
4418                    
4419
4420
4421
4422
4423<div
4424    class='relative aspect-[0.725] h-full pointer-events-none '
4425    data-component='media'
4426    
4427    data-pswp-width='0'
4428    data-pswp-height='0'
4429    href='//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4434        
4435
4436        
4437          <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">
4438        
4439    
4440  </div >
4441
4442
4443                  </div>
4444                  <a href='/collections/womens-suiting' class=''>Suiting</a>
4445                </li>
4446              
4447            
4448              
4449                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4450                  <div class=' w-14 '>
4451                    
4452
4453
4454
4455
4456<div
4457    class='relative aspect-[0.725] h-full pointer-events-none '
4458    data-component='media'
4459    
4460    data-pswp-width='0'
4461    data-pswp-height='0'
4462    href='//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4467        
4468
4469        
4470          <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">
4471        
4472    
4473  </div >
4474
4475
4476                  </div>
4477                  <a href='/collections/womens-made-in-canada' class=''>Made In Canada</a>
4478                </li>
4479              
4480            
4481              
4482                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4483                  <div class=' w-14 '>
4484                    
4485
4486
4487
4488
4489<div
4490    class='relative aspect-[0.725] h-full pointer-events-none '
4491    data-component='media'
4492    
4493    data-pswp-width='16670'
4494    data-pswp-height='25000'
4495    href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4500        
4501
4502        
4503          <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">
4504        
4505    
4506  </div >
4507
4508
4509                  </div>
4510                  <a href='/products/00-giftcard' class=''>Gift Card</a>
4511                </li>
4512              
4513            
4514              
4515                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4516                  <div class=' w-14 '>
4517                    
4518
4519
4520
4521
4522<div
4523    class='relative aspect-[0.725] h-full pointer-events-none '
4524    data-component='media'
4525    
4526    data-pswp-width='0'
4527    data-pswp-height='0'
4528    href='//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4533        
4534
4535        
4536          <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">
4537        
4538    
4539  </div >
4540
4541
4542                  </div>
4543                  <a href='/collections/womens-sale' class=''>Sale</a>
4544                </li>
4545              
4546            
4547
4548          
4549        </ul>
4550      
4551    </div>
4552  </div>
4553
4554
4555                </div>
4556              
4557            
4558              
4559                <div data-component='accordionSub'>
4560                  
4561  <div
4562    
4563      data-accordion-sub-item
4564    
4565    
4566
4567    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4568  >
4569    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4570      Clothing
4571
4572      <span data-accordion-icon-plus class='text-tristan-black'>
4573    <svg
4574      
4575      xmlns='http://www.w3.org/2000/svg'
4576      width='24'
4577      height='24'
4578      viewBox='0 0 24 24'
4579      fill='none'
4580      class='rotate-180'
4581    >
4582      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4583    </svg>
4584
4585  </span>
4586      <span
4587        data-accordion-icon-minus
4588        class='hidden text-tristan-black '
4589      >
4590    <svg
4591      
4592      xmlns='http://www.w3.org/2000/svg'
4593      width='24'
4594      height='24'
4595      viewBox='0 0 24 24'
4596      fill='none'
4597      class=''
4598    >
4599      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4600    </svg>
4601
4602  </span>
4603    </button>
4604    <div
4605      data-accordion-content
4606      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
4607      aria-hidden='true'
4608    >
4609      
4610        <ul class='flex flex-col gap-3'>
4611          
4612            
4613              
4614                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4615                  <div class=' w-14 '>
4616                    
4617
4618
4619
4620
4621<div
4622    class='relative aspect-[0.725] h-full pointer-events-none '
4623    data-component='media'
4624    
4625    data-pswp-width='0'
4626    data-pswp-height='0'
4627    href='//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4632        
4633
4634        
4635          <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">
4636        
4637    
4638  </div >
4639
4640
4641                  </div>
4642                  <a href='/collections/womens-blazers-vests' class=''>Blazers & Vests</a>
4643                </li>
4644              
4645            
4646              
4647                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4648                  <div class=' w-14 '>
4649                    
4650
4651
4652
4653
4654<div
4655    class='relative aspect-[0.725] h-full pointer-events-none '
4656    data-component='media'
4657    
4658    data-pswp-width='0'
4659    data-pswp-height='0'
4660    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4665        
4666
4667        
4668          <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">
4669        
4670    
4671  </div >
4672
4673
4674                  </div>
4675                  <a href='/collections/womens-dresses' class=''>Dresses</a>
4676                </li>
4677              
4678            
4679              
4680                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4681                  <div class=' w-14 '>
4682                    
4683
4684
4685
4686
4687<div
4688    class='relative aspect-[0.725] h-full pointer-events-none '
4689    data-component='media'
4690    
4691    data-pswp-width='0'
4692    data-pswp-height='0'
4693    href='//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4698        
4699
4700        
4701          <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">
4702        
4703    
4704  </div >
4705
4706
4707                  </div>
4708                  <a href='/collections/womens-sweaters' class=''>Sweaters & Cardigans</a>
4709                </li>
4710              
4711            
4712              
4713                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4714                  <div class=' w-14 '>
4715                    
4716
4717
4718
4719
4720<div
4721    class='relative aspect-[0.725] h-full pointer-events-none '
4722    data-component='media'
4723    
4724    data-pswp-width='0'
4725    data-pswp-height='0'
4726    href='//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4731        
4732
4733        
4734          <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">
4735        
4736    
4737  </div >
4738
4739
4740                  </div>
4741                  <a href='/collections/shirts-blouse' class=''>
4741Shirts & Blouses</a>
4742                </li>
4743              
4744            
4745              
4746                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4747                  <div class=' w-14 '>
4748                    
4749
4750
4751
4752
4753<div
4754    class='relative aspect-[0.725] h-full pointer-events-none '
4755    data-component='media'
4756    
4757    data-pswp-width='0'
4758    data-pswp-height='0'
4759    href='//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4764        
4765
4766        
4767          <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">
4768        
4769    
4770  </div >
4771
4772
4773                  </div>
4774                  <a href='/collections/womens-skirts' class=''>Skirts</a>
4775                </li>
4776              
4777            
4778              
4779                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4780                  <div class=' w-14 '>
4781                    
4782
4783
4784
4785
4786<div
4787    class='relative aspect-[0.725] h-full pointer-events-none '
4788    data-component='media'
4789    
4790    data-pswp-width='0'
4791    data-pswp-height='0'
4792    href='//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4797        
4798
4799        
4800          <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">
4801        
4802    
4803  </div >
4804
4805
4806                  </div>
4807                  <a href='/collections/women-s-jeans' class=''>Jeans</a>
4808                </li>
4809              
4810            
4811              
4812                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4813                  <div class=' w-14 '>
4814                    
4815
4816
4817
4818
4819<div
4820    class='relative aspect-[0.725] h-full pointer-events-none '
4821    data-component='media'
4822    
4823    data-pswp-width='0'
4824    data-pswp-height='0'
4825    href='//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4830        
4831
4832        
4833          <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">
4834        
4835    
4836  </div >
4837
4838
4839                  </div>
4840                  <a href='/collections/womens-pants' class=''>Pants</a>
4841                </li>
4842              
4843            
4844              
4845                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4846                  <div class=' w-14 '>
4847                    
4848
4849
4850
4851
4852<div
4853    class='relative aspect-[0.725] h-full pointer-events-none '
4854    data-component='media'
4855    
4856    data-pswp-width='0'
4857    data-pswp-height='0'
4858    href='//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4863        
4864
4865        
4866          <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">
4867        
4868    
4869  </div >
4870
4871
4872                  </div>
4873                  <a href='/collections/womens-t-shirts' class=''>T-Shirts & Sweatshirts</a>
4874                </li>
4875              
4876            
4877              
4878                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4879                  <div class=' w-14 '>
4880                    
4881
4882
4883
4884
4885<div
4886    class='relative aspect-[0.725] h-full pointer-events-none '
4887    data-component='media'
4888    
4889    data-pswp-width='0'
4890    data-pswp-height='0'
4891    href='//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4896        
4897
4898        
4899          <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">
4900        
4901    
4902  </div >
4903
4904
4905                  </div>
4906                  <a href='/collections/women-s-outerwear' class=''>Outerwear</a>
4907                </li>
4908              
4909            
4910              
4911                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
4912                  <div class=' w-14 '>
4913                    
4914
4915
4916
4917
4918<div
4919    class='relative aspect-[0.725] h-full pointer-events-none '
4920    data-component='media'
4921    
4922    data-pswp-width='0'
4923    data-pswp-height='0'
4924    href='//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
4929        
4930
4931        
4932          <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">
4933        
4934    
4935  </div >
4936
4937
4938                  </div>
4939                  <a href='/collections/women' class=''>
4939Shop All Clothing</a>
4940                </li>
4941              
4942            
4943
4944          
4945        </ul>
4946      
4947    </div>
4948  </div>
4949
4950
4951                </div>
4952              
4953            
4954              
4955                <div data-component='accordionSub'>
4956                  
4957  <div
4958    
4959      data-accordion-sub-item
4960    
4961    
4962
4963    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
4964  >
4965    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
4966      Accessories
4967
4968      <span data-accordion-icon-plus class='text-tristan-black'>
4969    <svg
4970      
4971      xmlns='http://www.w3.org/2000/svg'
4972      width='24'
4973      height='24'
4974      viewBox='0 0 24 24'
4975      fill='none'
4976      class='rotate-180'
4977    >
4978      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
4979    </svg>
4980
4981  </span>
4982      <span
4983        data-accordion-icon-minus
4984        class='hidden text-tristan-black '
4985      >
4986    <svg
4987      
4988      xmlns='http://www.w3.org/2000/svg'
4989      width='24'
4990      height='24'
4991      viewBox='0 0 24 24'
4992      fill='none'
4993      class=''
4994    >
4995      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
4996    </svg>
4997
4998  </span>
4999    </button>
5000    <div
5001      data-accordion-content
5002      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5003      aria-hidden='true'
5004    >
5005      
5006        <ul class='flex flex-col gap-3'>
5007          
5008            
5009              
5010                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5011                  <div class=' w-14 '>
5012                    
5013
5014
5015
5016
5017<div
5018    class='relative aspect-[0.725] h-full pointer-events-none '
5019    data-component='media'
5020    
5021    data-pswp-width='0'
5022    data-pswp-height='0'
5023    href='//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5028        
5029
5030        
5031          <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">
5032        
5033    
5034  </div >
5035
5036
5037                  </div>
5038                  <a href='/collections/womens-bags' class=''>Bags</a>
5039                </li>
5040              
5041            
5042              
5043                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5044                  <div class=' w-14 '>
5045                    
5046
5047
5048
5049
5050<div
5051    class='relative aspect-[0.725] h-full pointer-events-none '
5052    data-component='media'
5053    
5054    data-pswp-width='0'
5055    data-pswp-height='0'
5056    href='//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5061        
5062
5063        
5064          <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">
5065        
5066    
5067  </div >
5068
5069
5070                  </div>
5071                  <a href='/collections/womens-belts' class=''>Belts</a>
5072                </li>
5073              
5074            
5075              
5076                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5077                  <div class=' w-14 '>
5078                    
5079
5080
5081
5082
5083<div
5084    class='relative aspect-[0.725] h-full pointer-events-none '
5085    data-component='media'
5086    
5087    data-pswp-width='0'
5088    data-pswp-height='0'
5089    href='//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5094        
5095
5096        
5097          <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">
5098        
5099    
5100  </div >
5101
5102
5103                  </div>
5104                  <a href='/collections/womens-gloves' class=''>Gloves</a>
5105                </li>
5106              
5107            
5108              
5109                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5110                  <div class=' w-14 '>
5111                    
5112
5113
5114
5115
5116<div
5117    class='relative aspect-[0.725] h-full pointer-events-none '
5118    data-component='media'
5119    
5120    data-pswp-width='0'
5121    data-pswp-height='0'
5122    href='//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5127        
5128
5129        
5130          <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">
5131        
5132    
5133  </div >
5134
5135
5136                  </div>
5137                  <a href='/collections/womens-jewelry' class=''>Jewelry</a>
5138                </li>
5139              
5140            
5141              
5142                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5143                  <div class=' w-14 '>
5144                    
5145
5146
5147
5148
5149<div
5150    class='relative aspect-[0.725] h-full pointer-events-none '
5151    data-component='media'
5152    
5153    data-pswp-width='0'
5154    data-pswp-height='0'
5155    href='//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5160        
5161
5162        
5163          <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">
5164        
5165    
5166  </div >
5167
5168
5169                  </div>
5170                  <a href='/collections/womens-scarves' class=''>Scarves</a>
5171                </li>
5172              
5173            
5174              
5175                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5176                  <div class=' w-14 '>
5177                    
5178
5179
5180
5181
5182<div
5183    class='relative aspect-[0.725] h-full pointer-events-none '
5184    data-component='media'
5185    
5186    data-pswp-width='0'
5187    data-pswp-height='0'
5188    href='//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5193        
5194
5195        
5196          <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">
5197        
5198    
5199  </div >
5200
5201
5202                  </div>
5203                  <a href='/collections/accessories-for-women' class=''>Shop All Accessories</a>
5204                </li>
5205              
5206            
5207
5208          
5209        </ul>
5210      
5211    </div>
5212  </div>
5213
5214
5215                </div>
5216              
5217            
5218
5219          
5220        </ul>
5221      
5222    </div>
5223  </div>
5224
5225
5226                </div>
5227
5228              
5229            </li>
5230          
5231            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
5232              <div data-component='accordion'>
5233                  
5234  <div
5235    
5236      data-accordion-item
5237    
5238    
5239
5240    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
5241  >
5242    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
5243      Men
5244
5245      <span data-accordion-icon-plus class='text-tristan-black'>
5246    <svg
5247      
5248      xmlns='http://www.w3.org/2000/svg'
5249      width='24'
5250      height='24'
5251      viewBox='0 0 24 24'
5252      fill='none'
5253      class='rotate-180'
5254    >
5255      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5256    </svg>
5257
5258  </span>
5259      <span
5260        data-accordion-icon-minus
5261        class='hidden text-tristan-black '
5262      >
5263    <svg
5264      
5265      xmlns='http://www.w3.org/2000/svg'
5266      width='24'
5267      height='24'
5268      viewBox='0 0 24 24'
5269      fill='none'
5270      class=''
5271    >
5272      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5273    </svg>
5274
5275  </span>
5276    </button>
5277    <div
5278      data-accordion-content
5279      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
5280      aria-hidden='true'
5281    >
5282      
5283        <ul class='flex flex-col gap-3'>
5284          
5285            
5286              
5287                <div data-component='accordionSub'>
5288                  
5289  <div
5290    
5291      data-accordion-sub-item
5292    
5293    
5294
5295    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5296  >
5297    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5298      Shop by
5299
5300      <span data-accordion-icon-plus class='text-tristan-black'>
5301    <svg
5302      
5303      xmlns='http://www.w3.org/2000/svg'
5304      width='24'
5305      height='24'
5306      viewBox='0 0 24 24'
5307      fill='none'
5308      class='rotate-180'
5309    >
5310      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5311    </svg>
5312
5313  </span>
5314      <span
5315        data-accordion-icon-minus
5316        class='hidden text-tristan-black '
5317      >
5318    <svg
5319      
5320      xmlns='http://www.w3.org/2000/svg'
5321      width='24'
5322      height='24'
5323      viewBox='0 0 24 24'
5324      fill='none'
5325      class=''
5326    >
5327      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5328    </svg>
5329
5330  </span>
5331    </button>
5332    <div
5333      data-accordion-content
5334      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5335      aria-hidden='true'
5336    >
5337      
5338        <ul class='flex flex-col gap-3'>
5339          
5340            
5341              
5342                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5343                  <div class=' w-14 '>
5344                    
5345
5346
5347
5348
5349<div
5350    class='relative aspect-[0.725] h-full pointer-events-none '
5351    data-component='media'
5352    
5353    data-pswp-width='0'
5354    data-pswp-height='0'
5355    href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5360        
5361
5362        
5363          <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">
5364        
5365    
5366  </div >
5367
5368
5369                  </div>
5370                  <a href='/collections/mens-new-arrivals' class=''>New Arrivals</a>
5371                </li>
5372              
5373            
5374              
5375                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5376                  <div class=' w-14 '>
5377                    
5378
5379
5380
5381
5382<div
5383    class='relative aspect-[0.725] h-full pointer-events-none '
5384    data-component='media'
5385    
5386    data-pswp-width='0'
5387    data-pswp-height='0'
5388    href='//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5393        
5394
5395        
5396          <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">
5397        
5398    
5399  </div >
5400
5401
5402                  </div>
5403                  <a href='/collections/mens-suiting' class=''>Suiting</a>
5404                </li>
5405              
5406            
5407              
5408                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5409                  <div class=' w-14 '>
5410                    
5411
5412
5413
5414
5415<div
5416    class='relative aspect-[0.725] h-full pointer-events-none '
5417    data-component='media'
5418    
5419    data-pswp-width='16670'
5420    data-pswp-height='25000'
5421    href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5426        
5427
5428        
5429          <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">
5430        
5431    
5432  </div >
5433
5434
5435                  </div>
5436                  <a href='/products/00-giftcard' class=''>Gift Card</a>
5437                </li>
5438              
5439            
5440
5441          
5442        </ul>
5443      
5444    </div>
5445  </div>
5446
5447
5448                </div>
5449              
5450            
5451              
5452                <div data-component='accordionSub'>
5453                  
5454  <div
5455    
5456      data-accordion-sub-item
5457    
5458    
5459
5460    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5461  >
5462    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5463      Clothing
5464
5465      <span data-accordion-icon-plus class='text-tristan-black'>
5466    <svg
5467      
5468      xmlns='http://www.w3.org/2000/svg'
5469      width='24'
5470      height='24'
5471      viewBox='0 0 24 24'
5472      fill='none'
5473      class='rotate-180'
5474    >
5475      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5476    </svg>
5477
5478  </span>
5479      <span
5480        data-accordion-icon-minus
5481        class='hidden text-tristan-black '
5482      >
5483    <svg
5484      
5485      xmlns='http://www.w3.org/2000/svg'
5486      width='24'
5487      height='24'
5488      viewBox='0 0 24 24'
5489      fill='none'
5490      class=''
5491    >
5492      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5493    </svg>
5494
5495  </span>
5496    </button>
5497    <div
5498      data-accordion-content
5499      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5500      aria-hidden='true'
5501    >
5502      
5503        <ul class='flex flex-col gap-3'>
5504          
5505            
5506              
5507                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5508                  <div class=' w-14 '>
5509                    
5510
5511
5512
5513
5514<div
5515    class='relative aspect-[0.725] h-full pointer-events-none '
5516    data-component='media'
5517    
5518    data-pswp-width='0'
5519    data-pswp-height='0'
5520    href='//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5525        
5526
5527        
5528          <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">
5529        
5530    
5531  </div >
5532
5533
5534                  </div>
5535                  <a href='/collections/mens-sweaters-cardigans' class=''>Sweaters & Cardigans</a>
5536                </li>
5537              
5538            
5539              
5540                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5541                  <div class=' w-14 '>
5542                    
5543
5544
5545
5546
5547<div
5548    class='relative aspect-[0.725] h-full pointer-events-none '
5549    data-component='media'
5550    
5551    data-pswp-width='0'
5552    data-pswp-height='0'
5553    href='//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5558        
5559
5560        
5561          <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">
5562        
5563    
5564  </div >
5565
5566
5567                  </div>
5568                  <a href='/collections/mens-shirts' class=''>Shirts & Overshirts</a>
5569                </li>
5570              
5571            
5572              
5573                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5574                  <div class=' w-14 '>
5575                    
5576
5577
5578
5579
5580<div
5581    class='relative aspect-[0.725] h-full pointer-events-none '
5582    data-component='media'
5583    
5584    data-pswp-width='0'
5585    data-pswp-height='0'
5586    href='//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5591        
5592
5593        
5594          <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">
5595        
5596    
5597  </div >
5598
5599
5600                  </div>
5601                  <a href='/collections/mens-polos' class=''>Polos</a>
5602                </li>
5603              
5604            
5605              
5606                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5607                  <div class=' w-14 '>
5608                    
5609
5610
5611
5612
5613<div
5614    class='relative aspect-[0.725] h-full pointer-events-none '
5615    data-component='media'
5616    
5617    data-pswp-width='0'
5618    data-pswp-height='0'
5619    href='//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5624        
5625
5626        
5627          <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">
5628        
5629    
5630  </div >
5631
5632
5633                  </div>
5634                  <a href='/collections/mens-jeans' class=''>Jeans</a>
5635                </li>
5636              
5637            
5638              
5639                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5640                  <div class=' w-14 '>
5641                    
5642
5643
5644
5645
5646<div
5647    class='relative aspect-[0.725] h-full pointer-events-none '
5648    data-component='media'
5649    
5650    data-pswp-width='0'
5651    data-pswp-height='0'
5652    href='//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5657        
5658
5659        
5660          <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">
5661        
5662    
5663  </div >
5664
5665
5666                  </div>
5667                  <a href='/collections/mens-t-shirts' class=''>T-shirts & Sweatshirts</a>
5668                </li>
5669              
5670            
5671              
5672                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5673                  <div class=' w-14 '>
5674                    
5675
5676
5677
5678
5679<div
5680    class='relative aspect-[0.725] h-full pointer-events-none '
5681    data-component='media'
5682    
5683    data-pswp-width='0'
5684    data-pswp-height='0'
5685    href='//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5690        
5691
5692        
5693          <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">
5694        
5695    
5696  </div >
5697
5698
5699                  </div>
5700                  <a href='/collections/mens-pants' class=''>Pants</a>
5701                </li>
5702              
5703            
5704              
5705                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5706                  <div class=' w-14 '>
5707                    
5708
5709
5710
5711
5712<div
5713    class='relative aspect-[0.725] h-full pointer-events-none '
5714    data-component='media'
5715    
5716    data-pswp-width='0'
5717    data-pswp-height='0'
5718    href='//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5723        
5724
5725        
5726          <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">
5727        
5728    
5729  </div >
5730
5731
5732                  </div>
5733                  <a href='/collections/blazers-for-men' class=''>Blazers & Vests</a>
5734                </li>
5735              
5736            
5737              
5738                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5739                  <div class=' w-14 '>
5740                    
5741
5742
5743
5744
5745<div
5746    class='relative aspect-[0.725] h-full pointer-events-none '
5747    data-component='media'
5748    
5749    data-pswp-width='0'
5750    data-pswp-height='0'
5751    href='//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5756        
5757
5758        
5759          <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">
5760        
5761    
5762  </div >
5763
5764
5765                  </div>
5766                  <a href='/collections/mens-outerwear' class=''>Outerwear</a>
5767                </li>
5768              
5769            
5770              
5771                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5772                  <div class=' w-14 '>
5773                    
5774
5775
5776
5777
5778<div
5779    class='relative aspect-[0.725] h-full pointer-events-none '
5780    data-component='media'
5781    
5782    data-pswp-width='0'
5783    data-pswp-height='0'
5784    href='//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5789        
5790
5791        
5792          <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">
5793        
5794    
5795  </div >
5796
5797
5798                  </div>
5799                  <a href='/collections/men-clothing' class=''>Shop All Clothing</a>
5800                </li>
5801              
5802            
5803
5804          
5805        </ul>
5806      
5807    </div>
5808  </div>
5809
5810
5811                </div>
5812              
5813            
5814              
5815                <div data-component='accordionSub'>
5816                  
5817  <div
5818    
5819      data-accordion-sub-item
5820    
5821    
5822
5823    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
5824  >
5825    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
5826      Accessories
5827
5828      <span data-accordion-icon-plus class='text-tristan-black'>
5829    <svg
5830      
5831      xmlns='http://www.w3.org/2000/svg'
5832      width='24'
5833      height='24'
5834      viewBox='0 0 24 24'
5835      fill='none'
5836      class='rotate-180'
5837    >
5838      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
5839    </svg>
5840
5841  </span>
5842      <span
5843        data-accordion-icon-minus
5844        class='hidden text-tristan-black '
5845      >
5846    <svg
5847      
5848      xmlns='http://www.w3.org/2000/svg'
5849      width='24'
5850      height='24'
5851      viewBox='0 0 24 24'
5852      fill='none'
5853      class=''
5854    >
5855      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
5856    </svg>
5857
5858  </span>
5859    </button>
5860    <div
5861      data-accordion-content
5862      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
5863      aria-hidden='true'
5864    >
5865      
5866        <ul class='flex flex-col gap-3'>
5867          
5868            
5869              
5870                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5871                  <div class=' w-14 '>
5872                    
5873
5874
5875
5876
5877<div
5878    class='relative aspect-[0.725] h-full pointer-events-none '
5879    data-component='media'
5880    
5881    data-pswp-width='0'
5882    data-pswp-height='0'
5883    href='//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5888        
5889
5890        
5891          <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">
5892        
5893    
5894  </div >
5895
5896
5897                  </div>
5898                  <a href='/collections/mens-belts-suspenders' class=''>Belts & Suspenders</a>
5899                </li>
5900              
5901            
5902              
5903                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5904                  <div class=' w-14 '>
5905                    
5906
5907
5908
5909
5910<div
5911    class='relative aspect-[0.725] h-full pointer-events-none '
5912    data-component='media'
5913    
5914    data-pswp-width='0'
5915    data-pswp-height='0'
5916    href='//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5921        
5922
5923        
5924          <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">
5925        
5926    
5927  </div >
5928
5929
5930                  </div>
5931                  <a href='/collections/mens-hats' class=''>Hats</a>
5932                </li>
5933              
5934            
5935              
5936                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5937                  <div class=' w-14 '>
5938                    
5939
5940
5941
5942
5943<div
5944    class='relative aspect-[0.725] h-full pointer-events-none '
5945    data-component='media'
5946    
5947    data-pswp-width='0'
5948    data-pswp-height='0'
5949    href='//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5954        
5955
5956        
5957          <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">
5958        
5959    
5960  </div >
5961
5962
5963                  </div>
5964                  <a href='/collections/mens-scarves' class=''>Pocket Squares</a>
5965                </li>
5966              
5967            
5968              
5969                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
5970                  <div class=' w-14 '>
5971                    
5972
5973
5974
5975
5976<div
5977    class='relative aspect-[0.725] h-full pointer-events-none '
5978    data-component='media'
5979    
5980    data-pswp-width='0'
5981    data-pswp-height='0'
5982    href='//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
5987        
5988
5989        
5990          <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">
5991        
5992    
5993  </div >
5994
5995
5996                  </div>
5997                  <a href='/collections/mens-bags' class=''>Bags & Wallets</a>
5998                </li>
5999              
6000            
6001              
6002                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6003                  <div class=' w-14 '>
6004                    
6005
6006
6007
6008
6009<div
6010    class='relative aspect-[0.725] h-full pointer-events-none '
6011    data-component='media'
6012    
6013    data-pswp-width='0'
6014    data-pswp-height='0'
6015    href='//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6020        
6021
6022        
6023          <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">
6024        
6025    
6026  </div >
6027
6028
6029                  </div>
6030                  <a href='/collections/mens-ties-bowties' class=''>Ties & Bowties</a>
6031                </li>
6032              
6033            
6034              
6035                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6036                  <div class=' w-14 '>
6037                    
6038
6039
6040
6041
6042<div
6043    class='relative aspect-[0.725] h-full pointer-events-none '
6044    data-component='media'
6045    
6046    data-pswp-width='0'
6047    data-pswp-height='0'
6048    href='//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6053        
6054
6055        
6056          <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">
6057        
6058    
6059  </div >
6060
6061
6062                  </div>
6063                  <a href='/collections/mens-underwear' class=''>Underwear & Socks</a>
6064                </li>
6065              
6066            
6067              
6068                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6069                  <div class=' w-14 '>
6070                    
6071
6072
6073
6074
6075<div
6076    class='relative aspect-[0.725] h-full pointer-events-none '
6077    data-component='media'
6078    
6079    data-pswp-width='0'
6080    data-pswp-height='0'
6081    href='//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6086        
6087
6088        
6089          <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">
6090        
6091    
6092  </div >
6093
6094
6095                  </div>
6096                  <a href='/collections/all-mens-accessories' class=''>Shop All Accessories</a>
6097                </li>
6098              
6099            
6100
6101          
6102        </ul>
6103      
6104    </div>
6105  </div>
6106
6107
6108                </div>
6109              
6110            
6111
6112          
6113        </ul>
6114      
6115    </div>
6116  </div>
6117
6118
6119                </div>
6120
6121              
6122            </li>
6123          
6124            <li class='border-b border-solid border-tristan-black-900 px-4 py-5'>
6125              <div data-component='accordion'>
6126                  
6127  <div
6128    
6129      data-accordion-item
6130    
6131    
6132
6133    class='border-t-[0.67px] border-tristan-dark-400  last:border-b-[0.67px] !border-0 '
6134  >
6135    <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'>
6136      About 
6137
6138      <span data-accordion-icon-plus class='text-tristan-black'>
6139    <svg
6140      
6141      xmlns='http://www.w3.org/2000/svg'
6142      width='24'
6143      height='24'
6144      viewBox='0 0 24 24'
6145      fill='none'
6146      class='rotate-180'
6147    >
6148      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6149    </svg>
6150
6151  </span>
6152      <span
6153        data-accordion-icon-minus
6154        class='hidden text-tristan-black '
6155      >
6156    <svg
6157      
6158      xmlns='http://www.w3.org/2000/svg'
6159      width='24'
6160      height='24'
6161      viewBox='0 0 24 24'
6162      fill='none'
6163      class=''
6164    >
6165      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6166    </svg>
6167
6168  </span>
6169    </button>
6170    <div
6171      data-accordion-content
6172      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 '
6173      aria-hidden='true'
6174    >
6175      
6176        <ul class='flex flex-col gap-3'>
6177          
6178            
6179              
6180                <div data-component='accordionSub'>
6181                  
6182  <div
6183    
6184      data-accordion-sub-item
6185    
6186    
6187
6188    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6189  >
6190    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6191      About Us
6192
6193      <span data-accordion-icon-plus class='text-tristan-black'>
6194    <svg
6195      
6196      xmlns='http://www.w3.org/2000/svg'
6197      width='24'
6198      height='24'
6199      viewBox='0 0 24 24'
6200      fill='none'
6201      class='rotate-180'
6202    >
6203      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6204    </svg>
6205
6206  </span>
6207      <span
6208        data-accordion-icon-minus
6209        class='hidden text-tristan-black '
6210      >
6211    <svg
6212      
6213      xmlns='http://www.w3.org/2000/svg'
6214      width='24'
6215      height='24'
6216      viewBox='0 0 24 24'
6217      fill='none'
6218      class=''
6219    >
6220      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6221    </svg>
6222
6223  </span>
6224    </button>
6225    <div
6226      data-accordion-content
6227      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6228      aria-hidden='true'
6229    >
6230      
6231        <ul class='flex flex-col gap-3'>
6232          
6233            
6234              
6235                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6236                  <div class=' w-14 hidden'>
6237                    
6238
6239
6240
6241
6242<div
6243    class='relative aspect-[0.725] h-full pointer-events-none '
6244    data-component='media'
6245    
6246    data-pswp-width='0'
6247    data-pswp-height='0'
6248    href='Liquid error (snippets/media line 111): invalid url input'
6249  >
6250    
6251        
6252
6253        
6254    
6255  </div >
6256
6257
6258                  </div>
6259                  <a href='/pages/about-us' class='py-1'>Who we are</a>
6260                </li>
6261              
6262            
6263              
6264                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6265                  <div class=' w-14 hidden'>
6266                    
6267
6268
6269
6270
6271<div
6272    class='relative aspect-[0.725] h-full pointer-events-none '
6273    data-component='media'
6274    
6275    data-pswp-width='0'
6276    data-pswp-height='0'
6277    href='Liquid error (snippets/media line 111): invalid url input'
6278  >
6279    
6280        
6281
6282        
6283    
6284  </div >
6285
6286
6287                  </div>
6288                  <a href='/pages/store-locator' class='py-1'>Our Stores</a>
6289                </li>
6290              
6291            
6292              
6293                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6294                  <div class=' w-14 hidden'>
6295                    
6296
6297
6298
6299
6300<div
6301    class='relative aspect-[0.725] h-full pointer-events-none '
6302    data-component='media'
6303    
6304    data-pswp-width='0'
6305    data-pswp-height='0'
6306    href='Liquid error (snippets/media line 111): invalid url input'
6307  >
6308    
6309        
6310
6311        
6312    
6313  </div >
6314
6315
6316                  </div>
6317                  <a href='/pages/corporate' class='py-1'>Corporate Uniforms</a>
6318                </li>
6319              
6320            
6321              
6322                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6323                  <div class=' w-14 hidden'>
6324                    
6325
6326
6327
6328
6329<div
6330    class='relative aspect-[0.725] h-full pointer-events-none '
6331    data-component='media'
6332    
6333    data-pswp-width='0'
6334    data-pswp-height='0'
6335    href='Liquid error (snippets/media line 111): invalid url input'
6336  >
6337    
6338        
6339
6340        
6341    
6342  </div >
6343
6344
6345                  </div>
6346                  <a href='/pages/contact-us' class='py-1'>Contact Us</a>
6347                </li>
6348              
6349            
6350              
6351                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6352                  <div class=' w-14 hidden'>
6353                    
6354
6355
6356
6357
6358<div
6359    class='relative aspect-[0.725] h-full pointer-events-none '
6360    data-component='media'
6361    
6362    data-pswp-width='0'
6363    data-pswp-height='0'
6364    href='Liquid error (snippets/media line 111): invalid url input'
6365  >
6366    
6367        
6368
6369        
6370    
6371  </div >
6372
6373
6374                  </div>
6375                  <a href='/pages/careers' class='py-1'>Careers</a>
6376                </li>
6377              
6378            
6379
6380          
6381        </ul>
6382      
6383    </div>
6384  </div>
6385
6386
6387                </div>
6388              
6389            
6390              
6391                <div data-component='accordionSub'>
6392                  
6393  <div
6394    
6395      data-accordion-sub-item
6396    
6397    
6398
6399    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6400  >
6401    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6402      Blog
6403
6404      <span data-accordion-icon-plus class='text-tristan-black'>
6405    <svg
6406      
6407      xmlns='http://www.w3.org/2000/svg'
6408      width='24'
6409      height='24'
6410      viewBox='0 0 24 24'
6411      fill='none'
6412      class='rotate-180'
6413    >
6414      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6415    </svg>
6416
6417  </span>
6418      <span
6419        data-accordion-icon-minus
6420        class='hidden text-tristan-black '
6421      >
6422    <svg
6423      
6424      xmlns='http://www.w3.org/2000/svg'
6425      width='24'
6426      height='24'
6427      viewBox='0 0 24 24'
6428      fill='none'
6429      class=''
6430    >
6431      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6432    </svg>
6433
6434  </span>
6435    </button>
6436    <div
6437      data-accordion-content
6438      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6439      aria-hidden='true'
6440    >
6441      
6442        <ul class='flex flex-col gap-3'>
6443          
6444            
6445              
6446                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6447                  <div class=' w-14 '>
6448                    
6449
6450
6451
6452
6453<div
6454    class='relative aspect-[0.725] h-full pointer-events-none '
6455    data-component='media'
6456    
6457    data-pswp-width='39780'
6458    data-pswp-height='16290'
6459    href='//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6464        
6465
6466        
6467          <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">
6468        
6469    
6470  </div >
6471
6472
6473                  </div>
6474                  <a href='/blogs/news/spring-summer-2026-fashion-trends' class=''>Spring-Summer 2026 Fashion Trends</a>
6475                </li>
6476              
6477            
6478              
6479                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6480                  <div class=' w-14 '>
6481                    
6482
6483
6484
6485
6486<div
6487    class='relative aspect-[0.725] h-full pointer-events-none '
6488    data-component='media'
6489    
6490    data-pswp-width='28800'
6491    data-pswp-height='10920'
6492    href='//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6497        
6498
6499        
6500          <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">
6501        
6502    
6503  </div >
6504
6505
6506                  </div>
6507                  <a href='/blogs/news/holiday-gift-ideas-2025' class=''>Holiday Gift Ideas: Giving Timeless Fashion</a>
6508                </li>
6509              
6510            
6511              
6512                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6513                  <div class=' w-14 '>
6514                    
6515
6516
6517
6518
6519<div
6520    class='relative aspect-[0.725] h-full pointer-events-none '
6521    data-component='media'
6522    
6523    data-pswp-width='13260'
6524    data-pswp-height='5430'
6525    href='//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6530        
6531
6532        
6533          <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">
6534        
6535    
6536  </div >
6537
6538
6539                  </div>
6540                  <a href='/blogs/news/woman-professional-look' class=''>How to Build a Professional Wardrobe</a>
6541                </li>
6542              
6543            
6544              
6545                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6546                  <div class=' w-14 '>
6547                    
6548
6549
6550
6551
6552<div
6553    class='relative aspect-[0.725] h-full pointer-events-none '
6554    data-component='media'
6555    
6556    data-pswp-width='28800'
6557    data-pswp-height='10920'
6558    href='//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6563        
6564
6565        
6566          <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">
6567        
6568    
6569  </div >
6570
6571
6572                  </div>
6573                  <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>
6574                </li>
6575              
6576            
6577              
6578                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6579                  <div class=' w-14 '>
6580                    
6581
6582
6583
6584
6585<div
6586    class='relative aspect-[0.725] h-full pointer-events-none '
6587    data-component='media'
6588    
6589    data-pswp-width='40000'
6590    data-pswp-height='12000'
6591    href='//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=2000'
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 h-full w-full object-cover md:hidden  object-cover object-top">
6596        
6597
6598        
6599          <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">
6600        
6601    
6602  </div >
6603
6604
6605                  </div>
6606                  <a href='/blogs/news/clothes-made-in-canada' class=''>Clothes Made in Canada</a>
6607                </li>
6608              
6609            
6610              
6611                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6612                  <div class=' w-14 hidden'>
6613                    
6614
6615
6616
6617
6618<div
6619    class='relative aspect-[0.725] h-full pointer-events-none '
6620    data-component='media'
6621    
6622    data-pswp-width='0'
6623    data-pswp-height='0'
6624    href='Liquid error (snippets/media line 111): invalid url input'
6625  >
6626    
6627        
6628
6629        
6630    
6631  </div >
6632
6633
6634                  </div>
6635                  <a href='/blogs/news' class='py-1'>Read All Blog Posts</a>
6636                </li>
6637              
6638            
6639
6640          
6641        </ul>
6642      
6643    </div>
6644  </div>
6645
6646
6647                </div>
6648              
6649            
6650              
6651                <div data-component='accordionSub'>
6652                  
6653  <div
6654    
6655      data-accordion-sub-item
6656    
6657    
6658
6659    class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 '
6660  >
6661    <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'>
6662      Help
6663
6664      <span data-accordion-icon-plus class='text-tristan-black'>
6665    <svg
6666      
6667      xmlns='http://www.w3.org/2000/svg'
6668      width='24'
6669      height='24'
6670      viewBox='0 0 24 24'
6671      fill='none'
6672      class='rotate-180'
6673    >
6674      <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" />
6675    </svg>
6676
6677  </span>
6678      <span
6679        data-accordion-icon-minus
6680        class='hidden text-tristan-black '
6681      >
6682    <svg
6683      
6684      xmlns='http://www.w3.org/2000/svg'
6685      width='24'
6686      height='24'
6687      viewBox='0 0 24 24'
6688      fill='none'
6689      class=''
6690    >
6691      <path d="M5 13V11H19V13H5Z" fill="currentColor" />
6692    </svg>
6693
6694  </span>
6695    </button>
6696    <div
6697      data-accordion-content
6698      class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark  pl-8'
6699      aria-hidden='true'
6700    >
6701      
6702        <ul class='flex flex-col gap-3'>
6703          
6704            
6705              
6706                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6707                  <div class=' w-14 hidden'>
6708                    
6709
6710
6711
6712
6713<div
6714    class='relative aspect-[0.725] h-full pointer-events-none '
6715    data-component='media'
6716    
6717    data-pswp-width='0'
6718    data-pswp-height='0'
6719    href='Liquid error (snippets/media line 111): invalid url input'
6720  >
6721    
6722        
6723
6724        
6725    
6726  </div >
6727
6728
6729                  </div>
6730                  <a href='/pages/faq' class='py-1'>FAQ</a>
6731                </li>
6732              
6733            
6734              
6735                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6736                  <div class=' w-14 hidden'>
6737                    
6738
6739
6740
6741
6742<div
6743    class='relative aspect-[0.725] h-full pointer-events-none '
6744    data-component='media'
6745    
6746    data-pswp-width='0'
6747    data-pswp-height='0'
6748    href='Liquid error (snippets/media line 111): invalid url input'
6749  >
6750    
6751        
6752
6753        
6754    
6755  </div >
6756
6757
6758                  </div>
6759                  <a href='/pages/gift-card-balance-check' class='py-1'>Gift Card Balance</a>
6760                </li>
6761              
6762            
6763              
6764                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6765                  <div class=' w-14 hidden'>
6766                    
6767
6768
6769
6770
6771<div
6772    class='relative aspect-[0.725] h-full pointer-events-none '
6773    data-component='media'
6774    
6775    data-pswp-width='0'
6776    data-pswp-height='0'
6777    href='Liquid error (snippets/media line 111): invalid url input'
6778  >
6779    
6780        
6781
6782        
6783    
6784  </div >
6785
6786
6787                  </div>
6788                  <a href='/pages/shipping' class='py-1'>Shipping</a>
6789                </li>
6790              
6791            
6792              
6793                <li class='flex flex-row items-center justify-start gap-4 text-xs'>
6794                  <div class=' w-14 hidden'>
6795                    
6796
6797
6798
6799
6800<div
6801    class='relative aspect-[0.725] h-full pointer-events-none '
6802    data-component='media'
6803    
6804    data-pswp-width='0'
6805    data-pswp-height='0'
6806    href='Liquid error (snippets/media line 111): invalid url input'
6807  >
6808    
6809        
6810
6811        
6812    
6813  </div >
6814
6815
6816                  </div>
6817                  <a href='/pages/exchanges-returns' class='py-1'>Return Management</a>
6818                </li>
6819              
6820            
6821
6822          
6823        </ul>
6824      
6825    </div>
6826  </div>
6827
6828
6829                </div>
6830              
6831            
6832
6833          
6834        </ul>
6835      
6836    </div>
6837  </div>
6838
6839
6840                </div>
6841
6842              
6843            </li>
6844          
6845        </ul>
6846      </nav>
6847    </div>
6848    <div data-mobile-footer class='w-full'>
6849      <ul class='!mb-0 w-full columns-2 border border-solid border-tristan-black-900 px-4 py-[30px] [&>li]:py-2'>
6850        
6851          <li>
6852            <a href='/blogs/news' class='text-xs'>
6853              Blog
6854            </a>
6855          </li>
6856        
6857          <li>
6858            <a href='/account' class='text-xs'>
6859              Account
6860            </a>
6861          </li>
6862        
6863          <li>
6864            <a href='/pages/about-us' class='text-xs'>
6865              About Us
6866            </a>
6867          </li>
6868        
6869          <li>
6870            <a href='/pages/store-locator' class='text-xs'>
6871              Our Stores
6872            </a>
6873          </li>
6874        
6875          <li>
6876            <a href='/pages/exchanges-returns' class='text-xs'>
6877              Returns/Exchanges
6878            </a>
6879          </li>
6880        
6881          <li>
6882            <a href='/pages/faq' class='text-xs'>
6883              FAQs
6884            </a>
6885          </li>
6886        
6887<li>
6888          <a
6889            href='#hero-wishlist'
6890            class='text-xs'
6891          >
6892            Wishlist
6893          </a>
6894        </li>
6895        <li>
6896          <button
6897            data-localize-button-mobile
6898            class='flex h-[25px] flex-row items-center justify-center gap-[6px] text-xs'
6899          >
6900            Change language
6901            
6902    <svg
6903      data-icon-down
6904      class=''
6905      xmlns='http://www.w3.org/2000/svg'
6906      width='16'
6907      height='16'
6908      viewBox='0 0 16 16'
6909      fill='none'
6910    >
6911      <g >
6912      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
6913      </g>
6914    </svg>
6915
6916  
6917            
6918    <svg
6919      data-icon-up
6920      class='hidden rotate-180'
6921      xmlns='http://www.w3.org/2000/svg'
6922      width='16'
6923      height='16'
6924      viewBox='0 0 16 16'
6925      fill='none'
6926    >
6927      <g >
6928      <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/>
6929      </g>
6930    </svg>
6931
6932  
6933          </button>
6934
6935          <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="/?utm_source=facebook&utm_medium=paid_social&utm_campaign=em_tristan_sale_adv_on&utm_term=adv_fall26_en" /><input type='hidden' name='locale_code' value='en'>
6936              <ul class='ml-4 flex list-disc flex-col gap-1'><li class='font-bold'>
6937                    <button
6938                      type='submit'
6939                      name='locale_code'
6940                      class='text-xs capitalize'
6941                      value='en'
6942                    >English</button>
6943                  </li><li class=''>
6944                    <button
6945                      type='submit'
6946                      name='locale_code'
6947                      class='text-xs capitalize'
6948                      value='fr'
6949                    >Français</button>
6950                  </li></ul></form></div>
6951        </li>
6952      </ul>
6953      <div class='px-4 pb-4 pt-11'>
6954        
6955
6956
6957
6958  
6959    
6960      <a
6961        href='/collections/women'
6962        class=''
6963      >
6964        <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'>
6965          Shop all products
6966          
6967        </button>
6968      </a>
6969    
6970  
6971
6972
6973      </div>
6974      
6975        <div class='flex h-[53px] flex-row items-center justify-center py-2 text-xs'>
6976          
6977          
6978          
6979            <div class='px-4 text-center [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900'>
6980              free shipping to store
6981            </div>
6982          
6983        </div>
6984      
6985    </div>
6986  </div>
6987</div>
6988
6989  
6990</div>
6991
6992
6993</div></header>
6994    <div id="shopify-section-popup" class="shopify-section">
6995</div>
6996    <div
6997  data-cheri-select-popup-overlay
6998  class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40'
6999></div>
7000<aside
7001  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'
7002  data-component='cheriSelectPopup'
7003  tabindex='-1'
7004>
7005  <div class='relative  w-full  pt-8'>
7006    <div class='flex flex-col items-center justify-start gap-4'>
7007    </div>
7008    <button class='absolute right-0 top-0' data-button-close aria-label='Close'>
7009      
7010    <svg
7011      
7012      class=''
7013      xmlns='http://www.w3.org/2000/svg'
7014      width='24'
7015      height='24'
7016      viewBox='0 0 24 24'
7017      fill='none'
7018    >
7019      <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"/>
7020    </svg>
7021  
7022    </button>
7023  </div>
7024</aside>
7025
7026
7027    <div id="shopify-section-quick-search" class="shopify-section"><div
7028  data-component='quickSearch'
7029  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'
7030>
7031  <div class='search-input-wrapper relative mt-8 flex flex-row items-center justify-start' style="border-bottom: 1px solid #f5f5f5">
7032    <div class='flex h-16 w-full items-center'>
7033      <input
7034        data-search-text
7035        type='text'
7036        class='!focus:shadow-none remove-focus-style w-full bg-transparent !pl-0 text-base !shadow-none outline-none'
7037        placeholder='Search'
7038      >
7039    </div>
7040    <button class='' data-close-button>
7041      
7042    <svg
7043      
7044      class=''
7045      xmlns='http://www.w3.org/2000/svg'
7046      width='24'
7047      height='24'
7048      viewBox='0 0 24 24'
7049      fill='none'
7050    >
7051      <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"/>
7052    </svg>
7053  
7054    </button>
7055  </div>
7056
7057   <div class='mt-8 flex w-full flex-row gap-4' style="display: none;">
7058    <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>
7059    <div
7060      data-search-loader
7061      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'
7062    >
7063      <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'>
7064        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7065        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7066        <span class='inline-block size-1.5 rounded-full bg-current'></span>
7067      </span>
7068    </div>
7069    <div
7070      data-search-results
7071      class='hidden h-screen w-full overflow-y-auto pb-52 [&>[data-main-search-results]>div]:px-0'
7072    ></div>
7073  </div>
7074</div>
7075</div>
7076
7077    <main role='main'>
7078      <div id="shopify-section-template--20148476739746__hero_4GHhMT" class="shopify-section">
7079
7080<div data-component='heroBanner'>
7081  <div
7082    data-hero-container
7083    class='container relative h-[700px] !px-0 text-tristan-white md:h-[546px] md:text-tristan-white'
7084  >
7085
7086
7087
7088
7089<div
7090    class='relative h-full '
7091    data-component='media'
7092    
7093    data-pswp-width='28800'
7094    data-pswp-height='10920'
7095    href='//www.tristanstyle.com/cdn/shop/files/HomePage_Banner_Desktop_option_2.png?v=1784657177&width=2000'
7096  >
7097    
7098        
7099        <video playsinline="true" loop="loop" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  w-full object-cover h-full" preload="none" autoplay="autoplay" muted="muted" data-mobile-video="true" poster="//www.tristanstyle.com/cdn/shop/files/preview_images/16c27a82e8d94a9a973d549327630f0b.thumbnail.0000000000_large.jpg?v=1787318384"><source src="//www.tristanstyle.com/cdn/shop/videos/c/vp/16c27a82e8d94a9a973d549327630f0b/16c27a82e8d94a9a973d549327630f0b.HD-1080p-3.3Mbps-92253632.mp4?v=0" type="video/mp4"><img src="//www.tristanstyle.com/cdn/shop/files/preview_images/16c27a82e8d94a9a973d549327630f0b.thumbnail.0000000000_large.jpg?v=1787318384"></video>
7100        <video playsinline="true" loop="loop" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  w-full object-cover h-full" preload="none" autoplay="autoplay" muted="muted" data-desktop-video="true" poster="//www.tristanstyle.com/cdn/shop/files/preview_images/be0e4defa3704b8d81fe89a4b5cca01e.thumbnail.0000000000_large.jpg?v=1787318476"><source src="//www.tristanstyle.com/cdn/shop/videos/c/vp/be0e4defa3704b8d81fe89a4b5cca01e/be0e4defa3704b8d81fe89a4b5cca01e.HD-1080p-7.2Mbps-92253713.mp4?v=0" type="video/mp4"><img src="//www.tristanstyle.com/cdn/shop/files/preview_images/be0e4defa3704b8d81fe89a4b5cca01e.thumbnail.0000000000_large.jpg?v=1787318476"></video>
7101
7102      
7103  </div >
7104
7105<div class='absolute inset-0 block bg-tristan-dark opacity-25 md:hidden'></div>
7106
7107    <div class='container absolute left-0 top-0 flex h-full w-full flex-row items-end justify-center !px-0 pb-12 md:items-center md:pb-0 '>
7108      <div class='md:basis-1/2'>
7109        <div class='flex flex-col items-center justify-center px-4 md:px-16'>
7110          <h3 class='h3'></h3>
7111          <h2 class='h2 py-5 font-medium  text-tristan-white md:text-tristan-white text-center'>
7112            <p><strong>FALL 2026 COLLECTION</strong></p><h6></h6><h6><a href="/collections/womens-new-arrivals" title="Women's New Arrivals">SHOP WOMEN</a> <a href="/collections/mens-new-arrivals" title="Men's New Arrivals">SHOP MEN</a><br/>
7112</h6>
7113          </h2>
7114          <div class='flex flex-row flex-wrap items-center justify-center gap-3 pt-7 sm:flex-nowrap md:flex-nowrap md:gap-16'>
7115              
7116
7117
7118
7119  
7120    
7121      <a
7122        href='/collections/womens-new-arrivals'
7123        class=' hidden md:flex'
7124      >
7125        <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 flex min-w-[150px] w-full !px-6 max-w-max justify-center items-center'>
7126          Shop women
7127          
7128        </button>
7129      </a>
7130    
7131  
7132
7133
7134              
7135
7136
7137
7138  
7139    
7140      <a
7141        href='/collections/womens-new-arrivals'
7142        class=' md:hidden flex'
7143      >
7144        <button class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-dark bg-tristan-white hover:bg-tristan-earth focus:ring-tristan-dark focus:ring-2 focus:ring-offset-2 disabled:opacity-40 flex min-w-[150px] w-full !px-6 max-w-max justify-center items-center'>
7145          Shop women
7146          
7147        </button>
7148      </a>
7149    
7150  
7151
7152
7153            
7154            
7155              
7156
7157
7158
7159  
7160    
7161      <a
7162        href='/collections/mens-new-arrivals'
7163        class='hidden md:flex'
7164      >
7165        <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 flex min-w-[150px] w-full !px-6 max-w-max justify-center items-center'>
7166          Shop men
7167          
7168        </button>
7169      </a>
7170    
7171  
7172
7173
7174              
7175
7176
7177
7178  
7179    
7180      <a
7181        href='/collections/mens-new-arrivals'
7182        class='md:hidden flex'
7183      >
7184        <button class='py-[22px] leading-none transition-colors duration-300 whitespace-nowrap px-16 sm:px-28 rounded-full text-tristan-dark bg-tristan-white hover:bg-tristan-earth focus:ring-tristan-dark focus:ring-2 focus:ring-offset-2 disabled:opacity-40 flex min-w-[150px] w-full !px-6 max-w-max justify-center items-center'>
7185          Shop men
7186          
7187        </button>
7188      </a>
7189    
7190  
7191
7192
7193            
7194          </div>
7195        </div>
7196      </div>
7197      <div class='hidden md:block md:basis-1/2'></div>
7198    </div>
7199  </div>
7200</div>
7201
7202
7203<style> #shopify-section-template--20148476739746__hero_4GHhMT .items-center {align-items: flex-start;} #shopify-section-template--20148476739746__hero_4GHhMT .md\:items-center {align-items: flex-end;} #shopify-section-template--20148476739746__hero_4GHhMT button {display: none;} #shopify-section-template--20148476739746__hero_4GHhMT h2 {padding-bottom: 10px;} #shopify-section-template--20148476739746__hero_4GHhMT h2 p {line-height: 1.2;} #shopify-section-template--20148476739746__hero_4GHhMT h6 a {position: relative; display: inline-block; padding: 16px 0px 4px 0; margin-right: 20px; overflow: hidden; font-size: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: 0.5s;} #shopify-section-template--20148476739746__hero_4GHhMT h6 a:hover {border-bottom: 1px solid rgba(255, 255, 255, 1);} @media screen and (max-width: 799px) {#shopify-section-template--20148476739746__hero_4GHhMT .pb-12 {padding-bottom: 0; } #shopify-section-template--20148476739746__hero_4GHhMT .justify-center {justify-content: flex-start; padding-left: 30px; }} </style></div><div id="shopify-section-template--20148476739746__h1_title_GhwWDg" class="shopify-section">
7204
7205
7206
7207
7208  <div
7209    class='container md:pb-8 md:pt-16 pt-8 '
7210  >
7211    <h1 class='h1 pt text-center'>
7212      TRISTAN | Your fashion clothing destination
7213    </h1>
7214  </div>
7215
7216
7217
7218</div><div id="shopify-section-template--20148476739746__collection_with_tabs_3yGjRp" class="shopify-section"><div
7219  data-component='collectionWithTabs'
7220  class='container md:pb-20 md:pt-8 pt-8 pb-8 md:px-[60px]'
7221>
7222  <h2 class='h2 text-center'>Our Favourites</h2>
7223  <div class='flex flex-row items-center justify-center pb-8 pt-5'>
7224    
7225
7226      <button
7227        data-tab-button
7228        data-collection-id='tab_1'
7229        class='border-b border-solid border-b-tristan-black-900 text-sm md:text-base tab-active px-10 pb-3'
7230      >
7231        For her
7232      </button>
7233    
7234
7235      <button
7236        data-tab-button
7237        data-collection-id='tab_2'
7238        class='border-b border-solid border-b-tristan-black-900 text-sm md:text-base  px-10 pb-3'
7239      >
7240        For him
7241      </button>
7242    
7243  </div>
7244
7245  
7246<div class='grid grid-cols-2 gap-4 md:grid-cols-4 md_lg:px-[130px]'><div
7247          data-tab-product
7248          data-product-collection-id='tab_1'
7249          class=''
7250        >
7251          
7252
7253
7254  <div
7255    data-product-card
7256    class='relative h-full'
7257    data-component='productCard'
7258    data-product-card-handle-main='2-buttons-fitted-blazer'
7259    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_BE01_1.jpg?v=1789572500\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_BE01_2.jpg?v=1789572501\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_BE01_3.jpg?v=1789572501\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_GR10_1.jpg?v=1789572501\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_GR10_2.jpg?v=1789572503\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1813Z_GR10_3.jpg?v=1789572504\u0026width=700"]'
7260    data-variants-info='[{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208157346" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208190114" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208222882" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208255650" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208288418" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208321186" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208353954" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208386722" },{ "color": "BE01", "url": "/products/2-buttons-fitted-blazer?variant=47527208419490" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208452258" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208485026" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208517794" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208550562" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208583330" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208616098" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208648866" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208681634" },{ "color": "GR10", "url": "/products/2-buttons-fitted-blazer?variant=47527208714402" }]'
7261  >
7262    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7263      
7264        <a
7265          href='/products/2-buttons-fitted-blazer?variant=47527208157346'
7266          data-product-url
7267          class='object relative aspect-[3/5] w-full '
7268        >
7269      
7270
7271      <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_1.jpg?v=1789572500&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_1.jpg?v=1789572500&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_1.jpg?v=1789572500&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="">
7272      
7273
7274
7275          
7276          
7277        
7278          
7279          
7280
7281        
7282          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_2.jpg?v=1789572501&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_2.jpg?v=1789572501&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1813Z_BE01_2.jpg?v=1789572501&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="">
7283        
7284      
7285      
7286        </a>
7287      
7288
7289        
7290
7291            
7292          
7293            
7294          
7295          
7296          <div
7297            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7298            style='background-color: #966c3f;'
7299          >
7300            New Arrivals
7301            
7302          </div>
7303          
7304      
7305    </div>
7306    <div class='pt-3'>
7307      <div class='items-align flex flex-col justify-start '>
7308          
7309
7310          
7311        
7312
7313        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7314          <a
7315            href='/products/2-buttons-fitted-blazer?variant=47527208157346'
7316          >2 buttons Fitted blazer</a>
7317        </h3>
7318        
7319          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7320            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7321                  
7322$250
7323                </span></div>
7324            
7325          </div>
7326        
7327      </div>
7328      
7329        <div>
7330          
7331            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7332              
7333                <div
7334                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7335                  data-product-card-color='BE01'
7336                >
7337                  <div
7338                    data-variant-url='/products/2-buttons-fitted-blazer?variant=47527208157346'
7339                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7340                    data-color='BE01'
7341                    data-product-card-handle='2-buttons-fitted-blazer'
7342                    style='background-color: var(--color-BE01)'
7343                  ></div>
7344                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7345                    <span class='' data-colors-product-card-tooltip='BE01'>BE01</span>
7346                  </div>
7347                </div>
7348              
7349                <div
7350                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
7351                  data-product-card-color='GR10'
7352                >
7353                  <div
7354                    data-variant-url='/products/2-buttons-fitted-blazer?variant=47527208452258'
7355                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7356                    data-color='GR10'
7357                    data-product-card-handle='2-buttons-fitted-blazer'
7358                    style='background-color: var(--color-GR10)'
7359                  ></div>
7360                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7361                    <span class='' data-colors-product-card-tooltip='GR10'>GR10</span>
7362                  </div>
7363                </div>
7364              
7365              
7366            </div>
7367          
7368        </div>
7369      
7370      
7371    </div>
7372  </div>
7373
7374
7375        </div><div
7376          data-tab-product
7377          data-product-collection-id='tab_1'
7378          class=''
7379        >
7380          
7381
7382
7383  <div
7384    data-product-card
7385    class='relative h-full'
7386    data-component='productCard'
7387    data-product-card-handle-main='high-waist-extra-wide-leg-fluid-pant-1'
7388    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV070C2279Z_GR20_1.jpg?v=1786870402\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV070C2279Z_GR20_2.jpg?v=1786870404\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV070C2279Z_GR20_3.jpg?v=1786870404\u0026width=700"]'
7389    data-variants-info='[{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200522402" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200555170" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200587938" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200620706" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200653474" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200686242" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200719010" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200751778" },{ "color": "GR20", "url": "/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200784546" }]'
7390  >
7391    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7392      
7393        <a
7394          href='/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200522402'
7395          data-product-url
7396          class='object relative aspect-[3/5] w-full '
7397        >
7398      
7399
7400      <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_1.jpg?v=1786870402&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_1.jpg?v=1786870402&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_1.jpg?v=1786870402&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="">
7401      
7402
7403
7404          
7405          
7406        
7407          
7408          
7409
7410        
7411          <img src="//www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_2.jpg?v=1786870404&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_2.jpg?v=1786870404&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2279Z_GR20_2.jpg?v=1786870404&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="">
7412        
7413      
7414      
7415        </a>
7416      
7417
7418        
7419
7420            
7421          
7422            
7423          
7424          
7425          <div
7426            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7427            style='background-color: #966c3f;'
7428          >
7429            New Arrivals
7430            
7431          </div>
7432          
7433      
7434    </div>
7435    <div class='pt-3'>
7436      <div class='items-align flex flex-col justify-start '>
7437          
7438
7439          
7440        
7441
7442        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7443          <a
7444            href='/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200522402'
7445          >High waist extra wide leg fluid pant</a>
7446        </h3>
7447        
7448          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7449            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7450                  
7451$165
7452                </span></div>
7453            
7454          </div>
7455        
7456      </div>
7457      
7458        <div>
7459          
7460            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7461              
7462                <div
7463                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7464                  data-product-card-color='GR20'
7465                >
7466                  <div
7467                    data-variant-url='/products/high-waist-extra-wide-leg-fluid-pant-1?variant=47527200522402'
7468                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7469                    data-color='GR20'
7470                    data-product-card-handle='high-waist-extra-wide-leg-fluid-pant-1'
7471                    style='background-color: var(--color-GR20)'
7472                  ></div>
7473                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7474                    <span class='' data-colors-product-card-tooltip='GR20'>GR20</span>
7475                  </div>
7476                </div>
7477              
7478              
7479            </div>
7480          
7481        </div>
7482      
7483      
7484    </div>
7485  </div>
7486
7487
7488        </div><div
7489          data-tab-product
7490          data-product-collection-id='tab_1'
7491          class=''
7492        >
7493          
7494
7495
7496  <div
7497    data-product-card
7498    class='relative h-full'
7499    data-component='productCard'
7500    data-product-card-handle-main='mock-neck-top-with-lace-at-bottom'
7501    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV020C2954Z_BR20_1.jpg?v=1786870381\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV020C2954Z_BR20_2.jpg?v=1786870382\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV020C2954Z_BR20_3.jpg?v=1786870382\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV020C2954Z_BE01_1.jpg?v=1790241944\u0026width=700"]'
7502    data-variants-info='[{ "color": "BE01", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193051298" },{ "color": "BE01", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193084066" },{ "color": "BE01", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193116834" },{ "color": "BE01", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193149602" },{ "color": "BE01", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193182370" },{ "color": "BR20", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193215138" },{ "color": "BR20", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193247906" },{ "color": "BR20", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193280674" },{ "color": "BR20", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193313442" },{ "color": "BR20", "url": "/products/mock-neck-top-with-lace-at-bottom?variant=47527193346210" }]'
7503  >
7504    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7505      
7506        <a
7507          href='/products/mock-neck-top-with-lace-at-bottom?variant=47527193051298'
7508          data-product-url
7509          class='object relative aspect-[3/5] w-full '
7510        >
7511      
7512
7513      <img src="//www.tristanstyle.com/cdn/shop/files/FV020C2954Z_BE01_1.jpg?v=1790241944&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV020C2954Z_BE01_1.jpg?v=1790241944&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV020C2954Z_BE01_1.jpg?v=1790241944&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="">
7514      
7515
7516
7517          
7518          
7519        
7520          
7521          
7522        
7523          
7524          
7525        
7526          
7527          
7528        
7529        
7530      
7531      
7532        </a>
7533      
7534
7535        
7536
7537            
7538          
7539            
7540          
7541          
7542          <div
7543            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7544            style='background-color: #966c3f;'
7545          >
7546            New Arrivals
7547            
7548          </div>
7549          
7550      
7551    </div>
7552    <div class='pt-3'>
7553      <div class='items-align flex flex-col justify-start '>
7554          
7555
7556          
7557        
7558
7559        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7560          <a
7561            href='/products/mock-neck-top-with-lace-at-bottom?variant=47527193051298'
7562          >Mock neck top with lace at bottom</a>
7563        </h3>
7564        
7565          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7566            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7567                  
7568$75
7569                </span></div>
7570            
7571          </div>
7572        
7573      </div>
7574      
7575        <div>
7576          
7577            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7578              
7579                <div
7580                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7581                  data-product-card-color='BE01'
7582                >
7583                  <div
7584                    data-variant-url='/products/mock-neck-top-with-lace-at-bottom?variant=47527193051298'
7585                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7586                    data-color='BE01'
7587                    data-product-card-handle='mock-neck-top-with-lace-at-bottom'
7588                    style='background-color: var(--color-BE01)'
7589                  ></div>
7590                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7591                    <span class='' data-colors-product-card-tooltip='BE01'>BE01</span>
7592                  </div>
7593                </div>
7594              
7595                <div
7596                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
7597                  data-product-card-color='BR20'
7598                >
7599                  <div
7600                    data-variant-url='/products/mock-neck-top-with-lace-at-bottom?variant=47527193215138'
7601                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7602                    data-color='BR20'
7603                    data-product-card-handle='mock-neck-top-with-lace-at-bottom'
7604                    style='background-color: var(--color-BR20)'
7605                  ></div>
7606                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7607                    <span class='' data-colors-product-card-tooltip='BR20'>BR20</span>
7608                  </div>
7609                </div>
7610              
7611              
7612            </div>
7613          
7614        </div>
7615      
7616      
7617    </div>
7618  </div>
7619
7620
7621        </div><div
7622          data-tab-product
7623          data-product-collection-id='tab_1'
7624          class=''
7625        >
7626          
7627
7628
7629  <div
7630    data-product-card
7631    class='relative h-full'
7632    data-component='productCard'
7633    data-product-card-handle-main='straight-dress-with-voile-sleeves-1'
7634    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2344Z_NO01_1.jpg?v=1786870420\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2344Z_NO01_2.jpg?v=1786870421\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2344Z_NO01_3.jpg?v=1786870422\u0026width=700"]'
7635    data-variants-info='[{ "color": "NO01", "url": "/products/straight-dress-with-voile-sleeves-1?variant=47527206355106" },{ "color": "NO01", "url": "/products/straight-dress-with-voile-sleeves-1?variant=47527206387874" },{ "color": "NO01", "url": "/products/straight-dress-with-voile-sleeves-1?variant=47527206420642" },{ "color": "NO01", "url": "/products/straight-dress-with-voile-sleeves-1?variant=47527206453410" },{ "color": "NO01", "url": "/products/straight-dress-with-voile-sleeves-1?variant=47527206486178" }]'
7636  >
7637    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7638      
7639        <a
7640          href='/products/straight-dress-with-voile-sleeves-1?variant=47527206355106'
7641          data-product-url
7642          class='object relative aspect-[3/5] w-full '
7643        >
7644      
7645
7646      <img src="//www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_1.jpg?v=1786870420&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_1.jpg?v=1786870420&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_1.jpg?v=1786870420&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="">
7647      
7648
7649
7650          
7651          
7652        
7653          
7654          
7655
7656        
7657          <img src="//www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_2.jpg?v=1786870421&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_2.jpg?v=1786870421&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV090C2344Z_NO01_2.jpg?v=1786870421&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="">
7658        
7659      
7660      
7661        </a>
7662      
7663
7664        
7665
7666            
7667          
7668            
7669          
7670          
7671          <div
7672            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7673            style='background-color: #966c3f;'
7674          >
7675            New Arrivals
7676            
7677          </div>
7678          
7679      
7680    </div>
7681    <div class='pt-3'>
7682      <div class='items-align flex flex-col justify-start '>
7683          
7684
7685          
7686        
7687
7688        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7689          <a
7690            href='/products/straight-dress-with-voile-sleeves-1?variant=47527206355106'
7691          >Straight dress with voile sleeves</a>
7692        </h3>
7693        
7694          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7695            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7696                  
7697$150
7698                </span></div>
7699            
7700          </div>
7701        
7702      </div>
7703      
7704        <div>
7705          
7706            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7707              
7708                <div
7709                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7710                  data-product-card-color='NO01'
7711                >
7712                  <div
7713                    data-variant-url='/products/straight-dress-with-voile-sleeves-1?variant=47527206355106'
7714                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7715                    data-color='NO01'
7716                    data-product-card-handle='straight-dress-with-voile-sleeves-1'
7717                    style='background-color: var(--color-NO01)'
7718                  ></div>
7719                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7720                    <span class='' data-colors-product-card-tooltip='NO01'>NO01</span>
7721                  </div>
7722                </div>
7723              
7724              
7725            </div>
7726          
7727        </div>
7728      
7729      
7730    </div>
7731  </div>
7732
7733
7734        </div></div>
7735  
7736<div class='grid grid-cols-2 gap-4 md:grid-cols-4 md_lg:px-[130px]'><div
7737          data-tab-product
7738          data-product-collection-id='tab_2'
7739          class='hidden'
7740        >
7741          
7742
7743
7744  <div
7745    data-product-card
7746    class='relative h-full'
7747    data-component='productCard'
7748    data-product-card-handle-main='comfort-fit-check-jersey-overshirt'
7749    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BR50_1.jpg?v=1787074480\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BR50_2.jpg?v=1787074480\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BR50_3.jpg?v=1787074480\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BL51_1.jpg?v=1788511448\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BL51_2.jpg?v=1788511449\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV010D2916Z_BL51_3.jpg?v=1788511449\u0026width=700"]'
7750    data-variants-info='[{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215497378" },{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215530146" },{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215562914" },{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215595682" },{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215628450" },{ "color": "BL51", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215661218" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215693986" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215726754" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215759522" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215792290" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215825058" },{ "color": "BR50", "url": "/products/comfort-fit-check-jersey-overshirt?variant=47527215857826" }]'
7751  >
7752    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7753      
7754        <a
7755          href='/products/comfort-fit-check-jersey-overshirt?variant=47527215497378'
7756          data-product-url
7757          class='object relative aspect-[3/5] w-full '
7758        >
7759      
7760
7761      <img src="//www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_1.jpg?v=1788511448&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_1.jpg?v=1788511448&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_1.jpg?v=1788511448&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="">
7762      
7763
7764
7765          
7766          
7767        
7768          
7769          
7770        
7771          
7772          
7773        
7774          
7775          
7776        
7777          
7778          
7779
7780        
7781          <img src="//www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_2.jpg?v=1788511449&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_2.jpg?v=1788511449&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2916Z_BL51_2.jpg?v=1788511449&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="">
7782        
7783      
7784      
7785        </a>
7786      
7787
7788        
7789
7790            
7791          
7792            
7793          
7794          
7795          <div
7796            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7797            style='background-color: #966c3f;'
7798          >
7799            New Arrivals
7800            
7801          </div>
7802          
7803      
7804    </div>
7805    <div class='pt-3'>
7806      <div class='items-align flex flex-col justify-start '>
7807          
7808
7809          
7810        
7811
7812        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7813          <a
7814            href='/products/comfort-fit-check-jersey-overshirt?variant=47527215497378'
7815          >Comfort fit check jersey overshirt</a>
7816        </h3>
7817        
7818          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7819            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7820                  
7821$125
7822                </span></div>
7823            
7824          </div>
7825        
7826      </div>
7827      
7828        <div>
7829          
7830            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7831              
7832                <div
7833                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7834                  data-product-card-color='BL51'
7835                >
7836                  <div
7837                    data-variant-url='/products/comfort-fit-check-jersey-overshirt?variant=47527215497378'
7838                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7839                    data-color='BL51'
7840                    data-product-card-handle='comfort-fit-check-jersey-overshirt'
7841                    style='background-color: var(--color-BL51)'
7842                  ></div>
7843                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7844                    <span class='' data-colors-product-card-tooltip='BL51'>BL51</span>
7845                  </div>
7846                </div>
7847              
7848                <div
7849                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
7850                  data-product-card-color='BR50'
7851                >
7852                  <div
7853                    data-variant-url='/products/comfort-fit-check-jersey-overshirt?variant=47527215693986'
7854                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7855                    data-color='BR50'
7856                    data-product-card-handle='comfort-fit-check-jersey-overshirt'
7857                    style='background-color: var(--color-BR50)'
7858                  ></div>
7859                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7860                    <span class='' data-colors-product-card-tooltip='BR50'>BR50</span>
7861                  </div>
7862                </div>
7863              
7864              
7865            </div>
7866          
7867        </div>
7868      
7869      
7870    </div>
7871  </div>
7872
7873
7874        </div><div
7875          data-tab-product
7876          data-product-collection-id='tab_2'
7877          class='hidden'
7878        >
7879          
7880
7881
7882  <div
7883    data-product-card
7884    class='relative h-full'
7885    data-component='productCard'
7886    data-product-card-handle-main='check-fitted-knit-blazer-2'
7887    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_1.jpg?v=1787074546\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_2.jpg?v=1787074548\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_3.jpg?v=1787074549\u0026width=700"]'
7888    data-variants-info='[{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229391010" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229423778" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229456546" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229489314" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229522082" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229554850" }]'
7889  >
7890    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
7891      
7892        <a
7893          href='/products/check-fitted-knit-blazer-2?variant=47527229391010'
7894          data-product-url
7895          class='object relative aspect-[3/5] w-full '
7896        >
7897      
7898
7899      <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=700" 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=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
7900      
7901
7902
7903          
7904          
7905        
7906          
7907          
7908
7909        
7910          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&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="">
7911        
7912      
7913      
7914        </a>
7915      
7916
7917        
7918
7919            
7920          
7921            
7922          
7923          
7924          <div
7925            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
7926            style='background-color: #966c3f;'
7927          >
7928            New Arrivals
7929            
7930          </div>
7931          
7932      
7933    </div>
7934    <div class='pt-3'>
7935      <div class='items-align flex flex-col justify-start '>
7936          
7937
7938          
7939        
7940
7941        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
7942          <a
7943            href='/products/check-fitted-knit-blazer-2?variant=47527229391010'
7944          >Check Fitted knit blazer</a>
7945        </h3>
7946        
7947          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
7948            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
7949                  
7950$325
7951                </span></div>
7952            
7953          </div>
7954        
7955      </div>
7956      
7957        <div>
7958          
7959            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
7960              
7961                <div
7962                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
7963                  data-product-card-color='BL51'
7964                >
7965                  <div
7966                    data-variant-url='/products/check-fitted-knit-blazer-2?variant=47527229391010'
7967                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
7968                    data-color='BL51'
7969                    data-product-card-handle='check-fitted-knit-blazer-2'
7970                    style='background-color: var(--color-BL51)'
7971                  ></div>
7972                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
7973                    <span class='' data-colors-product-card-tooltip='BL51'>BL51</span>
7974                  </div>
7975                </div>
7976              
7977              
7978            </div>
7979          
7980        </div>
7981      
7982      
7983    </div>
7984  </div>
7985
7986
7987        </div><div
7988          data-tab-product
7989          data-product-collection-id='tab_2'
7990          class='hidden'
7991        >
7992          
7993
7994
7995  <div
7996    data-product-card
7997    class='relative h-full'
7998    data-component='productCard'
7999    data-product-card-handle-main='textured-half-zip-mockneck'
8000    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BR20_1.jpg?v=1787074494\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BR20_2.jpg?v=1787074494\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BR20_3.jpg?v=1787074495\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BE01_1.jpg?v=1788511468\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BE01_2.jpg?v=1788511469\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV020D1718Z_BE01_3.jpg?v=1788511472\u0026width=700"]'
8001    data-variants-info='[{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218675874" },{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218708642" },{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218741410" },{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218774178" },{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218806946" },{ "color": "BE01", "url": "/products/textured-half-zip-mockneck?variant=47527218839714" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527218872482" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527218905250" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527218938018" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527218970786" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527219003554" },{ "color": "BR20", "url": "/products/textured-half-zip-mockneck?variant=47527219036322" }]'
8002  >
8003    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8004      
8005        <a
8006          href='/products/textured-half-zip-mockneck?variant=47527218675874'
8007          data-product-url
8008          class='object relative aspect-[3/5] w-full '
8009        >
8010      
8011
8012      <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_1.jpg?v=1788511468&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_1.jpg?v=1788511468&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_1.jpg?v=1788511468&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="">
8013      
8014
8015
8016          
8017          
8018        
8019          
8020          
8021        
8022          
8023          
8024        
8025          
8026          
8027        
8028          
8029          
8030
8031        
8032          <img src="//www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_2.jpg?v=1788511469&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_2.jpg?v=1788511469&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1718Z_BE01_2.jpg?v=1788511469&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="">
8033        
8034      
8035      
8036        </a>
8037      
8038
8039        
8040
8041            
8042          
8043            
8044          
8045          
8046          <div
8047            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8048            style='background-color: #966c3f;'
8049          >
8050            New Arrivals
8051            
8052          </div>
8053          
8054      
8055    </div>
8056    <div class='pt-3'>
8057      <div class='items-align flex flex-col justify-start '>
8058          
8059
8060          
8061        
8062
8063        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8064          <a
8065            href='/products/textured-half-zip-mockneck?variant=47527218675874'
8066          >Textured half zip mockneck</a>
8067        </h3>
8068        
8069          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8070            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8071                  
8072$110
8073                </span></div>
8074            
8075          </div>
8076        
8077      </div>
8078      
8079        <div>
8080          
8081            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8082              
8083                <div
8084                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8085                  data-product-card-color='BE01'
8086                >
8087                  <div
8088                    data-variant-url='/products/textured-half-zip-mockneck?variant=47527218675874'
8089                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8090                    data-color='BE01'
8091                    data-product-card-handle='textured-half-zip-mockneck'
8092                    style='background-color: var(--color-BE01)'
8093                  ></div>
8094                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8095                    <span class='' data-colors-product-card-tooltip='BE01'>BE01</span>
8096                  </div>
8097                </div>
8098              
8099                <div
8100                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
8101                  data-product-card-color='BR20'
8102                >
8103                  <div
8104                    data-variant-url='/products/textured-half-zip-mockneck?variant=47527218872482'
8105                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8106                    data-color='BR20'
8107                    data-product-card-handle='textured-half-zip-mockneck'
8108                    style='background-color: var(--color-BR20)'
8109                  ></div>
8110                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8111                    <span class='' data-colors-product-card-tooltip='BR20'>BR20</span>
8112                  </div>
8113                </div>
8114              
8115              
8116            </div>
8117          
8118        </div>
8119      
8120      
8121    </div>
8122  </div>
8123
8124
8125        </div><div
8126          data-tab-product
8127          data-product-collection-id='tab_2'
8128          class='hidden'
8129        >
8130          
8131
8132
8133  <div
8134    data-product-card
8135    class='relative h-full'
8136    data-component='productCard'
8137    data-product-card-handle-main='urban-fit-pin-stripe-pant'
8138    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1385Z_BL51_1.jpg?v=1787074524\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1385Z_BL51_2.jpg?v=1787074526\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV070D1385Z_BL51_3.jpg?v=1787074526\u0026width=700"]'
8139    data-variants-info='[{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225229474" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225262242" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225295010" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225327778" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225360546" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225393314" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225426082" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225458850" },{ "color": "BL51", "url": "/products/urban-fit-pin-stripe-pant?variant=47527225491618" }]'
8140  >
8141    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8142      
8143        <a
8144          href='/products/urban-fit-pin-stripe-pant?variant=47527225229474'
8145          data-product-url
8146          class='object relative aspect-[3/5] w-full '
8147        >
8148      
8149
8150      <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_1.jpg?v=1787074524&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_1.jpg?v=1787074524&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_1.jpg?v=1787074524&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="">
8151      
8152
8153
8154          
8155          
8156        
8157          
8158          
8159
8160        
8161          <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_2.jpg?v=1787074526&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_2.jpg?v=1787074526&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1385Z_BL51_2.jpg?v=1787074526&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="">
8162        
8163      
8164      
8165        </a>
8166      
8167
8168        
8169
8170            
8171          
8172            
8173          
8174          
8175          <div
8176            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8177            style='background-color: #966c3f;'
8178          >
8179            New Arrivals
8180            
8181          </div>
8182          
8183      
8184    </div>
8185    <div class='pt-3'>
8186      <div class='items-align flex flex-col justify-start '>
8187          
8188
8189          
8190        
8191
8192        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8193          <a
8194            href='/products/urban-fit-pin-stripe-pant?variant=47527225229474'
8195          >Urban fit pin stripe pant</a>
8196        </h3>
8197        
8198          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8199            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8200                  
8201$175
8202                </span></div>
8203            
8204          </div>
8205        
8206      </div>
8207      
8208        <div>
8209          
8210            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8211              
8212                <div
8213                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8214                  data-product-card-color='BL51'
8215                >
8216                  <div
8217                    data-variant-url='/products/urban-fit-pin-stripe-pant?variant=47527225229474'
8218                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8219                    data-color='BL51'
8220                    data-product-card-handle='urban-fit-pin-stripe-pant'
8221                    style='background-color: var(--color-BL51)'
8222                  ></div>
8223                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8224                    <span class='' data-colors-product-card-tooltip='BL51'>BL51</span>
8225                  </div>
8226                </div>
8227              
8228              
8229            </div>
8230          
8231        </div>
8232      
8233      
8234    </div>
8235  </div>
8236
8237
8238        </div></div>
8239  
8240  
8241<div
8242      data-tab-collection-button
8243      data-button-collection-id='tab_1'
8244      class='flex flex-row items-center justify-center pt-8 '
8245    >
8246
8247
8248
8249  
8250    
8251      <a
8252        href='/collections/women'
8253        class=''
8254      >
8255        <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 '>
8256          For her
8257          
8258        </button>
8259      </a>
8260    
8261  
8262
8263
8264    </div>
8265  
8266<div
8267      data-tab-collection-button
8268      data-button-collection-id='tab_2'
8269      class='flex flex-row items-center justify-center pt-8 hidden'
8270    >
8271
8272
8273
8274  
8275    
8276      <a
8277        href='/collections/men-clothing'
8278        class=''
8279      >
8280        <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 '>
8281          For him
8282          
8283        </button>
8284      </a>
8285    
8286  
8287
8288
8289    </div>
8290  
8291</div>
8292
8293
8294</div><div id="shopify-section-template--20148476739746__two_images_text_GTxptD" class="shopify-section"><div class='container md:pb-0 md:pt-0   px-4 md_lg:px-12'>
8295  <div class='flex flex-col gap-4 md:flex-row'>
8296    
8297
8298        <a
8299          href='/collections/womens-new-arrivals'
8300          class='aspect-square h-[393px] w-full md_lg:h-[643px]  md:w-1/2 relative aspect-portrait'
8301        >
8302      
8303
8304
8305
8306
8307
8308<div
8309    class='relative w-full h-full object-cover xl:object-top '
8310    data-component='media'
8311    
8312    data-pswp-width='6520'
8313    data-pswp-height='8700'
8314    href='//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_Femme.jpg?v=1787681459&width=2000'
8315  >
8316    
8317        
8318          <img src="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_mobile_Femme.jpg?v=1787681739" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_mobile_Femme.jpg?v=1787681739&amp;width=328 328w" width="328" height="800" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-top">
8319        
8320
8321        
8322          <img src="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_Femme.jpg?v=1787681459" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_Femme.jpg?v=1787681459&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_Femme.jpg?v=1787681459&amp;width=652 652w" width="652" height="870" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-top">
8323        
8324    
8325  </div >
8326
8327<div class='absolute bottom-16 w-full text-tristan-white md:bottom-32'>
8328        <div class='m-auto flex max-w-[290px] flex-col items-center justify-center px-4 md:max-w-[400px]'>
8329          <h2 class='h2' style="text-align:center">NEW SEASON</h2>
8330          <div class='text-content subline-1 pt-7 text-center md:pt-5'><p>SHOP WOMEN</p></div>
8331        </div>
8332      </div>
8333      
8334        </a>
8335      
8336    
8337
8338        <a
8339          href='/collections/mens-new-arrivals'
8340          class='aspect-square h-[393px] w-full md_lg:h-[643px]  md:w-1/2 relative aspect-portrait'
8341        >
8342      
8343
8344
8345
8346
8347
8348<div
8349    class='relative w-full h-full object-cover xl:object-top '
8350    data-component='media'
8351    
8352    data-pswp-width='6520'
8353    data-pswp-height='8700'
8354    href='//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_hommero17-2.jpg?v=1787681524&width=2000'
8355  >
8356    
8357        
8358          <img src="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_mobile_Hommero17-2.jpg?v=1787681838" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_mobile_Hommero17-2.jpg?v=1787681838&amp;width=328 328w" width="328" height="800" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-top">
8359        
8360
8361        
8362          <img src="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_hommero17-2.jpg?v=1787681524" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_hommero17-2.jpg?v=1787681524&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/Bloc_HP_Desktop_hommero17-2.jpg?v=1787681524&amp;
8362width=652 652w" width="652" height="870" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-top">
8363        
8364    
8365  </div >
8366
8367<div class='absolute bottom-16 w-full text-tristan-white md:bottom-32'>
8368        <div class='m-auto flex max-w-[290px] flex-col items-center justify-center px-4 md:max-w-[400px]'>
8369          <h2 class='h2' style="text-align:center">JUST IN</h2>
8370          <div class='text-content subline-1 pt-7 text-center md:pt-5'><p>SHOP MEN</p></div>
8371        </div>
8372      </div>
8373      
8374        </a>
8375      
8376    
8377  </div>
8378</div>
8379
8380
8381<style> #shopify-section-template--20148476739746__two_images_text_GTxptD h2 {color: white;} #shopify-section-template--20148476739746__two_images_text_GTxptD p {color: white;} </style></div><div id="shopify-section-template--20148476739746__collection_with_tabs_ccgxCq" class="shopify-section"><div
8382  data-component='collectionWithTabs'
8383  class='container md:pb-20 md:pt-20 pt-8 pb-8 md:px-[60px]'
8384>
8385  <h2 class='h2 text-center'>New arrivals</h2>
8386  <div class='flex flex-row items-center justify-center pb-8 pt-5'>
8387    
8388
8389      <button
8390        data-tab-button
8391        data-collection-id='tab_1'
8392        class='border-b border-solid border-b-tristan-black-900 text-sm md:text-base tab-active px-10 pb-3'
8393      >
8394        For her
8395      </button>
8396    
8397
8398      <button
8399        data-tab-button
8400        data-collection-id='tab_2'
8401        class='border-b border-solid border-b-tristan-black-900 text-sm md:text-base  px-10 pb-3'
8402      >
8403        For him
8404      </button>
8405    
8406  </div>
8407
8408  
8409<div class='grid grid-cols-2 gap-4 md:grid-cols-4 md_lg:px-[130px]'><div
8410          data-tab-product
8411          data-product-collection-id='tab_1'
8412          class=''
8413        >
8414          
8415
8416
8417  <div
8418    data-product-card
8419    class='relative h-full'
8420    data-component='productCard'
8421    data-product-card-handle-main='maxi-herringbone-dress'
8422    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2342Z_GR50_1.jpg?v=1786870419\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2342Z_GR50_2.jpg?v=1786870420\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV090C2342Z_GR50_3.jpg?v=1786870421\u0026width=700"]'
8423    data-variants-info='[{ "color": "GR50", "url": "/products/maxi-herringbone-dress?variant=47527206158498" },{ "color": "GR50", "url": "/products/maxi-herringbone-dress?variant=47527206191266" },{ "color": "GR50", "url": "/products/maxi-herringbone-dress?variant=47527206224034" },{ "color": "GR50", "url": "/products/maxi-herringbone-dress?variant=47527206256802" },{ "color": "GR50", "url": "/products/maxi-herringbone-dress?variant=47527206289570" }]'
8424  >
8425    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8426      
8427        <a
8428          href='/products/maxi-herringbone-dress?variant=47527206158498'
8429          data-product-url
8430          class='object relative aspect-[3/5] w-full '
8431        >
8432      
8433
8434      <img src="//www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_1.jpg?v=1786870419&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_1.jpg?v=1786870419&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_1.jpg?v=1786870419&amp;width=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
8435      
8436
8437
8438          
8439          
8440        
8441          
8442          
8443
8444        
8445          <img src="//www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_2.jpg?v=1786870420&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_2.jpg?v=1786870420&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV090C2342Z_GR50_2.jpg?v=1786870420&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
8446        
8447      
8448      
8449        </a>
8450      
8451
8452        
8453
8454            
8455          
8456            
8457          
8458          
8459          <div
8460            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8461            style='background-color: #966c3f;'
8462          >
8463            New Arrivals
8464            
8465          </div>
8466          
8467      
8468    </div>
8469    <div class='pt-3'>
8470      <div class='items-align flex flex-col justify-start '>
8471          
8472
8473          
8474        
8475
8476        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8477          <a
8478            href='/products/maxi-herringbone-dress?variant=47527206158498'
8479          >Maxi mock neck sleevless dress in herringbone</a>
8480        </h3>
8481        
8482          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8483            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8484                  
8485$165
8486                </span></div>
8487            
8488          </div>
8489        
8490      </div>
8491      
8492        <div>
8493          
8494            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8495              
8496                <div
8497                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8498                  data-product-card-color='GR50'
8499                >
8500                  <div
8501                    data-variant-url='/products/maxi-herringbone-dress?variant=47527206158498'
8502                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8503                    data-color='GR50'
8504                    data-product-card-handle='maxi-herringbone-dress'
8505                    style='background-color: var(--color-GR50)'
8506                  ></div>
8507                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8508                    <span class='' data-colors-product-card-tooltip='GR50'>GR50</span>
8509                  </div>
8510                </div>
8511              
8512              
8513            </div>
8514          
8515        </div>
8516      
8517      
8518    </div>
8519  </div>
8520
8521
8522        </div><div
8523          data-tab-product
8524          data-product-collection-id='tab_1'
8525          class=''
8526        >
8527          
8528
8529
8530  <div
8531    data-product-card
8532    class='relative h-full'
8533    data-component='productCard'
8534    data-product-card-handle-main='herringbone-fitted-blazer'
8535    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1827Z_NO50_1.jpg?v=1786870427\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1827Z_NO50_2.jpg?v=1786870428\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV110C1827Z_NO50_3.jpg?v=1786870428\u0026width=700"]'
8536    data-variants-info='[{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211008162" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211040930" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211073698" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211106466" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211139234" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211172002" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211204770" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211237538" },{ "color": "NO50", "url": "/products/herringbone-fitted-blazer?variant=47527211270306" }]'
8537  >
8538    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8539      
8540        <a
8541          href='/products/herringbone-fitted-blazer?variant=47527211008162'
8542          data-product-url
8543          class='object relative aspect-[3/5] w-full '
8544        >
8545      
8546
8547      <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_1.jpg?v=1786870427&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_1.jpg?v=1786870427&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_1.jpg?v=1786870427&amp;width=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
8548      
8549
8550
8551          
8552          
8553        
8554          
8555          
8556
8557        
8558          <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_2.jpg?v=1786870428&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_2.jpg?v=1786870428&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1827Z_NO50_2.jpg?v=1786870428&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
8559        
8560      
8561      
8562        </a>
8563      
8564
8565        
8566
8567            
8568          
8569            
8570          
8571          
8572          <div
8573            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8574            style='background-color: #966c3f;'
8575          >
8576            New Arrivals
8577            
8578          </div>
8579          
8580      
8581    </div>
8582    <div class='pt-3'>
8583      <div class='items-align flex flex-col justify-start '>
8584          
8585
8586          
8587        
8588
8589        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8590          <a
8591            href='/products/herringbone-fitted-blazer?variant=47527211008162'
8592          >Herringbone fitted blazer</a>
8593        </h3>
8594        
8595          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8596            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8597                  
8598$225
8599                </span></div>
8600            
8601          </div>
8602        
8603      </div>
8604      
8605        <div>
8606          
8607            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8608              
8609                <div
8610                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8611                  data-product-card-color='NO50'
8612                >
8613                  <div
8614                    data-variant-url='/products/herringbone-fitted-blazer?variant=47527211008162'
8615                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8616                    data-color='NO50'
8617                    data-product-card-handle='herringbone-fitted-blazer'
8618                    style='background-color: var(--color-NO50)'
8619                  ></div>
8620                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8621                    <span class='' data-colors-product-card-tooltip='NO50'>NO50</span>
8622                  </div>
8623                </div>
8624              
8625              
8626            </div>
8627          
8628        </div>
8629      
8630      
8631    </div>
8632  </div>
8633
8634
8635        </div><div
8636          data-tab-product
8637          data-product-collection-id='tab_1'
8638          class=''
8639        >
8640          
8641
8642
8643  <div
8644    data-product-card
8645    class='relative h-full'
8646    data-component='productCard'
8647    data-product-card-handle-main='high-waist-bootcut-jean-2'
8648    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0664Z_BL20_1.jpg?v=1786870400\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0664Z_BL20_2.jpg?v=1786870401\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV060C0664Z_BL20_3.jpg?v=1786870402\u0026width=700"]'
8649    data-variants-info='[{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198720162" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198752930" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198785698" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198818466" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198851234" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198884002" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198916770" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198949538" },{ "color": "BL20", "url": "/products/high-waist-bootcut-jean-2?variant=47527198982306" }]'
8650  >
8651    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8652      
8653        <a
8654          href='/products/high-waist-bootcut-jean-2?variant=47527198720162'
8655          data-product-url
8656          class='object relative aspect-[3/5] w-full '
8657        >
8658      
8659
8660      <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_1.jpg?v=1786870400&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_1.jpg?v=1786870400&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_1.jpg?v=1786870400&amp;width=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
8661      
8662
8663
8664          
8665          
8666        
8667          
8668          
8669
8670        
8671          <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_2.jpg?v=1786870401&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_2.jpg?v=1786870401&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0664Z_BL20_2.jpg?v=1786870401&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
8672        
8673      
8674      
8675        </a>
8676      
8677
8678        
8679
8680            
8681          
8682            
8683          
8684          
8685          <div
8686            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8687            style='background-color: #966c3f;'
8688          >
8689            New Arrivals
8690            
8691          </div>
8692          
8693      
8694    </div>
8695    <div class='pt-3'>
8696      <div class='items-align flex flex-col justify-start '>
8697          
8698
8699          
8700        
8701
8702        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8703          <a
8704            href='/products/high-waist-bootcut-jean-2?variant=47527198720162'
8705          >High waist bootcut jean</a>
8706        </h3>
8707        
8708          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8709            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8710                  
8711$115
8712                </span></div>
8713            
8714          </div>
8715        
8716      </div>
8717      
8718        <div>
8719          
8720            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8721              
8722                <div
8723                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8724                  data-product-card-color='BL20'
8725                >
8726                  <div
8727                    data-variant-url='/products/high-waist-bootcut-jean-2?variant=47527198720162'
8728                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8729                    data-color='BL20'
8730                    data-product-card-handle='high-waist-bootcut-jean-2'
8731                    style='background-color: var(--color-BL20)'
8732                  ></div>
8733                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8734                    <span class='' data-colors-product-card-tooltip='BL20'>BL20</span>
8735                  </div>
8736                </div>
8737              
8738              
8739            </div>
8740          
8741        </div>
8742      
8743      
8744    </div>
8745  </div>
8746
8747
8748        </div><div
8749          data-tab-product
8750          data-product-collection-id='tab_1'
8751          class=''
8752        >
8753          
8754
8755
8756  <div
8757    data-product-card
8758    class='relative h-full'
8759    data-component='productCard'
8760    data-product-card-handle-main='fitted-high-neck-shirt'
8761    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV010C3347Z_BC01_1.jpg?v=1786870370\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV010C3347Z_BC01_2.jpg?v=1786870371\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/FV010C3347Z_BC01_3.jpg?v=1786870372\u0026width=700"]'
8762    data-variants-info='[{ "color": "BC01", "url": "/products/fitted-high-neck-shirt?variant=47527189053602" },{ "color": "BC01", "url": "/products/fitted-high-neck-shirt?variant=47527189086370" },{ "color": "BC01", "url": "/products/fitted-high-neck-shirt?variant=47527189119138" },{ "color": "BC01", "url": "/products/fitted-high-neck-shirt?variant=47527189151906" },{ "color": "BC01", "url": "/products/fitted-high-neck-shirt?variant=47527189184674" }]'
8763  >
8764    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8765      
8766        <a
8767          href='/products/fitted-high-neck-shirt?variant=47527189053602'
8768          data-product-url
8769          class='object relative aspect-[3/5] w-full '
8770        >
8771      
8772
8773      <img src="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&amp;width=700" 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=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
8774      
8775
8776
8777          
8778          
8779        
8780          
8781          
8782
8783        
8784          <img src="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_2.jpg?v=1786870371&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_2.jpg?v=1786870371&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_2.jpg?v=1786870371&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
8785        
8786      
8787      
8788        </a>
8789      
8790
8791        
8792
8793            
8794          
8795            
8796          
8797          
8798          <div
8799            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8800            style='background-color: #966c3f;'
8801          >
8802            New Arrivals
8803            
8804          </div>
8805          
8806      
8807    </div>
8808    <div class='pt-3'>
8809      <div class='items-align flex flex-col justify-start '>
8810          
8811
8812          
8813        
8814
8815        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8816          <a
8817            href='/products/fitted-high-neck-shirt?variant=47527189053602'
8818          >fitted high neck shirt</a>
8819        </h3>
8820        
8821          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8822            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8823                  
8824$110
8825                </span></div>
8826            
8827          </div>
8828        
8829      </div>
8830      
8831        <div>
8832          
8833            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8834              
8835                <div
8836                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8837                  data-product-card-color='BC01'
8838                >
8839                  <div
8840                    data-variant-url='/products/fitted-high-neck-shirt?variant=47527189053602'
8841                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8842                    data-color='BC01'
8843                    data-product-card-handle='fitted-high-neck-shirt'
8844                    style='background-color: var(--color-BC01)'
8845                  ></div>
8846                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8847                    <span class='' data-colors-product-card-tooltip='BC01'>BC01</span>
8848                  </div>
8849                </div>
8850              
8851              
8852            </div>
8853          
8854        </div>
8855      
8856      
8857    </div>
8858  </div>
8859
8860
8861        </div></div>
8862  
8863<div class='grid grid-cols-2 gap-4 md:grid-cols-4 md_lg:px-[130px]'><div
8864          data-tab-product
8865          data-product-collection-id='tab_2'
8866          class='hidden'
8867        >
8868          
8869
8870
8871  <div
8872    data-product-card
8873    class='relative h-full'
8874    data-component='productCard'
8875    data-product-card-handle-main='fitted-blazer-12'
8876    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1061Z_GR20_1.jpg?v=1787074545\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1061Z_GR20_2.jpg?v=1787074546\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1061Z_GR20_3.jpg?v=1787074546\u0026width=700"]'
8877    data-variants-info='[{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229063330" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229096098" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229128866" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229161634" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229194402" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229227170" },{ "color": "GR20", "url": "/products/fitted-blazer-12?variant=47527229259938" }]'
8878  >
8879    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8880      
8881        <a
8882          href='/products/fitted-blazer-12?variant=47527229063330'
8883          data-product-url
8884          class='object relative aspect-[3/5] w-full '
8885        >
8886      
8887
8888      <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_1.jpg?v=1787074545&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_1.jpg?v=1787074545&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_1.jpg?v=1787074545&amp;width=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
8889      
8890
8891
8892          
8893          
8894        
8895          
8896          
8897
8898        
8899          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_2.jpg?v=1787074546&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_2.jpg?v=1787074546&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1061Z_GR20_2.jpg?v=1787074546&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
8900        
8901      
8902      
8903        </a>
8904      
8905
8906        
8907
8908            
8909          
8910            
8911          
8912          
8913          <div
8914            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
8915            style='background-color: #966c3f;'
8916          >
8917            New Arrivals
8918            
8919          </div>
8920          
8921      
8922    </div>
8923    <div class='pt-3'>
8924      <div class='items-align flex flex-col justify-start '>
8925          
8926
8927          
8928        
8929
8930        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
8931          <a
8932            href='/products/fitted-blazer-12?variant=47527229063330'
8933          >Extra-fitted blazer</a>
8934        </h3>
8935        
8936          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
8937            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
8938                  
8939$295
8940                </span></div>
8941            
8942          </div>
8943        
8944      </div>
8945      
8946        <div>
8947          
8948            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
8949              
8950                <div
8951                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
8952                  data-product-card-color='GR20'
8953                >
8954                  <div
8955                    data-variant-url='/products/fitted-blazer-12?variant=47527229063330'
8956                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
8957                    data-color='GR20'
8958                    data-product-card-handle='fitted-blazer-12'
8959                    style='background-color: var(--color-GR20)'
8960                  ></div>
8961                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
8962                    <span class='' data-colors-product-card-tooltip='GR20'>GR20</span>
8963                  </div>
8964                </div>
8965              
8966              
8967            </div>
8968          
8969        </div>
8970      
8971      
8972    </div>
8973  </div>
8974
8975
8976        </div><div
8977          data-tab-product
8978          data-product-collection-id='tab_2'
8979          class='hidden'
8980        >
8981          
8982
8983
8984  <div
8985    data-product-card
8986    class='relative h-full'
8987    data-component='productCard'
8988    data-product-card-handle-main='boiled-wool-overshirt'
8989    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_BL40_1.jpg?v=1787074553\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_BL40_2.jpg?v=1787074554\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_BL40_3.jpg?v=1787074553\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_GR42_1.jpg?v=1788511539\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_GR42_2.jpg?v=1788511541\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV120D0451Z_GR42_3.jpg?v=1788511541\u0026width=700"]'
8990    data-variants-info='[{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230079138" },{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230111906" },{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230144674" },{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230177442" },{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230210210" },{ "color": "BL40", "url": "/products/boiled-wool-overshirt?variant=47527230242978" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230275746" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230308514" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230341282" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230374050" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230406818" },{ "color": "GR42", "url": "/products/boiled-wool-overshirt?variant=47527230439586" }]'
8991  >
8992    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
8993      
8994        <a
8995          href='/products/boiled-wool-overshirt?variant=47527230079138'
8996          data-product-url
8997          class='object relative aspect-[3/5] w-full '
8998        >
8999      
9000
9001      <img src="//www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_1.jpg?v=1787074553&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_1.jpg?v=1787074553&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_1.jpg?v=1787074553&amp;width=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
9002      
9003
9004
9005          
9006          
9007        
9008          
9009          
9010
9011        
9012          <img src="//www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_2.jpg?v=1787074554&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_2.jpg?v=1787074554&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0451Z_BL40_2.jpg?v=1787074554&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
9013        
9014      
9015      
9016        </a>
9017      
9018
9019        
9020
9021            
9022          
9023            
9024          
9025          
9026          <div
9027            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
9028            style='background-color: #966c3f;'
9029          >
9030            New Arrivals
9031            
9032          </div>
9033          
9034      
9035    </div>
9036    <div class='pt-3'>
9037      <div class='items-align flex flex-col justify-start '>
9038          
9039
9040          
9041        
9042
9043        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
9044          <a
9045            href='/products/boiled-wool-overshirt?variant=47527230079138'
9046          >Boiled wool overshirt</a>
9047        </h3>
9048        
9049          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
9050            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
9051                  
9052$250
9053                </span></div>
9054            
9055          </div>
9056        
9057      </div>
9058      
9059        <div>
9060          
9061            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
9062              
9063                <div
9064                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
9065                  data-product-card-color='BL40'
9066                >
9067                  <div
9068                    data-variant-url='/products/boiled-wool-overshirt?variant=47527230079138'
9069                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9070                    data-color='BL40'
9071                    data-product-card-handle='boiled-wool-overshirt'
9072                    style='background-color: var(--color-BL40)'
9073                  ></div>
9074                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9075                    <span class='' data-colors-product-card-tooltip='BL40'>BL40</span>
9076                  </div>
9077                </div>
9078              
9079                <div
9080                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
9081                  data-product-card-color='GR42'
9082                >
9083                  <div
9084                    data-variant-url='/products/boiled-wool-overshirt?variant=47527230275746'
9085                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9086                    data-color='GR42'
9087                    data-product-card-handle='boiled-wool-overshirt'
9088                    style='background-color: var(--color-GR42)'
9089                  ></div>
9090                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9091                    <span class='' data-colors-product-card-tooltip='GR42'>GR42</span>
9092                  </div>
9093                </div>
9094              
9095              
9096            </div>
9097          
9098        </div>
9099      
9100      
9101    </div>
9102  </div>
9103
9104
9105        </div><div
9106          data-tab-product
9107          data-product-collection-id='tab_2'
9108          class='hidden'
9109        >
9110          
9111
9112
9113  <div
9114    data-product-card
9115    class='relative h-full'
9116    data-component='productCard'
9117    data-product-card-handle-main='check-fitted-knit-blazer-2'
9118    data-variants-images='["\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_1.jpg?v=1787074546\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_2.jpg?v=1787074548\u0026width=700","\/\/www.tristanstyle.com\/cdn\/shop\/files\/HV110D1070Z_BL51_3.jpg?v=1787074549\u0026width=700"]'
9119    data-variants-info='[{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229391010" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229423778" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229456546" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229489314" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229522082" },{ "color": "BL51", "url": "/products/check-fitted-knit-blazer-2?variant=47527229554850" }]'
9120  >
9121    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
9122      
9123        <a
9124          href='/products/check-fitted-knit-blazer-2?variant=47527229391010'
9125          data-product-url
9126          class='object relative aspect-[3/5] w-full '
9127        >
9128      
9129
9130      <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&amp;width=700" 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=700 700w" width="700" height="1050" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
9131      
9132
9133
9134          
9135          
9136        
9137          
9138          
9139
9140        
9141          <img src="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&amp;width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_2.jpg?v=1787074548&amp;width=700 700w" width="700" height="1050" loading="lazy" 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="">
9142        
9143      
9144      
9145        </a>
9146      
9147
9148        
9149
9150            
9151          
9152            
9153          
9154          
9155          <div
9156            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
9157            style='background-color: #966c3f;'
9158          >
9159            New Arrivals
9160            
9161          </div>
9162          
9163      
9164    </div>
9165    <div class='pt-3'>
9166      <div class='items-align flex flex-col justify-start '>
9167          
9168
9169          
9170        
9171
9172        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
9173          <a
9174            href='/products/check-fitted-knit-blazer-2?variant=47527229391010'
9175          >Check Fitted knit blazer</a>
9176        </h3>
9177        
9178          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
9179            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
9180                  
9181$325
9182                </span></div>
9183            
9184          </div>
9185        
9186      </div>
9187      
9188        <div>
9189          
9190            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
9191              
9192                <div
9193                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
9194                  data-product-card-color='BL51'
9195                >
9196                  <div
9197                    data-variant-url='/products/check-fitted-knit-blazer-2?variant=47527229391010'
9198                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9199                    data-color='BL51'
9200                    data-product-card-handle='check-fitted-knit-blazer-2'
9201                    style='background-color: var(--color-BL51)'
9202                  ></div>
9203                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9204                    <span class='' data-colors-product-card-tooltip='BL51'>BL51</span>
9205                  </div>
9206                </div>
9207              
9208              
9209            </div>
9210          
9211        </div>
9212      
9213      
9214    </div>
9215  </div>
9216
9217
9218        </div><div
9219          data-tab-product
9220          data-product-collection-id='tab_2'
9221          class='hidden'
9222        >
9223          
9224
9225
9226  <div
9227    data-product-card
9228    class='relative h-full'
9229    data-component='productCard'
9230    data-product-card-handle-main='merino-wool-v-neck-sweater-5'
9231    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"]'
9232    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
923210" },{ "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" }]'
9233  >
9234    <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '>
9235      
9236        <a
9237          href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
9238          data-product-url
9239          class='object relative aspect-[3/5] w-full '
9240        >
9241      
9242
9243      <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" loading="lazy" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image="">
9244      
9245
9246
9247          
9248          
9249        
9250          
9251          
9252
9253        
9254          <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" loading="lazy" 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="">
9255        
9256      
9257      
9258        </a>
9259      
9260
9261        
9262
9263            
9264          
9265            
9266          
9267          
9268          <div
9269            class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block'
9270            style='background-color: #966c3f;'
9271          >
9272            New Arrivals
9273            
9274          </div>
9275          
9276      
9277    </div>
9278    <div class='pt-3'>
9279      <div class='items-align flex flex-col justify-start '>
9280          
9281
9282          
9283        
9284
9285        <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base '>
9286          <a
9287            href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
9288          >Merino wool V-neck sweater</a>
9289        </h3>
9290        
9291          <div class='flex min-w-fit flex-row items-center justify-between gap-2 font-medium leading-none'>
9292            <div class='flex flex-row items-start justify-start gap-2'><span class=''>
9293                  
9294$139
9295                </span></div>
9296            
9297          </div>
9298        
9299      </div>
9300      
9301        <div>
9302          
9303            <div class='mt-4 flex flex-row flex-wrap items-center gap-2 opacity-0' data-colors-product-card>
9304              
9305                <div
9306                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black active group relative cursor-pointer'
9307                  data-product-card-color='BE42'
9308                >
9309                  <div
9310                    data-variant-url='/products/merino-wool-v-neck-sweater-5?variant=47527222247586'
9311                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9312                    data-color='BE42'
9313                    data-product-card-handle='merino-wool-v-neck-sweater-5'
9314                    style='background-color: var(--color-BE42)'
9315                  ></div>
9316                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9317                    <span class='' data-colors-product-card-tooltip='BE42'>BE42</span>
9318                  </div>
9319                </div>
9320              
9321                <div
9322                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
9323                  data-product-card-color='BL21'
9324                >
9325                  <div
9326                    data-variant-url='/products/merino-wool-v-neck-sweater-5?variant=47527222444194'
9327                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9328                    data-color='BL21'
9329                    data-product-card-handle='merino-wool-v-neck-sweater-5'
9330                    style='background-color: var(--color-BL21)'
9331                  ></div>
9332                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9333                    <span class='' data-colors-product-card-tooltip='BL21'>BL21</span>
9334                  </div>
9335                </div>
9336              
9337                <div
9338                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
9339                  data-product-card-color='BR10'
9340                >
9341                  <div
9342                    data-variant-url='/products/merino-wool-v-neck-sweater-5?variant=47527222640802'
9343                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9344                    data-color='BR10'
9345                    data-product-card-handle='merino-wool-v-neck-sweater-5'
9346                    style='background-color: var(--color-BR10)'
9347                  ></div>
9348                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9349                    <span class='' data-colors-product-card-tooltip='BR10'>BR10</span>
9350                  </div>
9351                </div>
9352              
9353                <div
9354                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
9355                  data-product-card-color='GR42'
9356                >
9357                  <div
9358                    data-variant-url='/products/merino-wool-v-neck-sweater-5?variant=47527222837410'
9359                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9360                    data-color='GR42'
9361                    data-product-card-handle='merino-wool-v-neck-sweater-5'
9362                    style='background-color: var(--color-GR42)'
9363                  ></div>
9364                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9365                    <span class='' data-colors-product-card-tooltip='GR42'>GR42</span>
9366                  </div>
9367                </div>
9368              
9369                <div
9370                  class='color-swatch h-4 w-4 rounded-full border-[0.5px] border-tristan-border-swatch hover:border-tristan-black  group relative cursor-pointer'
9371                  data-product-card-color='NO01'
9372                >
9373                  <div
9374                    data-variant-url='/products/merino-wool-v-neck-sweater-5?variant=47527223034018'
9375                    class='relative  left-2/4 top-2/4  flex h-3 w-3 -translate-x-2/4 -translate-y-2/4 transform overflow-hidden rounded-full bg-contain'
9376                    data-color='NO01'
9377                    data-product-card-handle='merino-wool-v-neck-sweater-5'
9378                    style='background-color: var(--color-NO01)'
9379                  ></div>
9380                  <div class='absolute bottom-5 hidden w-max border border-solid border-tristan-black-500 bg-tristan-white px-2 pb-1 pt-[6px] text-xs group-hover:md:flex'>
9381                    <span class='' data-colors-product-card-tooltip='NO01'>NO01</span>
9382                  </div>
9383                </div>
9384              
9385              
9386            </div>
9387          
9388        </div>
9389      
9390      
9391    </div>
9392  </div>
9393
9394
9395        </div></div>
9396  
9397  
9398<div
9399      data-tab-collection-button
9400      data-button-collection-id='tab_1'
9401      class='flex flex-row items-center justify-center pt-8 '
9402    >
9403
9404
9405
9406  
9407    
9408      <a
9409        href='/collections/womens-new-arrivals'
9410        class=''
9411      >
9412        <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 '>
9413          Shop for her
9414          
9415        </button>
9416      </a>
9417    
9418  
9419
9420
9421    </div>
9422  
9423<div
9424      data-tab-collection-button
9425      data-button-collection-id='tab_2'
9426      class='flex flex-row items-center justify-center pt-8 hidden'
9427    >
9428
9429
9430
9431  
9432    
9433      <a
9434        href='/collections/mens-new-arrivals'
9435        class=''
9436      >
9437        <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 '>
9438          Shop for him
9439          
9440        </button>
9441      </a>
9442    
9443  
9444
9445
9446    </div>
9447  
9448</div>
9449
9450
9451</div><div id="shopify-section-template--20148476739746__collection_carousel_PWPjaP" class="shopify-section">
9452<div class='container md:pb-20 md:pt-20 pb-8 pt-8'>
9453  <h2 class='h2 pb-8 text-center'>Shop By Category</h2>
9454  <div
9455    class=' mb-0 hidden h-[295px] overflow-hidden md:block'
9456    data-is-category
9457    data-space-between='10'
9458    data-component='elementsMediaCarousel'
9459  >
9460    <div data-slider class='swiper-slider relative h-full'>
9461      <ul class='swiper-wrapper'>
9462        
9463<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9464            
9465
9466<a
9467  class='flex aspect-[3/4] h-full w-full flex-col'
9468  href='/collections/womens-blazers-vests'
9469>
9470  
9471  
9472
9473
9474
9475
9476<div
9477    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9478    data-component='media'
9479    
9480    data-pswp-width='0'
9481    data-pswp-height='0'
9482    href='//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=2000'
9483  >
9484    
9485        
9486          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9487        
9488
9489        
9490          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9491        
9492    
9493  </div >
9494
9495
9496  <div class="h-full max-h-16 p-4">
9497    <p class="text-black h-4 text-center font-medium">
9498      Women’s Blazers
9499    </p>
9500  </div>
9501
9502</a>
9503
9504          </li>
9505        
9506<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9507            
9508
9509<a
9510  class='flex aspect-[3/4] h-full w-full flex-col'
9511  href='/collections/womens-dresses'
9512>
9513  
9514  
9515
9516
9517
9518
9519<div
9520    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9521    data-component='media'
9522    
9523    data-pswp-width='0'
9524    data-pswp-height='0'
9525    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
9526  >
9527    
9528        
9529          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9530        
9531
9532        
9533          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9534        
9535    
9536  </div >
9537
9538
9539  <div class="h-full max-h-16 p-4">
9540    <p class="text-black h-4 text-center font-medium">
9541      Women's Dresses
9542    </p>
9543  </div>
9544
9545</a>
9546
9547          </li>
9548        
9549<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9550            
9551
9552<a
9553  class='flex aspect-[3/4] h-full w-full flex-col'
9554  href='/collections/womens-sweaters'
9555>
9556  
9557  
9558
9559
9560
9561
9562<div
9563    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9564    data-component='media'
9565    
9566    data-pswp-width='0'
9567    data-pswp-height='0'
9568    href='//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=2000'
9569  >
9570    
9571        
9572          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9573        
9574
9575        
9576          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9577        
9578    
9579  </div >
9580
9581
9582  <div class="h-full max-h-16 p-4">
9583    <p class="text-black h-4 text-center font-medium">
9584      Chic Women's Knitwear
9585    </p>
9586  </div>
9587
9588</a>
9589
9590          </li>
9591        
9592<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9593            
9594
9595<a
9596  class='flex aspect-[3/4] h-full w-full flex-col'
9597  href='/collections/blazers-for-men'
9598>
9599  
9600  
9601
9602
9603
9604
9605<div
9606    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9607    data-component='media'
9608    
9609    data-pswp-width='0'
9610    data-pswp-height='0'
9611    href='//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=2000'
9612  >
9613    
9614        
9615          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9616        
9617
9618        
9619          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9620        
9621    
9622  </div >
9623
9624
9625  <div class="h-full max-h-16 p-4">
9626    <p class="text-black h-4 text-center font-medium">
9627      Men's Blazers & Vests
9628    </p>
9629  </div>
9630
9631</a>
9632
9633          </li>
9634        
9635<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9636            
9637
9638<a
9639  class='flex aspect-[3/4] h-full w-full flex-col'
9640  href='/collections/mens-shirts'
9641>
9642  
9643  
9644
9645
9646
9647
9648<div
9649    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9650    data-component='media'
9651    
9652    data-pswp-width='0'
9653    data-pswp-height='0'
9654    href='//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=2000'
9655  >
9656    
9657        
9658          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9659        
9660
9661        
9662          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9663        
9664    
9665  </div >
9666
9667
9668  <div class="h-full max-h-16 p-4">
9669    <p class="text-black h-4 text-center font-medium">
9670      Men's Shirts
9671    </p>
9672  </div>
9673
9674</a>
9675
9676          </li>
9677        
9678<li class='swiper-slide flex h-full w-full cursor-grab flex-col'>
9679            
9680
9681<a
9682  class='flex aspect-[3/4] h-full w-full flex-col'
9683  href='/collections/mens-sweaters-cardigans'
9684>
9685  
9686  
9687
9688
9689
9690
9691<div
9692    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9693    data-component='media'
9694    
9695    data-pswp-width='0'
9696    data-pswp-height='0'
9697    href='//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=2000'
9698  >
9699    
9700        
9701          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9702        
9703
9704        
9705          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9706        
9707    
9708  </div >
9709
9710
9711  <div class="h-full max-h-16 p-4">
9712    <p class="text-black h-4 text-center font-medium">
9713      Men's Sweaters & Cardigans
9714    </p>
9715  </div>
9716
9717</a>
9718
9719          </li>
9720        
9721      </ul>
9722    </div>
9723  </div>
9724  <div
9725    class=' mb-0'
9726  >
9727    <div class='relative block h-full md:hidden'>
9728      <ul class='grid grid-cols-2 gap-x-2 gap-y-8'>
9729        
9730<li class='flex h-full w-full cursor-grab flex-col'>
9731            
9732
9733<a
9734  class='flex aspect-[3/4] h-full w-full flex-col'
9735  href='/collections/womens-blazers-vests'
9736>
9737  
9738  
9739
9740
9741
9742
9743<div
9744    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9745    data-component='media'
9746    
9747    data-pswp-width='0'
9748    data-pswp-height='0'
9749    href='//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=2000'
9750  >
9751    
9752        
9753          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9754        
9755
9756        
9757          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9758        
9759    
9760  </div >
9761
9762
9763  <div class="h-full max-h-16 p-4">
9764    <p class="text-black h-4 text-center font-medium">
9765      Women’s Blazers
9766    </p>
9767  </div>
9768
9769</a>
9770
9771          </li>
9772        
9773<li class='flex h-full w-full cursor-grab flex-col'>
9774            
9775
9776<a
9777  class='flex aspect-[3/4] h-full w-full flex-col'
9778  href='/collections/womens-dresses'
9779>
9780  
9781  
9782
9783
9784
9785
9786<div
9787    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9788    data-component='media'
9789    
9790    data-pswp-width='0'
9791    data-pswp-height='0'
9792    href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000'
9793  >
9794    
9795        
9796          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9797        
9798
9799        
9800          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover o
9800bject-top">
9801        
9802    
9803  </div >
9804
9805
9806  <div class="h-full max-h-16 p-4">
9807    <p class="text-black h-4 text-center font-medium">
9808      Women's Dresses
9809    </p>
9810  </div>
9811
9812</a>
9813
9814          </li>
9815        
9816<li class='flex h-full w-full cursor-grab flex-col'>
9817            
9818
9819<a
9820  class='flex aspect-[3/4] h-full w-full flex-col'
9821  href='/collections/womens-sweaters'
9822>
9823  
9824  
9825
9826
9827
9828
9829<div
9830    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9831    data-component='media'
9832    
9833    data-pswp-width='0'
9834    data-pswp-height='0'
9835    href='//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=2000'
9836  >
9837    
9838        
9839          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9840        
9841
9842        
9843          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9844        
9845    
9846  </div >
9847
9848
9849  <div class="h-full max-h-16 p-4">
9850    <p class="text-black h-4 text-center font-medium">
9851      Chic Women's Knitwear
9852    </p>
9853  </div>
9854
9855</a>
9856
9857          </li>
9858        
9859<li class='flex h-full w-full cursor-grab flex-col'>
9860            
9861
9862<a
9863  class='flex aspect-[3/4] h-full w-full flex-col'
9864  href='/collections/blazers-for-men'
9865>
9866  
9867  
9868
9869
9870
9871
9872<div
9873    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9874    data-component='media'
9875    
9876    data-pswp-width='0'
9877    data-pswp-height='0'
9878    href='//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=2000'
9879  >
9880    
9881        
9882          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9883        
9884
9885        
9886          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9887        
9888    
9889  </div >
9890
9891
9892  <div class="h-full max-h-16 p-4">
9893    <p class="text-black h-4 text-center font-medium">
9894      Men's Blazers & Vests
9895    </p>
9896  </div>
9897
9898</a>
9899
9900          </li>
9901        
9902<li class='flex h-full w-full cursor-grab flex-col'>
9903            
9904
9905<a
9906  class='flex aspect-[3/4] h-full w-full flex-col'
9907  href='/collections/mens-shirts'
9908>
9909  
9910  
9911
9912
9913
9914
9915<div
9916    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9917    data-component='media'
9918    
9919    data-pswp-width='0'
9920    data-pswp-height='0'
9921    href='//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=2000'
9922  >
9923    
9924        
9925          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9926        
9927
9928        
9929          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9930        
9931    
9932  </div >
9933
9934
9935  <div class="h-full max-h-16 p-4">
9936    <p class="text-black h-4 text-center font-medium">
9937      Men's Shirts
9938    </p>
9939  </div>
9940
9941</a>
9942
9943          </li>
9944        
9945<li class='flex h-full w-full cursor-grab flex-col'>
9946            
9947
9948<a
9949  class='flex aspect-[3/4] h-full w-full flex-col'
9950  href='/collections/mens-sweaters-cardigans'
9951>
9952  
9953  
9954
9955
9956
9957
9958<div
9959    class='relative aspect-[0.99] h-full w-full pointer-events-none '
9960    data-component='media'
9961    
9962    data-pswp-width='0'
9963    data-pswp-height='0'
9964    href='//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=2000'
9965  >
9966    
9967        
9968          <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" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  object-cover object-top">
9969        
9970
9971        
9972          <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" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  object-cover object-top">
9973        
9974    
9975  </div >
9976
9977
9978  <div class="h-full max-h-16 p-4">
9979    <p class="text-black h-4 text-center font-medium">
9980      Men's Sweaters & Cardigans
9981    </p>
9982  </div>
9983
9984</a>
9985
9986          </li>
9987        
9988      </ul>
9989    </div>
9990  </div>
9991</div>
9992
9993
9994</div><div id="shopify-section-template--20148476739746__image_text_cta_a
9994pMzaT" class="shopify-section"><div class='container px-0 md:pb-0 md:pt-0   border-tristan-black border-b border-t border-solid'>
9995  <div class='flex flex-col md:flex-row  '>
9996    <div class='aspect-[3/5] h-[400px] max-h-[400px] w-full md:h-auto md:max-h-[700px] md:w-1/2 hidden md:block'>
9997
9998
9999
10000
10001<div
10002    class='relative w-full h-full object-cover h-fill-available '
10003    data-component='media'
10004    
10005    data-pswp-width='14260'
10006    data-pswp-height='10700'
10007    href='//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049&width=2000'
10008  >
10009    
10010        
10011          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanMobile.jpg?v=1720030072" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanMobile.jpg?v=1720030072&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanMobile.jpg?v=1720030072&amp;width=740 740w" width="740" height="800" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
10012        
10013
10014        
10015          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-abouttristanDesktop.jpg?v=1720030049&amp;width=1426 1426w" width="1426" height="1070" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block ">
10016        
10017    
10018  </div >
10019
10020</div>
10021    <div class='flex w-full flex-col justify-center px-6 py-8  md:h-auto md:w-1/2'>
10022      <div class='m-auto flex max-w-[605px] flex-col items-center justify-center gap-2'>
10023        <h2 class='h2 text-center'>About TRISTAN</h2>
10024        <div class='text-content rich-text px-2 pt-4 text-center'><p>Established in 1973, TRISTAN stands for elegance, remarkable quality, and responsibility in fashion.</p></div><div class='grid min-h-[150px] w-full grid-cols-3fr gap-3 pt-8'>
10025            
10026<div class='aspect-square max-h-[40px] w-full'>
10027
10028
10029
10030
10031<div
10032    class='relative w-[40px] h-[40px] object-cover mb-4 mx-auto '
10033    data-component='media'
10034    
10035    data-pswp-width='1810'
10036    data-pswp-height='1610'
10037    href='//www.tristanstyle.com/cdn/shop/files/up-1.png?v=1718823030&width=2000'
10038  >
10039    
10040        
10041          <img src="//www.tristanstyle.com/cdn/shop/files/up-1.png?v=1718823030" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/up-1.png?v=1718823030&amp;width=181 181w" width="181" height="161" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  !object-contain">
10042        
10043
10044        
10045          <img src="//www.tristanstyle.com/cdn/shop/files/up-1.png?v=1718823030" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/up-1.png?v=1718823030&amp;width=181 181w" width="181" height="161" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  !object-contain">
10046        
10047    
10048  </div >
10049
10050<p class='text-center text-xs md:text-sm'>Beautifully crafted and timeless garments</p>
10051              </div>
10052            
10053<div class='aspect-square max-h-[40px] w-full'>
10054
10055
10056
10057
10058<div
10059    class='relative w-[40px] h-[40px] object-cover mb-4 mx-auto '
10060    data-component='media'
10061    
10062    data-pswp-width='2240'
10063    data-pswp-height='2110'
10064    href='//www.tristanstyle.com/cdn/shop/files/new-ups.png?v=1718823343&width=2000'
10065  >
10066    
10067        
10068          <img src="//www.tristanstyle.com/cdn/shop/files/new-ups.png?v=1718823343" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/new-ups.png?v=1718823343&amp;width=224 224w" width="224" height="211" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  !object-contain">
10069        
10070
10071        
10072          <img src="//www.tristanstyle.com/cdn/shop/files/new-ups.png?v=1718823343" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/new-ups.png?v=1718823343&amp;width=224 224w" width="224" height="211" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  !object-contain">
10073        
10074    
10075  </div >
10076
10077<p class='text-center text-xs md:text-sm'>Eco-conscious practices and materials</p>
10078              </div>
10079            
10080<div class='aspect-square max-h-[40px] w-full'>
10081
10082
10083
10084
10085<div
10086    class='relative w-[40px] h-[40px] object-cover mb-4 mx-auto '
10087    data-component='media'
10088    
10089    data-pswp-width='1510'
10090    data-pswp-height='1350'
10091    href='//www.tristanstyle.com/cdn/shop/files/up-3.png?v=1718823030&width=2000'
10092  >
10093    
10094        
10095          <img src="//www.tristanstyle.com/cdn/shop/files/up-3.png?v=1718823030" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/up-3.png?v=1718823030&amp;width=151 151w" width="151" height="135" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden  !object-contain">
10096        
10097
10098        
10099          <img src="//www.tristanstyle.com/cdn/shop/files/up-3.png?v=1718823030" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/up-3.png?v=1718823030&amp;width=151 151w" width="151" height="135" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block  !object-contain">
10100        
10101    
10102  </div >
10103
10104<p class='text-center text-xs md:text-sm'>Fashion for a happier, healthier planet</p>
10105              </div>
10106            
10107          </div><div class='mt-0 pt-6 md:mt-0'>
10108          
10109
10110
10111
10112  
10113    
10114      <a
10115        href='/pages/about-us'
10116        class=''
10117      >
10118        <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 sm:!px-24'>
10119          Learn more about us
10120          
10121        </button>
10122      </a>
10123    
10124  
10125
10126
10127        </div>
10128
10129        <div class=' rich-text pt-10 text-sm md:pt-8'>
10130          <p>TRISTAN is the home of quality craftsmanship in Canadian fashion. We’re makers of fashion-forward clothing for contemporary men and women. </p><p>When it comes to our apparel, we prefer a more sustainable approach: every garment is conciously crafted using premium materials and organic fibres for a difference you’ll notice in every wear. </p><p>No passing fads or trends here—just impeccably-made clothing that stands the test of time.</p>
10131        </div>
10132      </div>
10133    </div>
10134  </div>
10135</div>
10136
10137
10138</div><div id="shopify-section-template--20148476739746__image_text_cta_GztYUq" class="shopify-section"><div class='container px-0 md:pb-0 md:pt-0   border-tristan-black border-b border-t border-solid'>
10139  <div class='flex flex-col md:flex-row  md:flex-row-reverse  '>
10140    <div class='aspect-[3/5] h-[400px] max-h-[400px] w-full md:h-auto md:max-h-[700px] md:w-1/2 '>
10141
10142
10143
10144
10145<div
10146    class='relative w-full h-full object-cover h-fill-available '
10147    data-component='media'
10148    
10149    data-pswp-width='14260'
10150    data-pswp-height='10700'
10151    href='//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745&
10151width=2000'
10152  >
10153    
10154        
10155          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinMobile_3.jpg?v=1720381745" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinMobile_3.jpg?v=1720381745&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinMobile_3.jpg?v=1720381745&amp;width=740 740w" width="740" height="800" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
10156        
10157
10158        
10159          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745&amp;width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-magasinDesktop_3.jpg?v=1720381745&amp;width=1426 1426w" width="1426" height="1070" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block ">
10160        
10161    
10162  </div >
10163
10164</div>
10165    <div class='flex w-full flex-col justify-center px-6 py-8  md:h-auto md:w-1/2'>
10166      <div class='m-auto flex max-w-[605px] flex-col items-center justify-center gap-2'>
10167        <h2 class='h2 text-center'>Haven't visited us yet? Discover a store near you</h2>
10168        <div class='text-content rich-text px-2 pt-4 text-center'><p>Enjoy hassle-free shopping with <strong>free shipping</strong> directly to your local store.</p></div><div class='mt-0 pt-6 md:mt-0'>
10169          
10170
10171
10172
10173  
10174    
10175      <a
10176        href='/pages/store-locator-1'
10177        class=''
10178      >
10179        <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 sm:!px-24'>
10180          Find my store
10181          
10182        </button>
10183      </a>
10184    
10185  
10186
10187
10188        </div>
10189
10190        <div class=' rich-text pt-10 text-sm md:pt-8'>
10191          
10192        </div>
10193      </div>
10194    </div>
10195  </div>
10196</div>
10197
10198
10199<style> #shopify-section-template--20148476739746__image_text_cta_GztYUq .border-tristan-black {border-top: none;} </style></div><div id="shopify-section-template--20148476739746__text_and_media_Jinm4p" class="shopify-section"><div class='container md:pb-20 md:pt-20 px-0 md_lg:px-[60px]'>
10200  <div class='md_lg:px-[130px]'>
10201    <div class='flex flex-col md:flex-row '>
10202      <div class='aspect-square h-[400px] max-w-full md:h-[600px] md:w-1/2 md:max-w-[456px] '>
10203
10204
10205
10206
10207<div
10208    class='relative w-full h-full object-cover '
10209    data-component='media'
10210    
10211    data-pswp-width='9120'
10212    data-pswp-height='12000'
10213    href='//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareDesktop_1.jpg?v=1720100520&width=2000'
10214  >
10215    
10216        
10217          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareMobile_1.jpg?v=1720100534" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareMobile_1.jpg?v=1720100534&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareMobile_1.jpg?v=1720100534&amp;width=720 720w" width="720" height="800" loading="lazy" class="absolute left-0 top-0 h-full w-full object-cover md:hidden ">
10218        
10219
10220        
10221          <img src="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareDesktop_1.jpg?v=1720100520" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareDesktop_1.jpg?v=1720100520&amp;width=352 352w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareDesktop_1.jpg?v=1720100520&amp;width=832 832w, //www.tristanstyle.com/cdn/shop/files/17-Tristan-Siteweb-whoweareDesktop_1.jpg?v=1720100520&amp;width=912 912w" width="912" height="1200" loading="lazy" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block ">
10222        
10223    
10224  </div >
10225
10226</div>
10227      <div class='flex w-full flex-col justify-center px-6 py-8  md:h-auto md:w-1/2 md:pl-14 lg:pl-24 '>
10228        <div class='w-full'>
10229          <h2 class='h2'>Who we are</h2>
10230          <div class='text-content pt-7 md:pt-5'><ul><li>Homegrown: Crafted and designed in Montreal for more than 50 years</li><li>Quality garments that last (and last), made with eco-conscious fabrics </li><li>Committed to eco-friendly processes for a greener future</li><li>30% of clothing manufactured locally</li></ul></div>
10231        </div>
10232      </div>
10233    </div>
10234  </div>
10235</div>
10236
10237
10238</div><div id="shopify-section-template--20148476739746__three_columns_YdbQtQ" class="shopify-section"><div class='container md:pb-0 md:pt-0   border-b border-solid border-tristan-black '>
10239  <div class=' grid grid-cols-3fr py-10'>
10240    
10241<h5 class='text-content ups-text [&>p]:!ups-text py-4 text-center [&:not(:first-child)]:pl-4 [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-4'>
10242        <p>Free shipping via FedEx on orders $100+</p>
10243      </h5>
10244    
10245<h5 class='text-content ups-text [&>p]:!ups-text py-4 text-center [&:not(:first-child)]:pl-4 [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-4'>
10246        <p>30-day free returns & exchanges</p>
10247      </h5>
10248    
10249<h5 class='text-content ups-text [&>p]:!ups-text py-4 text-center [&:not(:first-child)]:pl-4 [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900 [&:not(:last-child)]:pr-4'>
10250        <p>Free shipping to store</p>
10251      </h5>
10252    
10253  </div>
10254</div>
10255
10256
10257</div><div id="shopify-section-template--20148476739746__174784164104db9c7d" class="shopify-section">
10258
10259
10260
10261</div>
10262    </main>
10263
10264    <div id="shopify-section-footer" class="shopify-section">
10265
10266
10267
10268<div
10269  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'
10270>
10271  <div class='m-auto flex flex-col-reverse justify-between gap-10 md:flex-row md:gap-4'>
10272    <div class='max-w-full md:max-w-[440px] '>
10273  <div class='pb-4 text-base font-medium uppercase '>
10274    Be in the know
10275  </div>
10276  <div class='text-[13px] '>
10277    <p>Sign up for our newsletter and be the first to hear about our new arrivals, exclusive offers and events.</p>
10278  </div>
10279  <div><form
10280      id='email_signup'
10281      class='klaviyo_styling klaviyo_gdpr_embed_USvhAc !w-full !max-w-full'
10282      action='//manage.kmail-lists.com/subscriptions/subscribe'
10283      data-ajax-submit='//manage.kmail-lists.com/ajax/subscriptions/subscribe'
10284      method='GET'
10285    >
10286      <input type='hidden' name='g' value='USvhAc'>
10287      <input type='hidden' name='$fields' value='$consent,Gender,Language'>
10288      <input type='hidden' name='$list_fields' value='$consent,Gender,Language'>
10289      <div class='klaviyo_field_group Newsletter__confirmation flex hidden flex-col border-b border-b-tristan-off
10289-black pb-4 pt-14'>
10290        <div><p>Thank you for subscribing to our newsletter. You will receive a confirmation email shortly!</p></div>
10291      </div>
10292      <div class='klaviyo_field_group Newsletter__email flex flex-col pt-14'>
10293        <label class='pb-2 text-xs text-tristan-breadcrumb'>ENTER YOUR EMAIL</label>
10294        <input
10295          type='email'
10296          value=''
10297          name='email'
10298          id='k_id_email'
10299          placeholder='ENTER YOUR EMAIL'
10300          class='!rounded-none !border-b !border-l-0 !border-r-0 !border-t-0 !border-solid border-tristan-black !px-0'
10301          required
10302        >
10303      </div>
10304      <div class='klaviyo_field_group klaviyo_form_actions Newsletter__terms flex flex-row items-center justify-start gap-4 pt-4'>
10305        <input
10306          type='checkbox'
10307          name='$consent'
10308          id='consent-email-footer'
10309          value='email'
10310          class=' rounded-full'
10311          required
10312        >
10313        <label
10314          for='consent-email-footer'
10315          class='klaviyo_helptext klaviyo_gdpr_text !mb-0 !text-[12px] !font-normal'
10316        >I accept Terms &amp; Conditions</label>
10317      </div>
10318      <div class='Newsletter__extra-fields flex flex-row items-start justify-start gap-10 pt-6'>
10319        <div>
10320          <div class='pb-3 text-[13px] uppercase'>PREFERENCES</div>
10321          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
10322            <input
10323              type='radio'
10324              name='Gender'
10325              id='GenderF'
10326              class='border !border-solid border-tristan-black-400 text-tristan-black'
10327              value='F'
10328              checked
10329            >
10330            <label
10331              for='GenderF'
10332              class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal'
10333            >Woman
10334            </label>
10335          </div>
10336          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
10337            <input
10338              type='radio'
10339              name='Gender'
10340              id='GenderM'
10341              value='M'
10342              class='border !border-solid border-tristan-black-400 text-tristan-black'
10343            >
10344            <label for='GenderM' class=' !mb-0 cursor-pointer !text-[10px] !font-normal'>Man
10345            </label>
10346          </div>
10347        </div>
10348        <div>
10349          <div class='pb-3 text-[13px]  uppercase'>Language</div>
10350          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
10351            <input
10352              type='radio'
10353              name='Language'
10354              id='LanguageF'
10355              class='border !border-solid border-tristan-black-400 text-tristan-black'
10356              value='fr'
10357              checked
10358            >
10359            <label for='LanguageF' class='!mb-0 cursor-pointer  gap-2 !text-[10px] !font-normal'>French
10360            </label>
10361          </div>
10362          <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'>
10363            <input
10364              type='radio'
10365              name='Language'
10366              id='LanguageE'
10367              value='en'
10368              class='border !border-solid border-tristan-black-400 text-tristan-black'
10369            >
10370            <label for='LanguageE' class='!mb-0 cursor-pointer !text-[10px] !font-normal'>English
10371            </label>
10372          </div>
10373        </div>
10374      </div>
10375      <div class='klaviyo_messages pt-10'>
10376        <div class='success_message' style='display:none;'>Thanks for subscribing! Check your email for a confirmation message.</div>
10377        <div class='error_message' style='display:none;'></div>
10378      </div>
10379      <div class='klaviyo_form_actions pt-10 !text-center'>
10380
10381
10382
10383  
10384    
10385      <button
10386        
10387        
10388          type='submit'
10389        
10390        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'
10391      >
10392        Subscribe now
10393        
10394      </button>
10395    
10396  
10397
10398
10399      </div>
10400    </form>
10401  </div>
10402
10403  
10403<script type='text/javascript' src='//www.klaviyo.com/media/js/public/klaviyo_subscribe.js'></script>
10403
10404  
10404<script
10405    type='text/javascript'
10406  >
10407      KlaviyoSubscribe.attachToForms('#email_signup', {
10408        hide_form_on_success: true,
10409        custom_success_message: true,
10410        extra_properties: {
10411          $source: '$embed',
10412          $method_type: "Klaviyo Form",
10413          $method_id: 'embed',
10414          $consent_version: 'I accept Terms &amp; Conditions'
10415        },
10416        success: function ($form) {
10417          // `$form` is a jQuery wrapper around the form that was submitted. This makes it easy to get the email address or form fields.
10418          $form.find('[name="Gender"]').hide()
10419          $form.find('[name="Language"]').hide()
10420          $form.find('.Newsletter__extra-fields').hide()
10421          $form.find('.Newsletter__terms').hide()
10422          $form.find('.Newsletter__email').hide()
10423          $form.find('.Newsletter__confirmation').removeClass('hidden')
10424        }
10425      });
10426  </script>
10426
10427</div>
10428
10429    <ul class='flex hidden flex-row flex-wrap gap-4 md:flex'>
10430      
10431        <li class='min-w-[210px]'>
10432          <span class='text-[11px] text-tristan-breadcrumb'>Help</span>
10433          <ul class='mt-4 flex flex-col gap-3'>
10434            
10435              <li class='text-xs'>
10436                <a href='/account'>My Account</a>
10437              </li>
10438            
10439              <li class='text-xs'>
10440                <a href='/products/00-giftcard'>Gift Card</a>
10441              </li>
10442            
10443              <li class='text-xs'>
10444                <a href='/pages/gift-card-balance-check'>Gift Card Balance </a>
10445              </li>
10446            
10447              <li class='text-xs'>
10448                <a href='/pages/shipping'>Shipping</a>
10449              </li>
10450            
10451              <li class='text-xs'>
10452                <a href='/pages/exchanges-returns'>Exchanges / Returns</a>
10453              </li>
10454            
10455              <li class='text-xs'>
10456                <a href='/pages/current-promotions'>Current Offers</a>
10457              </li>
10458            
10459              <li class='text-xs'>
10460                <a href='https://tristanstyle.returnscenter.com/'>Return Management </a>
10461              </li>
10462            
10463              <li class='text-xs'>
10464                <a href='/pages/contact-us'>Contact us</a>
10465              </li>
10466            
10467              <li class='text-xs'>
10468                <a href='/pages/faq'>FAQ</a>
10469              </li>
10470            
10471          </ul>
10472        </li>
10473      
10474        <li class='min-w-[210px]'>
10475          <span class='text-[11px] text-tristan-breadcrumb'>Follow us</span>
10476          <ul class='mt-4 flex flex-col gap-3'>
10477            
10478              <li class='text-xs'>
10479                <a href='https://www.instagram.com/tristanstyle/'>Instagram</a>
10480              </li>
10481            
10482              <li class='text-xs'>
10483                <a href='/pages/newsletter'>Newsletter</a>
10484              </li>
10485            
10486              <li class='text-xs'>
10487                <a href='https://www.facebook.com/tristanstyle'>Facebook</a>
10488              </li>
10489            
10490              <li class='text-xs'>
10491                <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a>
10492              </li>
10493            
10494              <li class='text-xs'>
10495                <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a>
10496              </li>
10497            
10498              <li class='text-xs'>
10499                <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a>
10500              </li>
10501            
10502          </ul>
10503        </li>
10504      
10505        <li class='min-w-[210px]'>
10506          <span class='text-[11px] text-tristan-breadcrumb'>Company</span>
10507          <ul class='mt-4 flex flex-col gap-3'>
10508            
10509              <li class='text-xs'>
10510                <a href='/pages/about-us'>About Us</a>
10511              </li>
10512            
10513              <li class='text-xs'>
10514                <a href='/pages/store-locator'>Our Stores</a>
10515              </li>
10516            
10517              <li class='text-xs'>
10518                <a href='/pages/corporate'>Corporate Uniforms</a>
10519              </li>
10520            
10521              <li class='text-xs'>
10522                <a href='/pages/careers'>Careers</a>
10523              </li>
10524            
10525              <li class='text-xs'>
10526                <a href='/pages/bill-211'>Corporate Responsibility</a>
10527              </li>
10528            
10529          </ul>
10530        </li>
10531      
10532    </ul>
10533    <div data-component='accordion' class='flex flex-col md:hidden'>
10534      
10535
10536        
10537  <div
10538    
10539      data-accordion-item
10540    
10541    
10542
10543    class=' border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
10544  >
10545    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
10546      Help
10547
10548      <span data-accordion-icon-plus class='text-tristan-black'>
10549    <svg
10550      
10551      width='18'
10552      height='11'
10553      class='rotate-180'
10554      viewBox='0 0 18 11'
10555      fill='none'
10556      xmlns='http://www.w3.org/2000/svg'
10557    >
10558      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10559    </svg>
10560
10561  </span>
10562      <span
10563        data-accordion-icon-minus
10564        class='hidden text-tristan-black rotate-0'
10565      >
10566    <svg
10567      
10568      width='18'
10569      height='11'
10570      class=''
10571      viewBox='0 0 18 11'
10572      fill='none'
10573      xmlns='http://www.w3.org/2000/svg'
10574    >
10575      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10576    </svg>
10577
10578  </span>
10579    </button>
10580    <div
10581      data-accordion-content
10582      class='grid-height-transition grid text-xs text-tristan-black  '
10583      aria-hidden='true'
10584    >
10585      
10586        <ul class='flex flex-col gap-3'>
10587          
10588            
10589              <li class='text-xs'>
10590                <a href='/account'>My Account</a>
10591              </li>
10592            
10593              <li class='text-xs'>
10594                <a href='/products/00-giftcard'>Gift Card</a>
10595              </li>
10596            
10597              <li class='text-xs'>
10598                <a href='/pages/gift-card-balance-check'>Gift Card Balance </a>
10599              </li>
10600            
10601              <li class='text-xs'>
10602                <a href='/pages/shipping'>Shipping</a>
10603              </li>
10604            
10605              <li class='text-xs'>
10606                <a href='/pages/exchanges-returns'>Exchanges / Returns</a>
10607              </li>
10608            
10609              <li class='text-xs'>
10610                <a href='/pages/current-promotions'>Current Offers</a>
10611              </li>
10612            
10613              <li class='text-xs'>
10614                <a href='https://tristanstyle.returnscenter.com/'>Return Management </a>
10615              </li>
10616            
10617              <li class='text-xs'>
10618                <a href='/pages/contact-us'>Contact us</a>
10619              </li>
10620            
10621              <li class='text-xs'>
10622                <a href='/pages/faq'>FAQ</a>
10623              </li>
10624            
10625          
10626        </ul>
10627      
10628    </div>
10629  </div>
10630
10631
10632      
10633
10634        
10635  <div
10636    
10637      data-accordion-item
10638    
10639    
10640
10641    class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
10642  >
10643    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
10644      Follow us
10645
10646      <span data-accordion-icon-plus class='text-tristan-black'>
10647    <svg
10648      
10649      width='18'
10650      height='11'
10651      class='rotate-180'
10652      viewBox='0 0 18 11'
10653      fill='none'
10654      xmlns='http://www.w3.org/2000/svg'
10655    >
10656      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10657    </svg>
10658
10659  </span>
10660      <span
10661        data-accordion-icon-minus
10662        class='hidden text-tristan-black rotate-0'
10663      >
10664    <svg
10665      
10666      width='18'
10667      height='11'
10668      class=''
10669      viewBox='0 0 18 11'
10670      fill='none'
10671      xmlns='http://www.w3.org/2000/svg'
10672    >
10673      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10674    </svg>
10675
10676  </span>
10677    </button>
10678    <div
10679      data-accordion-content
10680      class='grid-height-transition grid text-xs text-tristan-black  '
10681      aria-hidden='true'
10682    >
10683      
10684        <ul class='flex flex-col gap-3'>
10685          
10686            
10687              <li class='text-xs'>
10688                <a href='https://www.instagram.com/tristanstyle/'>Instagram</a>
10689              </li>
10690            
10691              <li class='text-xs'>
10692                <a href='/pages/newsletter'>Newsletter</a>
10693              </li>
10694            
10695              <li class='text-xs'>
10696                <a href='https://www.facebook.com/tristanstyle'>Facebook</a>
10697              </li>
10698            
10699              <li class='text-xs'>
10700                <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a>
10701              </li>
10702            
10703              <li class='text-xs'>
10704                <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a>
10705              </li>
10706            
10707              <li class='text-xs'>
10708                <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a>
10709              </li>
10710            
10711          
10712        </ul>
10713      
10714    </div>
10715  </div>
10716
10717
10718      
10719
10720        
10721  <div
10722    
10723      data-accordion-item
10724    
10725    
10726
10727    class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px]  '
10728  >
10729    <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'>
10730      Company
10731
10732      <span data-accordion-icon-plus class='text-tristan-black'>
10733    <svg
10734      
10735      width='18'
10736      height='11'
10737      class='rotate-180'
10738      viewBox='0 0 18 11'
10739      fill='none'
10740      xmlns='http://www.w3.org/2000/svg'
10741    >
10742      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10743    </svg>
10744
10745  </span>
10746      <span
10747        data-accordion-icon-minus
10748        class='hidden text-tristan-black rotate-0'
10749      >
10750    <svg
10751      
10752      width='18'
10753      height='11'
10754      class=''
10755      viewBox='0 0 18 11'
10756      fill='none'
10757      xmlns='http://www.w3.org/2000/svg'
10758    >
10759      <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/>
10760    </svg>
10761
10762  </span>
10763    </button>
10764    <div
10765      data-accordion-content
10766      class='grid-height-transition grid text-xs text-tristan-black  '
10767      aria-hidden='true'
10768    >
10769      
10770        <ul class='flex flex-col gap-3'>
10771          
10772            
10773              <li class='text-xs'>
10774                <a href='/pages/about-us'>About Us</a>
10775              </li>
10776            
10777              <li class='text-xs'>
10778                <a href='/pages/store-locator'>Our Stores</a>
10779              </li>
10780            
10781              <li class='text-xs'>
10782                <a href='/pages/corporate'>Corporate Uniforms</a>
10783              </li>
10784            
10785              <li class='text-xs'>
10786                <a href='/pages/careers'>Careers</a>
10787              </li>
10788            
10789              <li class='text-xs'>
10790                <a href='/pages/bill-211'>Corporate Responsibility</a>
10791              </li>
10792            
10793          
10794        </ul>
10795      
10796    </div>
10797  </div>
10798
10799
10800      
10801    </div>
10802  </div>
10803</div>
10804<div class='bg-tristan-primary-15 py-3'>
10805  <ul class='flex flex-row flex-wrap items-center justify-center gap-4 md:gap-10'>
10806    
10807      <li>
10808        <a class='text-[11px] text-tristan-black' href='/pages/privacy-policy'>Privacy Policy</a>
10809      </li>
10810    
10811      <li>
10812        <a class='text-[11px] text-tristan-black' href='/pages/purchase-conditions'>Terms of use</a>
10813      </li>
10814    
10815  </ul>
10816</div>
10817
10818
10819</div>
10820
10821    
10822  
10822<script src='https://a.klaviyo.com/media/js/onsite/onsite.js'></script>
10822
10823  
10823<script>
10824    var klaviyo = klaviyo || [];
10825    klaviyo.init({
10826      account: "RxuWrY",
10827      list: "",
10828      platform: "shopify"
10829    });
10830    klaviyo.enable("backinstock",{
10831      trigger: {
10832        product_page_text: "Notify me",
10833        product_page_class: "button button--blue !w-full !mt-6",
10834        product_page_text_align: "center",
10835        product_page_margin: "0px",
10836        alternate_anchor: "add-to-cart-button",
10837        replace_anchor: false,
10838      },
10839      modal: {
10840        headline: "{product_name}",
10841        body_content: "Register to receive a notification when this item comes back in stock.",
10842        email_field_label: "Email",
10843        button_label: "Notify me when available",
10844        subscription_success_label: "You&#39;re in! We&#39;ll let you know when it&#39;s back.",
10845        footer_content: "",
10846        close_label: "Close",
10847        newsletter_subscribe_label: "Add me to your email list.",
10848        subscribe_checked: false,
10849        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;}",
10850        drop_background_color: "#000",
10851        background_color: "#fff",
10852        text_color: "#222",
10853        button_text_color: "#fff",
10854        button_background_color: "#171717",
10855        close_button_color: "#ccc",
10856        error_background_color: "#fcd6d7",
10857        error_text_color: "#C72E2F",
10858        success_background_color: "#d3efcd",
10859        success_text_color: "#1B9500"
10860      }
10861    });
10862  </script>
10862
10863
10864
10865
10866    <div id="shopify-section-get-color-swatches" class="shopify-section">
10867
10868  <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
10869      data-component='getColorSwatches'
10870      data-page-param='page_b925b081'data-page-next='/?page_b925b081=2'></div>
10871</div>
10872
10873    <div id="shopify-section-zoom-image" class="shopify-section"><div data-component='zoomImage' class='hidden'>
10874  <div class='fixed inset-0 z-50 flex items-center justify-center bg-tristan-dark bg-opacity-50'>
10875    <div class='relative max-h-[90%] w-full max-w-[90%] overflow-scroll'>
10876      <button
10877        data-zoom-image-close
10878        class='absolute right-0 top-0 z-50 bg-tristan-black p-4 text-tristan-white'
10879      >
10880        
10881    <svg
10882      
10883      width='15'
10884      height='15'
10885      viewBox='0 0 15 15'
10886      class='[&>path]:fill-tristan-white'
10887      fill='none'
10888      xmlns='http://www.w3.org/2000/svg'
10889    >
10890      <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"/>
10891    </svg>
10892
10893  
10894      </button>
10895
10896      <figure
10897        class='zoom relative w-full overflow-hidden bg-center bg-no-repeat'
10898        data-zoom-image-container
10899        onmousemove='zoom(event)'
10900        style='background-image: url(https://res.cloudinary.com/active-bridge/image/upload/slide1.jpg)'
10901      >
10902        <img data-zoom-image-src src='' alt='Zoom Image' class='block h-full w-full transition-opacity'>
10903      </figure>
10904    </div>
10905  </div>
10906</div>
10907
10908<style>
10909  figure.zoom img:hover {
10910    opacity: 0;
10911  }
10912</style>
10913<script>
10914  function zoom(e) {
10915    const zoomer = e.currentTarget;
10916    e.offsetX ? (offsetX = e.offsetX) : (offsetX = e.touches[0].pageX);
10917    e.offsetY ? (offsetY = e.offsetY) : (offsetX = e.touches[0].pageX);
10918    x = (offsetX / zoomer.offsetWidth) * 100;
10919    y = (offsetY / zoomer.offsetHeight) * 100;
10920    zoomer.style.backgroundPosition = x + '% ' + y + '%';
10921  }
10922</script>
10922
10923</div>
10924
10925    
10925<script>
10926  if (!window.GiftCardHeroCustom) window.GiftCardHeroCustom = {};
10927  window.GiftCardHeroCustom.proxy = '/a/giftcard';
10928</script>
10928
10929<style>
10930  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card {
10931    background: center center
10932      url(https://cdn.shopify.com/s/files/1/0434/2487/4658/files/cartecadeau_1_800x_1_1.webp?v=1678986702) no-repeat;
10933    background-size: cover;
10934    border: 0 !important;
10935  }
10936
10937  .sc-hero-checker-container .scgh-checker .scgh-checker__cards,
10938  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card {
10939    height: 250px !important;
10940  }
10941
10942  .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card svg {
10943    display: none;
10944  }
10945</style>
10946
10947
10948    
10948<script>
10949      // get locaStorage to check if the cart have to be opened
10950      const cart = localStorage.getItem('cart');
10951      if (cart && cart === 'open') {
10952        // dispatch event cart:open
10953        setTimeout(() => {
10954          localStorage.removeItem('cart');
10955          document.dispatchEvent(new CustomEvent('cart:open'));
10956        }, 300);
10957      }
10958    </script>
10958
10959    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 10959-10960
10959
10960    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10960GTM-NWMB3B8
vendor: 91 bytes, lines 10960-10962
10960"
10961    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10962    
10962<!-- End Google Tag Manager (noscript) -->
10963
10964    
10965
10966
10967
10968<div data-findify-event="update-cart">
10969  
10970</div>
10971
10972<script>
10973  window.findify = {
10974    current_version: "2025-07.01", // DO NOT MODIFY! This is required within Shopify App Side, a Regex will extract the current version.
10975    product_fields: {
10976        include: [], // Include, also, these fields to be returned to liquid section
10977        exclude: [], // Exclude these fields from being sent to liquid section
10978        /*
10979          Create custom fields on the fly.
10980          Include these fields on the above include array.
10981        */
10982        custom_mapping: (item) => ({})
10983    }
10984  }
10985  
10986  const printFindifyVersion = async () => {
10987    console.log('Findify Liquid Framework v.', window.findify.current_version);
10988  }
10989  printFindifyVersion();
10990</script>
10990
10991
10992<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-analytics.js?v=61378630994565436371781536516" defer></script>
vendor: 1 bytes, line 10992
10992
10993<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-filter.js?v=108247571334860119861781536522" defer></script>
vendor: 1 bytes, line 10993
10993
10994<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swatches.js?v=68232340704274752341781536527" defer></script>
10994
10995
10996<link
10997  rel="stylesheet"
10998  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-variables-defaults.css?v=83873931077167052721781536530"
10999  media="print"
11000  onload="this.media='all'">
11001<link
11002  rel="stylesheet"
11003  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-theme-overwrite.css?v=75073965975987802421781536529"
11004  media="print"
11005  onload="this.media='all'">
11006
11007<link
11008  rel="stylesheet"
11009  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-swatches.css?v=159470387498036606651781536525"
11010  media="print"
11011  onload="this.media='all'">
11012
11013<link
11014  rel="stylesheet"
11015  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.css?v=48849305740600715271781536524"
11016  media="print"
11017  onload="this.media='all'">
11018<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.js?v=136704279831598794241781536525" defer></script>
11018
11019
11020<link
11021  rel="stylesheet"
11022  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-color-mapping.css?v=74851878029947148041781536518"
11023  media="print"
11024  onload="this.media='all'">
11025
11026<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.js?v=96361484698773826731781536528" defer="defer"></script>
11026
11027<link
11028  rel="stylesheet"
11029  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.css?v=42295002602430070851781536528"
11030  media="print"
11031  onload="this.media='all'">
11032
11033<link
11034  rel="stylesheet"
11035  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-button.css?v=100777144810063880971781536518"
11036  media="print"
11037  onload="this.media='all'">
11038
11039
11040<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.js?v=135468858491857602421781536517" defer></script>
11040
11041<link
11042  rel="stylesheet"
11043  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.css?v=165937137488080614951781536517"
11044  async />
11045
11046  
11047<link
11048  rel="stylesheet"
11049  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-recommendation.css?v=47727428235592057601781536526"
11050  media="print"
11051  onload="this.media='all'">
11052
11053
11054
11055
11056
11057
11058<link
11059  rel="stylesheet"
11060  href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-content-card.css?v=69868871767741399551781536519"
11061  media="print"
11062  onload="this.media='all'">
11063  <div id="shopify-block-AMm5GZlN5KzdSZ3JWT__12608439564960700138" class="shopify-block shopify-app-block"><div id="sezzle-widget-embed-block-error"></div>
11064<style>
11065  .sezzle-shopify-info-button .sezzle-button-text {
11066    
11067        font-size: 13px !important;
11068    
11069
11070    
11071
11072    
11073}
11074</style>
11075<script>
11076    
11077
11078    
11079        const embedWidgetRendererScript = document.createElement("script");
11080        embedWidgetRendererScript.type = "text/javascript";
11081        embedWidgetRendererScript.src = "https://cdn.shopify.com/extensions/01a068e3-0c7f-7187-8245-9c5af06467ff/sezzle-widget-161123b6/assets/widget-renderer.min.js";
11082        embedWidgetRendererScript.onload = function() {
11083          new WidgetRenderer({
11084              merchantUUID: "0c164c73-b21a-470f-a08f-df5533089667",
11085              blockType: "embed"
11086          }).init();
11087        };
11088        document.head.appendChild(embedWidgetRendererScript);
11089    
11090  </script>
11090
11091
11092</div><div id="shopify-block-AWUc3MmVONGdkZ2JvU__246148584256545108" class="shopify-block shopify-app-block">
11092<script
11093  src="https://cdn.shopify.com/extensions/01a0cefc-9751-72d9-8cca-db8b0d015b75/axeptio-46/assets/index.js"
11094  defer="defer"
11095  data-axeptio
11096  data-shop="43424874658"
11097  data-shop-domain="tristandev.myshopify.com"
11098  data-api-url="http://shopify-app-remix.axept.io"
11099></script>
11099
11100
11101
11102</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">
11103
11104<!-- BEGIN app snippet: ac-tiered-sub-global -->
11104<script>
11105  window.jQuery || document.write('
11105<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"><\/script>')
11106</script>
11106
11107
11108
11109<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" />
11110<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" />
11111<div style="display:none" id="ac-money-format">${{amount}}</div>
11112 
11113 <style>
11114/*LATEST UPDATED*/
11115.ac_table1,
11116.ac_table2,
11117.ac_table3,
11118.ac_table4,
11119.ac_table5 {
11120  margin: 20px 0;
11121  border-collapse: collapse;
11122  border: 1px solid black;
11123  line-height: 1.5;
11124  width: 100%;
11125  color: black;
11126  text-align: center !important;
11127  text-transform: initial !important;
11128}
11129.ac_table1 .ac__th,
11130.ac_table2 .ac__th,
11131.ac_table3 .ac__th,
11132.ac_table5 .ac__th {
11133  border: 1px solid black !important;
11134  background-color: #FFFFFF !important;
11135  padding: 10px !important;
11136  line-height: 1.5;
11137  color: #000000 !important;
11138  font-size: 14px !important;
11139  width: 50%;
11140  text-align: center !important;
11141  font-weight: normal !important;
11142  word-break: break-all;
11143}
11144.ac_table1 .ac__td,
11145.ac_table2 .ac__td,
11146.ac_table3 .ac__td,
11147.ac_table4 .ac__td,
11148.ac_table5 .ac__td {
11149  border: 1px solid black;
11150  background-color: #FFFFFF  !important;
11151  padding: 10px !important;
11152  line-height: 1.5;
11153  color: #000000 !important;
11154  font-size: 14px !important;
11155  width: 50%;
11156  text-align: center !important;
11157  font-weight: normal !important;
11158  word-break: break-all;;
11159}
11160
11161.ac_table1 .ac__th:after,
11162.ac_table2 .ac__th:after,
11163.ac_table3 .ac__th:after,
11164.ac_table4 .ac__td:after,
11165.ac_table5 .ac__td:after {
11166  content: none;
11167}
11168
11169/* Quantity Range Grid */
11170.ac_table2 .ac__th {
11171  width: 33.33%;
11172}
11173.ac_table2 .ac__td {
11174  width: 33.33%;
11175}
11176
11177/* Detailed Grid  */
11178.ac_table3 .ac__th {
11179  width: 33.33%;
11180}
11181.ac_table3 .ac__td {
11182  width: 33.33%;
11183}
11184
11185/* Simple Message  */
11186.ac_table4 {
11187  border: transparent !important;
11188}
11189.ac_table4 .ac__td {
11190  width: 100%;
11191  border: transparent !important;
11192  text-align: center !important;
11193}
11194#saved-banner {
11195    color: #138C19 !important;
11196    font-weight: bold !important;
11197    font-size: 14px !important;
11198}
11199/*  Grid table */
11200.ac_mostpopuler {
11201border-radius: 52px;
11202    font-size: 12px;
11203    color: white;
11204    display: block;
11205    margin-top: 5px;
11206    background-color: #0e592d;
11207}
11208
11209.ac_main_container.ac-active {
11210    background-color:undefined;
11211    border-color: undefined !important
11212}
11213
11214.ac_main_container {
11215    width: 100%!important;
11216    display: grid;
11217    grid: 10% / 5% 39% auto;
11218    cursor: pointer!important;
11219    grid-gap: 10px;
11220    margin-top: 2%;
11221    border-radius: 5px;
11222}
11223   .ac_option-total-price .ac_item-regular_price{
11224    display: flex;
11225  }
11226  .ac-total-price {
11227    text-align: end;
11228    margin-right: 5px;
11229  }
11230
11231.ac_offer-option-item {
11232    padding-top: 25%
11233}
11234
11235.ac_offer-option {
11236  padding: 7px 5px;
11237}
11238
11239.ac_grab_deal_btn {
11240    margin: 15px 0;
11241    cursor: pointer;
11242    border-radius: 6px;
11243    font-size: 14px;
11244    font-weight: 700;
11245    text-transform: uppercase;
11246    text-align: center;
11247    display: inline-block;
11248    width: 100%!important;
11249    border: none;
11250    padding: 12px 18px;
11251    letter-spacing: inherit;
11252    line-height: inherit
11253}
11254
11255.ac_grab_deal_btn:disabled {
11256    filter: saturate(.2) opacity(.5);
11257    -webkit-filter: saturate(.2) opacity(.5);
11258    cursor: not-allowed
11259}
11260
11261.ac_option-total-price {
11262    display: flex;
11263    justify-content: flex-end;
11264    gap: 1%
11265}
11266
11267.ac_option-item-price {
11268    display: flex;
11269    justify-content: flex-end;
11270    gap: 2%
11271}
11272.ac-quantity-input-box {
11273    margin-left: 10px;
11274    padding: 6px;
11275    width: 5%;
11276    margin-top: 4px!important;
11277    border: 2px solid #FFFFFF;
11278    box-shadow: 0 0 0 1px undefined;
11279    -webkit-appearance: none;
11280    appearance: none;
11281    border-radius: 50%;
11282    cursor: pointer!important;
11283    width: 12px;
11284    height: 12px;
11285    transition: all ease-in .2s
11286}
11287
11288.ac-quantity-input-box:checked {
11289    background-color: undefined;
11290}
11291
11292@media screen and (max-width: 394px) {
11293    .ac_main_container {
11294        font-size:11px
11295    }
11296}
11297
11298@media screen and (max-width: 794px)and (min-width: 750px) {
11299    .ac_main_container {
11300        font-size:12px
11301    }
11302}
11303
11304</style>
11305<style>
11306  @media only screen and (max-width: 600px) {
11307    #saved-banner-div {
11308      text-align: center;
11309    }
11310  }
11311 #saved-banner-div {
11312      text-align: end;
11313    }
11314
11315</style>
11316<script type="text/javascript" defer>
11317  
11318
11319      
11320      var ACDiscountApp = ACDiscountApp || {};ACDiscountApp.Common = ACDiscountApp.Common || {};ACDiscountApp.CartPage = ACDiscountApp.CartPage || {};ACDiscountApp.PDPage = ACDiscountApp.PDPage || {};
11321  	  ACDiscountApp.Common.GlobalFields = function () {
11322      
11323      this.isCustomer = false;
11324      this.customerTag = '';
11325      
11326      this.currency = 'CAD';
11327	  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) };
11328	  this.currencySymbol = (document.getElementById("ac-money-format").textContent).trim();this.currencySymbol = this.currencySymbol.split("}");this.currencySymbol = this.currencySymbol[2];
11329	  this.amount = (document.getElementById("ac-money-format").textContent).trim();
11330    this.progressBarMetafield = null;
11331    this.Storetime = function(){return '2026-09-25T19:38:18'};
11332      
11333     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());} 
11334      this.StartEndDateValid = function (startDate, endDate) {var Storetime = `2026-09-25T19:38:18`;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; } }
11335
11336      var TimercalcTime = function(offset_) {
11337        d_ = new Date();
11338        utc_ = d_.getTime() + (d_.getTimezoneOffset() * 60000);
11339        nd_ = new Date(utc_ + (3600000 * offset_));
11340        return Date.parse(nd_.getMonth()+ 1 +"/"+nd_.getDate()+"/"+ nd_.getFullYear() +" "+nd_.getHours()+":"+nd_.getMinutes());
11341      } 
11342      
11343      this.TimerStartEndDateValid = function (startDate, endDate) { 
11344        var isStrtDtVald_ = false; var isEndDtVald_ = false; 
11345        let Storetime = `2026-09-25T19:38:18`;
11346        var todayDate_ = Date.parse(Storetime);
11347        if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; }
11348        else { isStrtDtVald_ = true; } 
11349        if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; }
11350        else { isEndDtVald_ = true; }
11351        if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } }
11352      
11353      this.cartSubtotalTiers  = function () {
11354    var selectedVariant = jQuery('input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', jQuery('form[action="/cart/add"]')).val();
11355    selectedVariant  =  Number(selectedVariant);
11356   
11357       }
11358      this.TimerStartEndDateValid = function (startDate, endDate) { 
11359        var isStrtDtVald_ = false; var isEndDtVald_ = false; 
11360        let Storetime = `2026-09-25T19:38:18` ;
11361        var todayDate_ = Date.parse(Storetime);
11362        if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; }
11363        else { isStrtDtVald_ = true; } 
11364        if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; }
11365        else { isEndDtVald_ = true; }
11366        if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } }
11367      
11368    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; } }
11369
11370    this.ConvertToFixedDecimalString = function (amount) { return amount.toFixed(2); }
11371    this.TableProductPage =  'true'
11372    this.priceChangeFunc = function (selectedVariant) { 
11373    let varaintPricearray = [];
11374     
11375    var price = varaintPricearray.find(item => item.id == selectedVariant)?.price;
11376      if(price != '' && price != null && price != undefined){
11377        return price; 
11378      }else{
11379        var newprice = ''
11380        return newprice; 
11381      }
11382      
11383   }
11384    this.ConvertToFixedDecimalNumber = function (amount) { return Number(amount.toFixed(2)); }
11385	   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}}."};  }
11386
11387      
11388      
11389ACDiscountApp.PDPage.Global = function () { 
11390this.variantsPriceArray_PD=[];
11391 
11392
11393
11394
11395        
11396
11397
11398
11399
11400
11401                  
11402
11403;
11404
11405
11406
11407 	
11408	 
11409	this.productMetafield = "[]";
11410	
11411 
11412
11413 
11414}
11415ACDiscountApp.CartPage.Global = function () {
11416
11417
11418
11419 
11420   
11421         
11422      
11423      
11424      
11425      
11426      this.excluded_collection_ids = "[]"; 
11427      this.is_quantity_total = false;
11428   this.cartSubTotalMetafield = "[]";
11429   
11430      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};
11431      
11432        this.cartTiersArray = [
11433       
11434        ] 
11435    }
11436  	var globalFields = new ACDiscountApp.Common.GlobalFields();
11437</script>
11437
11438
11439<script>
11440    var ac_themeId = Shopify.theme.id;
11441    var shopIdann = '43424874658'; 
11442    var dis_WholeSaleP_version_Code = Date.now(); // or set manually like "v=3.2.1"
11443    var script = document.createElement('script');
11444    script.type = 'text/javascript';
11445    script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotalPdPage/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-product.js?v=' + dis_WholeSaleP_version_Code;
11446    script.defer = true;
11447    document.head.appendChild(script);
11448</script>
11448
11449 
11449<script>
11450    var ac_themeId = Shopify.theme.id;
11451    var shopIdann = '43424874658'; 
11452    var dis_WholeSale_version_Code = Date.now(); // or set manually like "v=3.2.1"
11453    var script = document.createElement('script');
11454    script.type = 'text/javascript';
11455    script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotal/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-cart.js?v=' + dis_WholeSale_version_Code;
11456    script.defer = true;
11457    document.head.appendChild(script);
11458</script>
11458
11459<!-- END app snippet -->
11460<script>
11461  window.acTierEnabled = true;
11462</script>
11462
11463
11464</div><div id="shopify-block-AY2lIZStBWFNsK0Njd__11468047240823483236" class="shopify-block shopify-app-block"><div id="sezzle-checkout-button-embed-block-error"></div>
11465<style>
11466  .sezzle-checkout-button {
11467   
11468
11469    
11470
11471    
11472
11473    
11474
11475    
11476
11477    
11478}
11479</style>
11480<script>
11481   
11482
11483   
11484      const embedCheckoutRendererScript = document.createElement("script");
11485      embedCheckoutRendererScript.type = "text/javascript";
11486      embedCheckoutRendererScript.src = "https://cdn.shopify.com/extensions/01a068e3-0c7f-7187-8245-9c5af06467ff/sezzle-widget-161123b6/assets/checkout-button-renderer.min.js";
11487      embedCheckoutRendererScript.onload = function() {
11488         new CheckoutButtonRenderer({
11489            merchantUUID : "0c164c73-b21a-470f-a08f-df5533089667",
11490            defaultPlacement : "true",
11491            theme : "light",
11492            template : "Checkout with %%logo%%",
11493            cartTotal : 0,
11494         }).init();
11495      };
11496      document.head.appendChild(embedCheckoutRendererScript);
11497   
11498</script>
11498
11499
11500
11501
11502
11503</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>
11504
11505<!-- BEGIN app snippet: findify-autocomplete-snippet -->
11505<script>
11506
11507  const desktop_products_limit = "4";
11508  const desktop_suggestions_limit = "6";
11509  const desktop_suggestion_template = "vertical"
11510  const mobile_products_limit = "4"
11511  const mobile_suggestions_limit = "6"
11512  const mobile_products_per_row = "1"
11513  const mobile_suggestion_template = "vertical"
11514  const contents_src = ""
11515  const contents_limit = "2"
11516  const contents_title = ""
11517  const content_src_1 = '';
11518  const content_limit_1 = '2';
11519  const content_title_1 = '';
11520  const content_show_image_1 = 'false';
11521  const content_src_2 = '';
11522  const content_limit_2 = '2';
11523  const content_title_2 = '';
11524  const content_show_image_2 = 'false';
11525  const desktop_products_per_row = '4';
11526
11527  document.addEventListener('DOMContentLoaded', () => {
11528
11529    const mapContentsForAutocomplete = () => {
11530      if(!!content_src_1 || !!content_src_2){
11531        return {
11532          [content_src_1]: { limit: content_limit_1 || 2, title: content_title_1 || '', position: 1, showImage: content_show_image_1 },
11533          [content_src_2]: { limit: content_limit_2 || 2, title: content_title_2 || '', position: 2, showImage: content_show_image_2 },
11534          ...(window.findify?.extraContents ? window.findify.extraContents : {})
11535        };
11536      }
11537
11538      const trimmedContents = contents_src?.trim();
11539      if(!trimmedContents) return [];
11540
11541      const limits = contents_limit.split(',').map(limit => limit.trim());
11542      const titles = contents_title.split(',').map(title => title.trim());
11543      return trimmedContents.split(',').reduce((acc, curr, index) => {
11544        const contentId = curr.trim();
11545        return {
11546          ...acc,
11547          [contentId]: { limit: limits[index] || limits[0], title: titles[index] || '' }
11548        }
11549      }, {});
11550    }
11551
11552    const initAutocomplete = () => {
11553      findify.autocomplete.init({
11554        desktop_products_limit,
11555        desktop_suggestions_limit,
11556        desktop_suggestion_template,
11557        mobile_products_limit,
11558        mobile_suggestions_limit,
11559        mobile_products_per_row,
11560        mobile_suggestion_template,
11561        desktop_products_per_row,
11562        contents: mapContentsForAutocomplete(),
11563      });
11564    }
11565    
11566    findify.core.init.then(() => {
11567      initAutocomplete();
11568
11569      window.addEventListener("popstate", () => {
11570        initAutocomplete();
11571      });
11572    });
11573  });
11574
11575</script>
11575<!-- END app snippet -->
11576
11577
11578</div>
11578<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11578
11579</body>
11580</html>
11581
11582

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.