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>Spring-Summer 2026 Fashion Trends & Professional Wardrobe</title> 33 34 35<meta name='description' content='Discover the spring and summer 2026 fashion trends for a stylish office wardrobe. Tips, key pieces, and sustainable professional styles.'> 36<link rel='canonical' href='https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends'> 37 38 39<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends" > 40<link rel="alternate" hreflang="en-US" href="https://us.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends"> 41<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr/blogs/news/spring-summer-2026-fashion-trends">
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" type="application/atom+xml" title="Feed" href="/blogs/news.atom" /> 44<link rel="alternate" hreflang="x-default" href="https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends"> 45<link rel="alternate" hreflang="en" href="https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends"> 46<link rel="alternate" hreflang="fr" href="https://www.tristanstyle.com/fr/blogs/nouvelles/tendance-mode-printemps-ete-2026">
47<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA&default_configuration_id=15401122"></script>
47 48<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
49<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 49
49
50<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 50
50
51<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 51
51
52<script>var Shopify = Shopify || {}; 53Shopify.shop = "tristandev.myshopify.com"; 54Shopify.locale = "en"; 55Shopify.currency = {"active":"CAD","rate":"1.0"}; 56Shopify.country = "CA"; 57Shopify.theme = {"name":"FALL 2026 | Tristan x Signifl...","id":149359067298,"schema_name":"Tristan x Signifly","schema_version":"1.0","theme_store_id":null,"role":"main"}; 58Shopify.theme.handle = "null"; 59Shopify.theme.style = {"id":null,"handle":null}; 60Shopify.cdnHost = "www.tristanstyle.com/cdn"; 61Shopify.routes = Shopify.routes || {}; 62Shopify.routes.root = "/"; 63Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 64Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 65Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 66Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 66
66
67<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 67
67
68<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 68
68
69<script> 70 window.ShopifyPay = window.ShopifyPay || {}; 71 window.ShopifyPay.apiHost = "shop.app\/pay"; 72 window.ShopifyPay.redirectState = null; 73</script>
vendor: 1 bytes, line 73
73
74<script> 75 window.Shopify = window.Shopify || {}; 76 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 77 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 78 window.Shopify.SignInWithShop.eligible = true; 79</script>
vendor: 1 bytes, line 79
79
80<script id="shop-js-analytics" type="application/json">{"pageType":"article"}</script>
vendor: 1 bytes, line 80
80
81<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 81
81
82<script type="module"> 83 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 84 85 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 86 87</script>
vendor: 1 bytes, line 87
87
88<script> 89 window.Shopify = window.Shopify || {}; 90 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 91 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"]}; 92</script>
vendor: 1 bytes, line 92
92
93<script>(function() { 94 var isLoaded = false; 95 function asyncLoad() { 96 if (isLoaded) return; 97 isLoaded = true; 98 var urls = ["https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=e14099dd\u0026shop=tristandev.myshopify.com"]; 99 for (var i = 0; i < urls.length; i++) { 100 var s = document.createElement('script'); 101 s.type = 'text/javascript'; 102 s.async = true; 103 s.src = urls[i]; 104 var x = document.getElementsByTagName('script')[0]; 105 x.parentNode.insertBefore(s, x); 106 } 107 }; 108 if(window.attachEvent) { 109 window.attachEvent('onload', asyncLoad); 110 } else { 111 window.addEventListener('load', asyncLoad, false); 112 } 113})();</script>
vendor: 1 bytes, line 113
113
114<script id="__st">var __st={"a":43424874658,"offset":-14400,"reqid":"46728ba9-f796-420f-8461-971cbf31c7bc-1790379571","pageurl":"www.tristanstyle.com\/blogs\/news\/spring-summer-2026-fashion-trends","s":"articles-565342503074","u":"b68900ca62fc","p":"article","rtyp":"article","rid":565342503074};</script>
vendor: 1 bytes, line 114
114
115<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 115
115
116<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 116
116
117<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 117
117
118<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>
118<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 118
118
119<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 119
119
120<script> 121 window.Shopify = window.Shopify || {}; 122 window.Shopify.MCP = window.Shopify.MCP || {}; 123 window.Shopify.MCP.enabled = true; 124 window.Shopify.MCP.shop = "tristandev.myshopify.com"; 125 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.tristanstyle.com\/api\/mcp"; 126 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"]}}]; 127</script>
vendor: 1 bytes, line 127
127
128<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=");})(); 129</script>
vendor: 1 bytes, line 129
129
130<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)}}; 131</script>
vendor: 1 bytes, line 131
131
132<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 133 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); 134</script>
vendor: 1 bytes, line 134
134
135<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})}})); 136</script>
136 137<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"> 138<style id="shopify-accelerated-checkout-cart"> 139 #shopify-buyer-consent { 140 margin-top: 1em; 141 display: inline-block; 142 width: 100%; 143} 144 145#shopify-buyer-consent.hidden { 146 display: none; 147} 148 149#shopify-subscription-policy-button { 150 background: none; 151 border: none; 152 padding: 0; 153 text-decoration: underline; 154 font-size: inherit; 155 cursor: pointer; 156} 157 158#shopify-subscription-policy-button::before { 159 box-shadow: none; 160} 161 162 </style> 163
164<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
164 165<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/swiper-bundle.min.css?v=153685735799929794211781536540" rel="stylesheet" type="text/css" media="all" />
166<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/swiper-bundle.min.js?v=103002418571436893271781536540' defer></script>
166 167 168<style> 169 :root { 170 --check-mark: url('//www.tristanstyle.com/cdn/shop/t/109/assets/check.svg?v=115119982267717169691781536516'); 171 } 172</style> 173 174<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/fonts.css?v=23710464837876899571781536568" rel="stylesheet" type="text/css" media="all" /> 175<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/app.css?v=90351701568318191581781536510" rel="stylesheet" type="text/css" media="all" /> 176<link href="//www.tristanstyle.com/cdn/shop/t/109/assets/lazyload.js?v=109627118707370519081781536531" as="script" rel="preload"> 177
178<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/shared.js?v=116849680700748551311781536539' defer></script>
vendor: 1 bytes, line 178
178
179<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/app.js?v=10907088656931206621785791530' defer></script>
vendor: 1 bytes, line 179
179
180<script src='//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js' defer></script>
180 181 182
183<script> 184 185 window.GORGIASCHAT_LANGUAGE = ' en-USâ' 186 187</script>
187 188<meta name="google-site-verification" content="0nyS7EKlPxZRMpSAfdOoKbNlYNeda3Wkbzxp6LxCjeQ" /> 189 190 <!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> 191 192 193 194 195 196 197 198 199 200 201 202 203 204 <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:"î¤"}
204.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
204or: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}
204to{opacity:1}} 205.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:")"} 206.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> 207 208
208<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>
208 209 <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> 210 <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> 211 <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>
211<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>
211 212 213 214 215 216 217 218 219 220 221 222 223 224 225<!-- END app snippet --> 226 227<!-- BEGIN app snippet: widget-plus-initialisation-script --> 228 229 230 231 232
232<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
232 233 234<!-- END app snippet --> 235 236 237<!-- END app block --><!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 -->
237<script 238 type="module" 239> 240 setTimeout(async function () { 241 const keySessionStorage = 'aw_settings'; 242 let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage)); 243 if(!__AW__settings) { 244 const awSettings = await fetch( 245 "/apps/addingwell-proxy", 246 { 247 method: "GET", 248 redirect: "follow", 249 headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'} 250 } 251 ); 252 if (awSettings.ok) { 253 __AW__settings = await awSettings.json(); 254 sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings)); 255 } else { 256 console.error('Addingwell - Loading proxy error', awSettings.status); 257 return; 258 } 259 } 260 261 if(__AW__settings.insertGtmTag && __AW__settings.gtmId) { 262 let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js'; 263 let __AW__isAddingwellCdn = false; 264 if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) { 265 __AW__gtmUrl = __AW__settings.gtmUrl; 266 __AW__isAddingwellCdn = __AW__settings.isAddingwellCdn; 267 } 268 269 (function(w,d,s,l,i){ 270 w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 271 var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; 272 j.async=true; 273 j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'awl' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f); 274 })(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`); 275 } 276 277 const __AW__getEventNameWithSuffix = (eventName) => { 278 return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : ""); 279 } 280 281 function __AW__waitForShopifyYCookie(maxAttempts, intervalMs) { 282 return new Promise(function(resolve) { 283 let attempts = 0; 284 maxAttempts = maxAttempts || 5; 285 intervalMs = intervalMs || 200; 286 function check() { 287 const match = document.cookie.match(/(?:^|;\s*)_shopify_y=([^;]*)/); 288 if (match) { 289 resolve(match[1]); 290 } else if (attempts < maxAttempts) { 291 attempts++; 292 setTimeout(check, intervalMs); 293 } else { 294 console.warn('[AW] _shopify_y cookie not found after consent'); 295 resolve(null); 296 } 297 } 298 check(); 299 }); 300 } 301 302 const __AW__CONSENT_KEY = 'aw_consent_state'; 303 304 function __AW__getConsentState() { 305 try { 306 if (window.Shopify?.customerPrivacy?.currentVisitorConsent) { 307 return JSON.stringify(window.Shopify.customerPrivacy.currentVisitorConsent()); 308 } 309 } catch(e) {} 310 return null; 311 } 312 313 function __AW__isEmptyConsent(stateStr) { 314 try { 315 return Object.values(JSON.parse(stateStr)).every(v => v === ''); 316 } catch(e) {} 317 return true; 318 } 319 320 let __AW__prevConsentState = __AW__getConsentState() ?? localStorage.getItem(__AW__CONSENT_KEY); 321 322 document.addEventListener('visitorConsentCollected', async function(event) { 323 const currentConsentState = __AW__getConsentState(); 324 325 if (currentConsentState !== null && currentConsentState === __AW__prevConsentState) { 326 return; 327 } 328 329 __AW__prevConsentState = currentConsentState; 330 331 if (currentConsentState !== null) { 332 if (__AW__isEmptyConsent(currentConsentState)) { 333 localStorage.removeItem(__AW__CONSENT_KEY); 334 } else { 335 localStorage.setItem(__AW__CONSENT_KEY, currentConsentState); 336 } 337 } 338 339 window.Shopify.analytics.publish('addingwell:shopify_update_consent', {visitorConsentCollected: true}); 340 341 const shopifyY = await __AW__waitForShopifyYCookie(); 342 if (!shopifyY) return; 343 344 window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || []; 345 window[__AW__settings.dataLayerVariableName].push({ 346 event: __AW__getEventNameWithSuffix('shopify_consent_updated'), 347 }); 348 }); 349 350 if(__AW__settings.enableDataLayer) { 351 const MAX_ITEMS_BATCH = 10; 352 const sendBatchEvents = (items, eventName, eventObject) => { 353 let batch = []; 354 for(let i = 0; i < items.length; i++) { 355 batch.push(items[i]); 356 if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) { 357 const eventClone = { 358 ...eventObject, 359 ecommerce: { 360 ...eventObject.ecommerce, 361 items: [...batch] 362 } 363 }; 364 window[__AW__settings.dataLayerVariableName].push({ ecommerce: null }); 365 window[__AW__settings.dataLayerVariableName].push({ 366 ...{'event': __AW__getEventNameWithSuffix(eventName)}, 367 ...eventClone 368 }); 369 370 batch = []; 371 } 372 } 373 } 374 375 function __AW__filterNullOrEmpty(obj) { 376 let filteredObj = {}; 377 378 for (let key in obj) { 379 if (obj.hasOwnProperty(key)) { 380 let value = obj[key]; 381 382 // If value is an object (and not null), recursively filter sub-elements 383 if (typeof value === "object" && value !== null && value !== undefined) { 384 let filteredSubObject = __AW__filterNullOrEmpty(value); 385 386 // Add the filtered sub-object only if it's not empty 387 if (Object.keys(filteredSubObject).length > 0) { 388 filteredObj[key] = filteredSubObject; 389 } 390 } else { 391 // Add the value only if it's neither null nor an empty string 392 if (value !== null && value !== "" && value !== undefined) { 393 filteredObj[key] = value; 394 } 395 } 396 } 397 } 398 return filteredObj; 399 } 400 401 function getPageType(value) { 402 const pageTypeMapping = { 403 404: '404', 404 article: 'article', 405 blog: 'blog', 406 cart: 'cart', 407 collection: 'collection', 408 gift_card: 'gift_card', 409 index: 'homepage', 410 product: 'product', 411 search: 'searchresults', 412 'customers/login': 'login', 413 'customers/register': 'sign_up' 414 }; 415 return pageTypeMapping[value] || 'other'; 416 } 417 let __AW__cartReady = false;
418 419 function pushDataLayerEvents() { 420 initCart(); 421 window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || []; // init data layer if doesn't already exist 422 const templateName = "article"; 423 424 const getFormattedPrice = (priceInCents) => priceInCents/100; 425 /********************** 426 * DATALAYER SECTIONS 427 ***********************/ 428 /** 429 * DATALAYER: User Data 430 * Build user_data properties. 431 */ 432 let newCustomer = true; 433 window.__AW__CommonData = { 434 user_data: { 435 new_customer: newCustomer, 436 } 437 }; 438 439 440 441 window.__AW__CommonData.country = "CA" 442 window.__AW__CommonData.market = "ca" 443 window.__AW__CommonData.marketId = 3013640354 444 445 446 window.__AW__CommonData.language = "en-CA"; 447 448 window.__AW__CommonData = __AW__filterNullOrEmpty(window.__AW__CommonData); 449 450 // Ajout du hash SHA256 des champs sensibles de user_data (version robuste) 451 async function sha256(str) { 452 if (!str) return undefined; 453 if (!(window.crypto && window.crypto.subtle)) { 454 console.error('Crypto.subtle non supporté, hash impossible pour :', str); 455 return undefined; 456 } 457 try { 458 const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str)); 459 return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join(''); 460 } catch (e) { 461 console.error('Erreur lors du hash SHA256 pour', str, e); 462 return undefined; 463 } 464 } 465 async function getUserDataHash(user_data) { 466 const hashObj = {}; 467 if (!user_data) return hashObj; 468 try { 469 if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address); 470 if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number); 471 if (user_data.address && typeof user_data.address === 'object') { 472 hashObj.address = {}; 473 if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name); 474 if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name); 475 if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street); 476 if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city); 477 if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region); 478 if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code); 479 if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country); 480 } 481 } catch (e) { 482 console.error('Erreur lors du hash user_data_hashed', e); 483 } 484 return __AW__filterNullOrEmpty(hashObj); 485 } 486 (async function() { 487 if (window.__AW__CommonData && window.__AW__CommonData.user_data) { 488 window.__AW__CommonData.user_data_hashed = await getUserDataHash(window.__AW__CommonData.user_data); 489 } 490 })(); 491 492 window.__AW__CommonData["page_type"] = getPageType(templateName); 493 window.__AW__CommonData["theme"] = window?.Shopify?.theme; 494 window[__AW__settings.dataLayerVariableName].push(window.__AW__CommonData); 495 496 window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")}); 497 498 /** DATALAYER: select_item handoff */ 499 const pendingSelectItemName = "aw_pending_select_item"; 500 501 const __AW__pushSelectItem = (payload) => { 502 window[__AW__settings.dataLayerVariableName].push({ ecommerce: null }); 503 window[__AW__settings.dataLayerVariableName].push(payload); 504 }; 505 506 const __AW__flushPendingSelectItem = () => { 507 let pending = null; 508 try { 509 pending = sessionStorage.getItem(pendingSelectItemName); 510 sessionStorage.removeItem(pendingSelectItemName); 511 } catch (e) { 512 return; 513 } 514 if (!pending) return; 515 try { 516 __AW__pushSelectItem(JSON.parse(pending)); 517 } catch (e) { 518 console.warn('[AW] pending select_item error', e); 519 } 520 }; 521 522 __AW__flushPendingSelectItem(); 523 524 525 /** 526 * DATALAYER: 404 Pages 527 * Fire on 404 Pages */ 528 529 530 531 /** 532 * DATALAYER: Blog Articles 533 * Fire on Blog Article Pages */ 534 535 window[__AW__settings.dataLayerVariableName].push({ 536 'author' : "Rablab", 537 'title' : "Spring-Summer 2026 Fashion Trends: Building a Chic Wardrobe for the Office", 538 'dateCreated' : [8,20,16,25,2,2026,3,56,false,"EST"], 539 'event' : __AW__getEventNameWithSuffix('blog') 540 }); 541 542 543 544 545 546 547 /** DATALAYER: Product List Page (Collections, Category) 548 * Fire on all product listing pages. */ 549 550 const __AW__transformNumberToString = (value) => { 551 if (value !== null && value !== undefined && typeof value === 'number') { 552 return value.toString(); 553 } 554 /** By Default return the current value */ 555 return value; 556 }; 557 558 let discountPrice = 0.00; 559 560 561 /** DATALAYER: Product Page 562 * Fire on all Product View pages. */ 563 564 565 /** DATALAYER: Cart View 566 * Fire anytime a user views their cart (non-dynamic) */ 567 568 569 let drawerCartAlreadyOpened = false;
570 let pendingViewCartTimeout = null; 571 572 let stateObserver = null; 573 let domObserver = null; 574 575 function initCart() { 576 fetch(`${window.Shopify?.routes?.root || "/"}cart.js?adw=1&init=1`, { 577 credentials: 'same-origin', 578 headers: { 'Accept': 'application/json' } 579 }).then(r => r.ok ? r.json() : null) 580 .then(freshCart => { 581 if (freshCart) { 582 window.__AW__slaveShopifyCart = freshCart; 583 } else { 584 window.__AW__slaveShopifyCart = { items: [] }; 585 } 586 __AW__cartReady = true; 587 }) 588 .catch(e => { 589 console.warn('[AW] Cart hydration failed', e); 590 window.__AW__slaveShopifyCart = { items: [] }; 591 __AW__cartReady = true; 592 }); 593 } 594 595 function fireViewCartOncePerOpen() { 596 if (pendingViewCartTimeout) return; 597 598 drawerCartAlreadyOpened = true; 599 600 pendingViewCartTimeout = setTimeout(() => { 601 pendingViewCartTimeout = null; 602 if (!__AW__cartReady) return; 603 const ecommerceDataLayer = { 604 ecommerce: { 605 currency: window.__AW__slaveShopifyCart.currency, 606 value: window.__AW__slaveShopifyCart.total_price / 100, 607 items: window.__AW__slaveShopifyCart.items.map(item => { 608 const price = (item.discounted_price ?? item.price) / 100; 609 const discount = (item.price - (item.discounted_price ?? 0)) / 100; 610 611 let coupon = ""; 612 if (Array.isArray(item?.discounts)) { 613 coupon = item.discounts 614 .filter(d => typeof d?.title === "string") 615 .map(d => d.title) 616 .join(", "); 617 } 618 619 return { 620 item_id: __AW__transformNumberToString(item.product_id), 621 item_variant: item.variant_title, 622 item_variant_title: item.variant_title, 623 item_variant_id: __AW__transformNumberToString(item.variant_id), 624 item_product_id: __AW__transformNumberToString(item.product_id), 625 item_product_title: item.product_title, 626 item_name: item.product_title, 627 price, 628 discount, 629 item_brand: item.vendor, 630 item_category: item.product_type, 631 item_list_name: item.collection || "", 632 item_list_id: "", 633 quantity: item.quantity, 634 sku: __AW__transformNumberToString(item.sku), 635 coupon, 636 url: item.url, 637 selling_plan_id : item?.selling_plan_allocation?.selling_plan?.id, 638 selling_plan_name : item?.selling_plan_allocation?.selling_plan?.name 639 640 }; 641 }) 642 } 643 }; 644 645 window[__AW__settings.dataLayerVariableName].push({ ecommerce: null }); 646 window[__AW__settings.dataLayerVariableName].push({ 647 event: __AW__getEventNameWithSuffix("view_cart"), 648 ...ecommerceDataLayer 649 }); 650 }, 1000); 651 } 652 653 function resetOnClose() { 654 drawerCartAlreadyOpened = false; 655 if (pendingViewCartTimeout) { 656 clearTimeout(pendingViewCartTimeout); 657 pendingViewCartTimeout = null; 658 } 659 } 660 661 function getTargets() { 662 const cartDrawer = document.querySelector("cart-drawer"); 663 const dialog = 664 document.querySelector("cart-drawer dialog") || 665 document.querySelector("cart-drawer-component dialog") || 666 document.querySelector("cart-drawer-component dialog[ref='dialog']"); 667 668 return { cartDrawer, dialog }; 669 } 670 671 function isCartOpen({ cartDrawer, dialog }) { 672 const openByDialog = !!dialog && (dialog.open || dialog.hasAttribute("open")); 673 const openByClass = !!cartDrawer && cartDrawer.classList.contains("active"); 674 const openByAttr = !!cartDrawer && cartDrawer.hasAttribute("open"); 675 return openByDialog || openByClass || openByAttr; 676 } 677 678 function attachStateObserver() { 679 const { cartDrawer, dialog } = getTargets(); 680 681 if (stateObserver) stateObserver.disconnect(); 682 683 stateObserver = new MutationObserver(() => { 684 const openNow = isCartOpen(getTargets()); 685 686 if (openNow) { 687 if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen(); 688 } else { 689 resetOnClose(); 690 } 691 }); 692 693 if (cartDrawer) { 694 stateObserver.observe(cartDrawer, { 695 attributes: true, 696 attributeFilter: ["class", "open"] 697 }); 698 } 699 700 if (dialog) { 701 stateObserver.observe(dialog, { 702 attributes: true, 703 attributeFilter: ["open"] 704 }); 705 } 706 707 const openNow = isCartOpen(getTargets()); 708 if (openNow) { 709 if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen(); 710 } else { 711 resetOnClose(); 712 } 713 } 714 715 function observeCartDrawerOpen() { 716 attachStateObserver(); 717 718 if (domObserver) domObserver.disconnect(); 719 720 domObserver = new MutationObserver(() => { 721 attachStateObserver(); 722 }); 723 724 domObserver.observe(document.documentElement, { 725 childList: true, 726 subtree: true 727 }); 728 } 729 730 observeCartDrawerOpen(); 731 732 733 /** DATALAYER: Search Results */ 734 var searchPage = new RegExp("search", "g"); 735 if(document.location.pathname.match(searchPage)){ 736 var __AW__items = []; 737 738 739 const awEcommerceSearch = { 740 search_term: null, 741 results_count: null, 742 ecommerce: { 743 currency: "CAD", 744 items : [] 745 } 746 }; 747 sendBatchEvents(__AW__items, "search", awEcommerceSearch); 748 } 749 750 751 const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/; 752 const pendingCartEventName = "aw_pending_cart_event"; 753 let awCartQueue = Promise.resolve(); 754 755 if(sessionStorage.getItem(pendingCartEventName)) { 756 scheduleCartSync(); 757 } 758 759 document.addEventListener('click', async function(e) { 760 const btn = e.target.closest('[href*="/cart/add"], [action*="/cart/add"], button[name="add"]'); 761 if (!btn || !__AW__cartReady) return; 762 snapshotCart(); 763 }, true); 764 765 patchFetch(); 766 patchXhr(); 767 768 function snapshotCart() { 769 try { 770 sessionStorage.setItem( 771 pendingCartEventName, 772 JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] }) 773 ); 774 } catch (e) { 775 console.warn('[AW] snapshot error', e); 776 } 777 } 778 779 function patchXhr() { 780 const nativeSend = typeof XMLHttpRequest === 'function' ? XMLHttpRequest.prototype?.send : null; 781 if (typeof nativeSend !== 'function' || nativeSend.__AW__patched) return; 782 783 XMLHttpRequest.prototype.send = function(body) { 784 this.addEventListener('load', () => { 785 try { 786 const abs = this.responseURL || ''; 787 const u = new URL(abs, location.origin); 788 const mt = u.pathname + (u.search || ''); 789 if (this.status === 200 && cartRegex.test(mt)) { 790 scheduleCartSync(); 791 } 792 } catch (e) { 793 console.error('[AW] XHR handler error', e); 794 } 795 }); 796 return nativeSend.apply(this, arguments); 797 }; 798 799 XMLHttpRequest.prototype.send.__AW__patched = true; 800 } 801 802 function patchFetch() { 803 const previousFetch = window.fetch; 804 if (typeof previousFetch !== 'function' || previousFetch.__AW__patched) return; 805 806 window.fetch = async function (...args) { 807 const resource = args[0]; 808 try { 809 810 const url = resource instanceof Request ? resource.url : resource instanceof URL ? resource.href : String(resource); 811 if (cartRegex.test(url)) { 812 const response = await previousFetch.apply(this, args); 813 if (response.ok) { 814 scheduleCartSync(); 815 } else { 816 console.warn(`Fetch for ${url} failed with status: ${response.status}`); 817 } 818 return response; 819 } 820 } catch (error) { 821 console.error('[AW] Fetch Wrapper Error:', error); 822 } 823 824 return previousFetch.apply(this, args); 825 }; 826 827 window.fetch.__AW__patched = true; 828 } 829 830 function scheduleCartSync() { 831 if (!__AW__cartReady) return; 832 awCartQueue = awCartQueue 833 .then(() => { 834 if (!sessionStorage.getItem(pendingCartEventName)) snapshotCart(); 835 return runCartSyncOnce(); 836 }).catch(e => { 837 console.error('[AW] scheduleCartSync error', e); 838 }); 839 } 840 841 async function runCartSyncOnce() { 842 try { 843 const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, { 844 credentials: 'same-origin', 845 headers: { 'Accept': 'application/json' } 846 }); 847 if (!response.ok) throw new Error('HTTP ' + response.status); 848 const newCart = await response.json(); 849 await compareCartData(newCart); 850 } catch (error) { 851 console.error('[AW] Error fetching /cart.js (singleton):', error); 852 } 853 } 854 855 function compareCartData(newCartData) { 856 return new Promise((resolve) => { 857 setTimeout(() => { 858 try { 859 const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : {items: []}; 860 newCartData = newCartData || {items: []}; 861 const cartItemKey = item => `${item.variant_id ?? item.id}:${item.selling_plan_allocation?.selling_plan?.id ?? ''}`; 862 const oldItems = new Map(oldCartData.items.map(item => [cartItemKey(item), item])); 863 const newItems = new Map(newCartData.items.map(item => [cartItemKey(item), item])); 864
865 newItems.forEach((newItem, key) => { 866 const oldItem = oldItems.get(key); 867 const eventName = "add_to_cart"; 868 if (!oldItem) { 869 handleCartDataLayer(eventName, newItem.quantity, newItem); 870 } else if (newItem.quantity > oldItem.quantity) { 871 handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem); 872 } 873 }); 874 875 oldItems.forEach((oldItem, key) => { 876 const newItem = newItems.get(key); 877 const eventName = "remove_from_cart"; 878 if (!newItem) { 879 handleCartDataLayer(eventName, oldItem.quantity, oldItem); 880 } else if (oldItem.quantity > newItem.quantity) { 881 handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem); 882 } 883 }); 884 885 sessionStorage.removeItem(pendingCartEventName); 886 window.__AW__slaveShopifyCart = newCartData; 887 } catch(e) { 888 console.error('[AW] compareCartData error', e); 889 sessionStorage.removeItem(pendingCartEventName); 890 } finally { 891 resolve(); 892 } 893 }, 500); 894 }); 895 } 896 897 function handleCartDataLayer(eventName, quantity, item) { 898 const price = (item.discounted_price ?? item.price) / 100; 899 const discount = (item.price - (item.discounted_price ?? 0)) / 100; 900 const totalValue = price * quantity; 901 let coupon = ""; 902 if(Array.isArray(item?.discounts)) { 903 coupon = item.discounts 904 .filter(discount => typeof discount?.title === 'string') 905 .map(discount => discount.title) 906 .join(', '); 907 } 908 909 const ecommerceCart = { 910 ecommerce: { 911 currency: "CAD", 912 value: totalValue, 913 items: [{ 914 item_id: __AW__transformNumberToString(item.product_id), 915 item_variant: item.variant_title || "Default Variant", 916 item_variant_id: __AW__transformNumberToString(item.variant_id), 917 item_variant_title: item.variant_title || "Default Variant", 918 item_name: item.product_title, 919 item_product_id: __AW__transformNumberToString(item.product_id), 920 item_product_title: item.product_title, 921 sku: __AW__transformNumberToString(item.sku), 922 discount: discount, 923 price: price, 924 item_brand: item.vendor, 925 item_category: item.product_type, 926 quantity: quantity, 927 coupon: coupon, 928 url: item?.url, 929 selling_plan_id : item?.selling_plan_allocation?.selling_plan?.id, 930 selling_plan_name : item?.selling_plan_allocation?.selling_plan?.name 931 }] 932 } 933 }; 934 935 window[__AW__settings.dataLayerVariableName].push({ ecommerce: null }); 936 window[__AW__settings.dataLayerVariableName].push({ 937 ...{ 'event': __AW__getEventNameWithSuffix(eventName) }, 938 ...ecommerceCart 939 }); 940 941 } 942 } 943 944 if (document.readyState === 'loading') { 945 // document still loading... 946 document.addEventListener('DOMContentLoaded', () => { 947 pushDataLayerEvents(); 948 }); 949 } else { 950 // already loaded, chocs away! 951 pushDataLayerEvents(); 952 } 953 } 954 }, 0); 955</script>
955 956 957 958<!-- 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 --> 959
960<script async> 961 (function() { 962 window.ScCommon = { 963 shop: { 964 moneyFormat: window?.GiftCardHeroCustom?.moneyFormat || '${{amount}}', 965 customer: null, 966 }, 967 }; 968 969 window.GiftCardHero = { 970 common: { 971 translations: { 972 preview: 'Preview', 973 mycards: 'My Gift Cards', 974 account: 'Account', 975 details: 'Details', 976 noRegisteredCards: 'No registered gift cards', 977 checkBalance: 'Check the balance', 978 customAmount: 'Custom', 979 giftCard: 'Gift card', 980 expiresOn: 'Expires on {{ expiry }}', 981 }, 982 }, 983 shop: { 984 items: [], 985 currency: 'CAD', 986 mainCurrency: 'CAD', 987 }, 988 balance: { 989 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}, 990 translations: { 991 '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"}, 992 }, 993 }, 994 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"}}, 995 isGiftProduct: false, 996 productId: null, 997 img: '', 998 options: null, 999 hideMyGiftcards: false, 1000 giftcards: false, 1001 }; 1002 1003 1004 })(); 1005</script>
1005 1006 1007 1008<!-- END app snippet --> 1009 1010 1011 1012 1013 1014 1015 1016
1016<script 1017 src="https://cdn.shopify.com/extensions/01a0a602-51d8-707b-8871-48a2233480d8/gift-card-hero-523/assets/storefront.min.js" 1018 defer 1019 data-cmp-ignore 1020 data-cmp-ab="2" 1021 data-cookieconsent="ignore"></script>
1021 1022 1023 1024 1025 1026 1027 1028<!-- END app block --><!-- BEGIN app block: shopify://apps/findify-search-merchandise/blocks/findify-BG-operations/861ae6ec-2c4a-4ae9-bd1b-43913344990c --> 1029 1030<!-- Findify core -->
1031<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 1031
1031
1032<script src="//assets.findify.io/tristandev.myshopify.com-config-json.js" async></script>
vendor: 1 bytes, line 1032
1032
1033<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 1033
1033
1034<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 1034
1034
1035<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 1035
1035
1036<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 1036
1036
1037<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 1037
1037
1038<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 1038
1038
1039<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 1039
1039
1040<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 1040
1040
1041<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 1041
1041
1042<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 1042
1042
1043<script src="https://cdn.shopify.com/extensions/019fae1e-ae03-7207-886b-c7994b8fdeeb/findify-search-and-merchandise-152/assets/recommendation.js" async></script>
1043 1044 1045 1046
1047<script> 1048 // set image aspect ratio 1049 const product_card_image_aspect_ratio = 100; 1050 const aspect_ratio = product_card_image_aspect_ratio <= 0 ? 100 : product_card_image_aspect_ratio; 1051 document.documentElement.style.setProperty('--findify-product-card-aspect-ratio', `${aspect_ratio}%`); 1052 1053 window.findifyBGOperationsBlockSettings = { 1054 useCurrencyConverter : false, 1055 showProductCardHoverImage: true, 1056 productQuantityPerBatchRender: 1, 1057 showColorSwatchesOnDesktop: false, 1058 showColorSwatchesOnMobile: false, 1059 colorSwatchesStyleDesktop: 2, 1060 colorSwatchesStyleMobile: 2, 1061 colorSwatchesVisibility: 1 1062 }; 1063</script>
1063 1064 1065 1066<!-- END app block --><!-- BEGIN app block: shopify://apps/crazy-egg/blocks/app-embed/7ea73823-6ad9-4252-a63e-088397d54aed --> 1067
1067<script async src="https://script.crazyegg.com/pages/scripts/0129/4144.js"></script>
1067 1068 1069 1070 1071<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084
1084<script async src="https://static.klaviyo.com/onsite/js/RxuWrY/klaviyo.js?company_id=RxuWrY"></script>
1084 1085
1085<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>
1085 1086 1087 1088 1089 1090 1091 1092
1092<script> 1093 window.klaviyoReviewsProductDesignMode = false 1094 </script>
1094 1095 1096 1097 1098 <!-- BEGIN app snippet: customer-hub-data -->
1098<script> 1099 if (!window.customerHub) { 1100 window.customerHub = {}; 1101 } 1102 window.customerHub.storefrontRoutes = { 1103 login: "https://www.tristanstyle.com/customer_authentication/redirect?locale=en®ion_country=CA?return_url=%2F%23k-hub", 1104 register: "/account/register?return_url=%2F%23k-hub", 1105 logout: "/account/logout", 1106 profile: "/account", 1107 addresses: "/account/addresses", 1108 }; 1109 1110 window.customerHub.userId = null; 1111 1112 window.customerHub.storeDomain = "tristandev.myshopify.com"; 1113 1114 1115 1116 1117 window.customerHub.storeLocale = { 1118 currentLanguage: 'en', 1119 currentCountry: 'CA', 1120 availableLanguages: [ 1121 1122 { 1123 iso_code: 'en', 1124 endonym_name: 'English' 1125 }, 1126 1127 { 1128 iso_code: 'fr', 1129 endonym_name: 'français' 1130 } 1131 1132 ], 1133 availableCountries: [ 1134 1135 { 1136 iso_code: 'CA', 1137 name: 'Canada', 1138 currency_code: 'CAD' 1139 } 1140 1141 ] 1142 }; 1143 1144</script>
1144 1145<!-- END app snippet --> 1146 1147 1148 1149 1150 1151 1152 1153<!-- END app block --><!-- BEGIN app block: shopify://apps/wishlist-hero/blocks/app-embed/a9a5079b-59e8-47cb-b659-ecf1c60b9b72 --> 1154 1155
1156<script type="text/javascript"> 1157 1158 window.wishlisthero_buttonProdPageClasses = []; 1159 1160 1161 window.wishlisthero_cartDotClasses = []; 1162 1163</script>
1163 1164<!-- BEGIN app snippet: extraStyles --> 1165 1166<style> 1167 .wishlisthero-floating { 1168 position: absolute; 1169 top: 5px; 1170 z-index: 21; 1171 border-radius: 100%; 1172 width: fit-content; 1173 right: 5px; 1174 left: auto; 1175 } 1176 .wishlisthero-floating.wlh-left-btn { 1177 left: 5px !important; 1178 right: auto !important; 1179 } 1180 .wishlisthero-floating.wlh-right-btn { 1181 right: 5px !important; 1182 left: auto !important; 1183 } 1184 .wishlisthero-floating{ 1185 1186 } 1187 /* Disabled: this rule was invalid (trailing comma) and thus dead in ALL browsers until the 1188 selector was fixed. Re-enabling it changes floating-icon placement at >=1300px on themes 1189 with .product-item__link/.product-item__image--margins grid markup. Re-enable only after 1190 staging verification confirms the new placement is desired. 1191 @media(min-width:1300px) { 1192 .product-item__link.product-item__image--margins .wishlisthero-floating { 1193 1194 left: 50% !important; 1195 margin-left: -295px; 1196 1197 } 1198 } 1199 */ 1200 1201 1202</style> 1203 1204 1205 1206 1207 1208 1209<!-- END app snippet --> 1210<!-- BEGIN app snippet: renderAssets --> 1211 1212 1213 <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> 1214
1214<script defer src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/default.js"></script>
1214 1215 1216<!-- END app snippet --> 1217 1218
1219<script type="text/javascript"> 1220 try{ 1221 window.WishListHero_block_settings = window.WishListHero_block_settings || {}; 1222 1223 1224 1225 window.WishListHero_block_settings.customLoginUrl = "\/account\/login"; 1226 1227 }catch(e){ console.error('WLH block settings error', e); } 1228</script>
1228 1229
1230<script type="text/javascript"> 1231 try{ 1232 1233 var scr_bdl_path = "https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js"; 1234 window._wh_asset_path = scr_bdl_path.substring(0,scr_bdl_path.lastIndexOf("/")) + "/"; 1235 1236 1237 }catch(e){ console.log(e)} 1238 try{ 1239 1240 1241 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"}; 1242 if(typeof(window.WishListHero_setting_theme_override) != "undefined"){ 1243 window.WishListHero_setting = { 1244 ...window.WishListHero_setting, 1245 ...window.WishListHero_setting_theme_override 1246 }; 1247 } 1248 // Done 1249 1250 1251 1252 1253 1254 if(window.WishListHero_setting){ 1255 window.WishListHero_setting.customLoginUrl = "\/account\/login"; 1256 } 1257 1258 1259 }catch(e){ console.error('Error loading config',e); } 1260</script>
1260 1261 1262 1263 1264 1265
1265<script src="https://cdn.shopify.com/extensions/01a0c9b1-b536-7817-99bb-85cdbd32be4f/wishlist-hero-95/assets/bundle2.js" defer></script>
1265 1266 1267 1268 1269 1270<!-- BEGIN app snippet: TransArray -->
1271<script> 1272 window.WLH_reload_translations = function() { 1273 let _wlh_res = {}; 1274 if (window.WishListHero_setting && window.WishListHero_setting['ThrdParty_Trans_active']) { 1275 1276 1277 1278 1279 window.WishListHero_setting["ButtonTextBeforeAdding"] = "Add to Wishlist"; 1280 _wlh_res["ButtonTextBeforeAdding"] = "Add to Wishlist"; 1281 1282 1283 window.WishListHero_setting["ButtonTextAfterAdding"] = "Added to Wishlist"; 1284 _wlh_res["ButtonTextAfterAdding"] = "Added to Wishlist"; 1285 1286 1287 window.WishListHero_setting["ButtonTextAddToCart"] = "Add to Cart"; 1288 _wlh_res["ButtonTextAddToCart"] = "Add to Cart"; 1289 1290 1291 window.WishListHero_setting["ButtonTextOutOfStock"] = "OUT OF STOCK"; 1292 _wlh_res["ButtonTextOutOfStock"] = "OUT OF STOCK"; 1293 1294 1295 window.WishListHero_setting["ButtonTextAddAllToCart"] = "Add all to Cart"; 1296 _wlh_res["ButtonTextAddAllToCart"] = "Add all to Cart"; 1297 1298 1299 window.WishListHero_setting["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist"; 1300 _wlh_res["ButtonTextRemoveAllToCart"] = "Remove all from Wishlist"; 1301 1302 1303 window.WishListHero_setting["AddedProductNotificationText"] = "Product added to wishlist successfully"; 1304 _wlh_res["AddedProductNotificationText"] = "Product added to wishlist successfully"; 1305 1306 1307 window.WishListHero_setting["AddedProductToCartNotificationText"] = "Product added to cart successfully"; 1308 _wlh_res["AddedProductToCartNotificationText"] = "Product added to cart successfully"; 1309 1310 1311 window.WishListHero_setting["ViewCartLinkText"] = "View Cart"; 1312 _wlh_res["ViewCartLinkText"] = "View Cart"; 1313 1314 1315 window.WishListHero_setting["SharePopup_TitleText"] = "Share My wishlist"; 1316 _wlh_res["SharePopup_TitleText"] = "Share My wishlist"; 1317 1318 1319 window.WishListHero_setting["SharePopup_shareBtnText"] = "Share"; 1320 _wlh_res["SharePopup_shareBtnText"] = "Share"; 1321 1322 1323 window.WishListHero_setting["SharePopup_shareHederText"] = "Share on Social Networks"; 1324 _wlh_res["SharePopup_shareHederText"] = "Share on Social Networks"; 1325 1326 1327 window.WishListHero_setting["SharePopup_shareCopyText"] = "Or copy Wishlist link to share"; 1328 _wlh_res["SharePopup_shareCopyText"] = "Or copy Wishlist link to share"; 1329 1330 1331 window.WishListHero_setting["SharePopup_shareCancelBtnText"] = "Cancel"; 1332 _wlh_res["SharePopup_shareCancelBtnText"] = "Cancel"; 1333 1334 1335 window.WishListHero_setting["SharePopup_shareCopyBtnText"] = "copy"; 1336 _wlh_res["SharePopup_shareCopyBtnText"] = "copy"; 1337 1338 1339 window.WishListHero_setting["SendEMailPopup_BtnText"] = "send email"; 1340 _wlh_res["SendEMailPopup_BtnText"] = "send email"; 1341 1342 1343 window.WishListHero_setting["SendEMailPopup_FromText"] = "From Name"; 1344 _wlh_res["SendEMailPopup_FromText"] = "From Name"; 1345 1346 1347 window.WishListHero_setting["SendEMailPopup_ToText"] = "To email"; 1348 _wlh_res["SendEMailPopup_ToText"] = "To email"; 1349 1350 1351 window.WishListHero_setting["SendEMailPopup_BodyText"] = "Body"; 1352 _wlh_res["SendEMailPopup_BodyText"] = "Body"; 1353 1354 1355 window.WishListHero_setting["SendEMailPopup_SendBtnText"] = "send"; 1356 _wlh_res["SendEMailPopup_SendBtnText"] = "send"; 1357 1358 1359 window.WishListHero_setting["SendEMailPopup_SendNotificationText"] = "email sent successfully"; 1360 _wlh_res["SendEMailPopup_SendNotificationText"] = "email sent successfully"; 1361 1362 1363 window.WishListHero_setting["SendEMailPopup_TitleText"] = "Send My Wislist via Email"; 1364 _wlh_res["SendEMailPopup_TitleText"] = "Send My Wislist via Email"; 1365 1366 1367 window.WishListHero_setting["AddProductMessageText"] = "Are you sure you want to add all items to cart ?"; 1368 _wlh_res["AddProductMessageText"] = "Are you sure you want to add all items to cart ?"; 1369 1370 1371 window.WishListHero_setting["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?"; 1372 _wlh_res["RemoveProductMessageText"] = "Are you sure you want to remove this item from your wishlist ?"; 1373 1374 1375 window.WishListHero_setting["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?"; 1376 _wlh_res["RemoveAllProductMessageText"] = "Are you sure you want to remove all items from your wishlist ?"; 1377 1378 1379 window.WishListHero_setting["RemovedProductNotificationText"] = "Product removed from wishlist successfully"; 1380 _wlh_res["RemovedProductNotificationText"] = "Product removed from wishlist successfully"; 1381 1382 1383 window.WishListHero_setting["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later"; 1384 _wlh_res["AddAllOutOfStockProductNotificationText"] = "There seems to have been an issue adding items to cart, please try again later"; 1385 1386 1387 window.WishListHero_setting["RemovePopupOkText"] = "Ok"; 1388 _wlh_res["RemovePopupOkText"] = "Ok"; 1389 1390 1391 window.WishListHero_setting["RemovePopup_HeaderText"] = "are you sure?"; 1392 _wlh_res["RemovePopup_HeaderText"] = "are you sure?"; 1393 1394 1395 window.WishListHero_setting["ViewWishlistText"] = "View wishlist"; 1396 _wlh_res["ViewWishlistText"] = "View wishlist"; 1397 1398 1399 window.WishListHero_setting["EmptyWishlistText"] = "there are no items in this wishlist"; 1400 _wlh_res["EmptyWishlistText"] = "there are no items in this wishlist"; 1401 1402
1403 window.WishListHero_setting["BuyNowButtonText"] = "Buy Now"; 1404 _wlh_res["BuyNowButtonText"] = "Buy Now"; 1405 1406 1407 window.WishListHero_setting["Wishlist_Title"] = "My Wishlist"; 1408 _wlh_res["Wishlist_Title"] = "My Wishlist"; 1409 1410 1411 window.WishListHero_setting["LoginPopupContent"] = "Please login to save your wishlist across devices."; 1412 _wlh_res["LoginPopupContent"] = "Please login to save your wishlist across devices."; 1413 1414 1415 window.WishListHero_setting["LoginPopupLoginBtnText"] = "Login"; 1416 _wlh_res["LoginPopupLoginBtnText"] = "Login"; 1417 1418 1419 window.WishListHero_setting["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist"; 1420 _wlh_res["EnableRemoveFromWishlistAfterAddButtonText"] = "Remove from Wishlist"; 1421 1422 1423 window.WishListHero_setting["LowStockEmailSubject"] = "Low stock on items in your wishlist!"; 1424 _wlh_res["LowStockEmailSubject"] = "Low stock on items in your wishlist!"; 1425 1426 1427 window.WishListHero_setting["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!"; 1428 _wlh_res["OnSaleEmailSubject"] = "Price Drop on items in your wishlist!"; 1429 1430 1431 window.WishListHero_setting["SharePopup_shareCopiedText"] = "Copied"; 1432 _wlh_res["SharePopup_shareCopiedText"] = "Copied"; 1433 } 1434 return _wlh_res; 1435 } 1436 window.WLH_reload_translations(); 1437</script>
1437<!-- END app snippet --> 1438 1439<!-- END app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0434/2487/4658/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027" /> 1440<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0434/2487/4658/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027" /> 1441<meta property="og:image:width" content="3978" /> 1442<meta property="og:image:height" content="1629" /> 1443<meta property="og:image:alt" content="Spring-Summer 2026 Fashion Trends: Building a Chic Wardrobe for the Office" /> 1444<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1445<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: "article"};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 1445
1445
1446<script> 1447 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1448</script>
vendor: 1 bytes, line 1448
1448
1449<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1449).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 43424874658,storefrontBaseUrl: "https://www.tristanstyle.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.tristanstyle.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1371635874","configuration":"{\"accountID\":\"RxuWrY\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"961183906","configuration":"{\"pixel_id\":\"964254650317590\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"958857378","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-973934731\\\",\\\"GT-K8F8RT8V\\\"],\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-973934731\\\/yVYVCK3H4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-973934731\\\/l2zKCLnH4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/yEr-CLbH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/fs5SCKrH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-973934731\\\/gRt2CLPH4M4aEIuhtNAD\\\",\\\"MC-18CQ77Z2WB\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-973934731\\\/QqghCLzH4M4aEIuhtNAD\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-973934731\\\/W4TUCLDH4M4aEIuhtNAD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"701825186","configuration":"{\"searchAppKey\":\"none\",\"searchPlacementId\":\"none\",\"recommendationAppKey\":\"23def49973a61a77226c757d40a82c57\",\"recommendationPlacementId\":\"6885\",\"msAppKey\":\"c732cde17e7b405784d23b5ffbb1b0f2\",\"msPlacementId\":\"6888\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c0d7d2fa68cacffd763f57364feb0b50","type":"APP","apiClientId":5449643,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"693272738","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"7f31c86c-46fa-4d54-9ed5-32d61ea9d34c\",\"projectId\":\"6439dc03-b3f2-4a8b-9b4b-74891e5b9981\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]}
1449,"dataSharingState":"unrestricted"},{"id":"983202","configuration":"{\"siteId\":\"e14099dd\",\"environment\":\"production\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c66f5762e80601f1bfc6799b894f5761","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"41189538","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"28","type":"CUSTOM","privacyPurposes":[],"name":"DataLayer All Page(Cookie inc)"},{"id":"146440354","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Microsoft Clarity"},{"id":"149127330","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Addingwell checkout"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"TRISTAN","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"tristandev.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/www.tristanstyle.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9290422878370","handle":"fluid-straight-blazer-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47485439738018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9290421764258","handle":"fluid-jeans-with-elastic-waist","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47485431447714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9301728198818","handle":"merino-wool-v-neck-sweater-5","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47527222247586","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9301728657570","handle":"straight-leg-pant-with-elastic-waist","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47527227621538","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8537624445090","handle":"00-giftcard","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45065262563490","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.tristanstyle.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"149359067298","themePublished":"true","eventMetadataId":"87900b9c-c940-4305-a0de-84981474ff27","pageType":"article","resourceId":"565342503074","shopId":"43424874658","storefrontBaseUrl":"https:\/\/www.tristanstyle.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1449<script> 1450 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1451 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1452 window.ShopifyAnalytics.meta.currency = 'CAD'; 1453 var meta = {"page":{"pageType":"article","resourceType":"article","resourceId":565342503074,"requestId":"46728ba9-f796-420f-8461-971cbf31c7bc-1790379571"}}; 1454 for (var attr in meta) { 1455 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1456 } 1457</script>
vendor: 1 bytes, line 1457
1457
1458<script class="analytics"> 1459 (function () { 1460 var customDocumentWrite = function(content) { 1461 var jquery = null; 1462 1463 if (window.jQuery) { 1464 jquery = window.jQuery; 1465 } else if (window.Checkout && window.Checkout.$) { 1466 jquery = window.Checkout.$; 1467 } 1468 1469 if (jquery) { 1470 jquery('body').append(content); 1471 } 1472 }; 1473 1474 var hasLoggedConversion = function(token) { 1475 if (token) { 1476 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1477 } 1478 return false; 1479 } 1480 1481 var setCookieIfConversion = function(token) { 1482 if (token) { 1483 var twoMonthsFromNow = new Date(Date.now()); 1484 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1485 1486 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1487 } 1488 } 1489 1490 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1491 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1492 if (trekkie.integrations) { 1493 return; 1494 } 1495 trekkie.methods = [ 1496 'identify', 1497 'page', 1498 'ready', 1499 'track', 1500 'trackForm', 1501 'trackLink' 1502 ]; 1503 trekkie.factory = function(method) { 1504 return function() { 1505 var args = Array.prototype.slice.call(arguments); 1506 args.unshift(method); 1507 trekkie.push(args); 1508 if (method == 'track' || method == 'page') { 1509 var pageUrl; 1510 try { 1511 pageUrl = window.location.href; 1512 } catch (e) {} 1513 var pageReferrer; 1514 try { 1515 pageReferrer = document.referrer; 1516 } catch (e) {} 1517 try { 1518 if (window.__TREKKIE_SHIM_QUEUE == null) { 1519 window.__TREKKIE_SHIM_QUEUE = []; 1520 } 1521 window.__TREKKIE_SHIM_QUEUE.push({ 1522 from: 'trekkie-stub', 1523 method: method, 1524 args: args.slice(1), 1525 pageContext: { 1526 url: pageUrl, 1527 referrer: pageReferrer 1528 } 1529 }); 1530 } catch (e) { 1531 // no-op 1532 } 1533 } 1534 return trekkie; 1535 }; 1536 }; 1537 for (var i = 0; i < trekkie.methods.length; i++) { 1538 var key = trekkie.methods[i]; 1539 trekkie[key] = trekkie.factory(key); 1540 } 1541 trekkie.load = function(config) { 1542 trekkie.config = config || {}; 1543 trekkie.config.initialDocumentCookie = document.cookie; 1544 var first = document.getElementsByTagName('script')[0]; 1545var script = document.createElement('script'); 1546script.type = 'text/javascript'; 1547script.onerror = function(e) { 1548 var scriptFallback = document.createElement('script'); 1549 scriptFallback.type = 'text/javascript'; 1550 scriptFallback.onerror = function(error) { 1551 var Monorail = { 1552 produce: function produce(monorailDomain, schemaId, payload) { 1553 var currentMs = new Date().getTime(); 1554 var event = { 1555 schema_id: schemaId, 1556 payload: payload, 1557 metadata: { 1558 event_created_at_ms: currentMs, 1559 event_sent_at_ms: currentMs 1560 } 1561 }; 1562 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1563 }, 1564 sendRequest: function sendRequest(endpointUrl, payload) { 1565 // Try the sendBeacon API 1566 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1567 var blobData = new window.Blob([payload], { 1568 type: 'text/plain' 1569 }); 1570 1571 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1572 return true; 1573 } // sendBeacon was not successful 1574 1575 } // XHR beacon 1576 1577 var xhr = new XMLHttpRequest(); 1578 1579 try { 1580 xhr.open('POST', endpointUrl); 1581 xhr.setRequestHeader('Content-Type', 'text/plain'); 1582 xhr.send(payload); 1583 } catch (e) { 1584 console.log(e); 1585 } 1586 1587 return false; 1588 }, 1589 isIos12: function isIos12() { 1590 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1591 } 1592 }; 1593 Monorail.produce('monorail-edge.shopifysvc.com', 1594 'trekkie_storefront_load_errors/1.1', 1595 {shop_id: 43424874658, 1596 theme_id: 149359067298, 1597 app_name: "storefront", 1598 context_url: window.location.href, 1599 source_url: "//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1600 1601 }; 1602 scriptFallback.async = true; 1603 scriptFallback.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1604 first.parentNode.insertBefore(scriptFallback, first); 1605}; 1606script.async = true; 1607script.src = '//www.tristanstyle.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1608first.parentNode.insertBefore(script, first); 1609 1610 }; 1611 trekkie.load( 1612 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":43424874658,"isMerchantRequest":null,"themeId":149359067298,"themeCityHash":"17552994520026119049","contentLanguage":"en","currency":"CAD","eventMetadataId":"87900b9c-c940-4305-a0de-84981474ff27"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1613 ); 1614 1615 var loaded = false;
1616 trekkie.ready(function() { 1617 if (loaded) return; 1618 loaded = true; 1619 1620 window.ShopifyAnalytics.lib = window.trekkie; 1621 1622 var originalDocumentWrite = document.write; 1623 document.write = customDocumentWrite; 1624 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1625 document.write = originalDocumentWrite; 1626 1627 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1628 var token = match? match[1]: undefined; 1629 if (!hasLoggedConversion(token)) { 1630 setCookieIfConversion(token); 1631 1632 } 1633 }); 1634 1635 window.ShopifyAnalytics.lib.page(null,{"pageType":"article","resourceType":"article","resourceId":565342503074,"requestId":"46728ba9-f796-420f-8461-971cbf31c7bc-1790379571","shopifyEmitted":true}); 1636 1637 var eventsListenerScript = document.createElement('script'); 1638 eventsListenerScript.async = true; 1639 eventsListenerScript.src = "//www.tristanstyle.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1640 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1641})();</script>
1641 1642
1642<script> 1643 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1644 window.ga = function ga() { 1645 (window.ga.q = window.ga.q || []).push(arguments); 1646 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1647 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1648 } 1649 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."); 1650 }; 1651 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1652 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1653 } 1654 } 1655</script>
vendor: 1 bytes, line 1655
1655
1656<script 1657 defer 1658 src="https://www.tristanstyle.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1659 data-application="storefront-renderer" 1660 data-shop-id="43424874658" 1661 data-render-region="gcp-us-central1" 1662 data-page-type="article" 1663 data-theme-instance-id="149359067298" 1664 data-theme-name="Tristan x Signifly" 1665 data-theme-version="1.0" 1666 data-monorail-region="shop_domain" 1667 data-resource-timing-sampling-rate="10" 1668 data-shs="true" 1669 data-shs-beacon="true" 1670 data-shs-export-with-fetch="true" 1671 data-shs-logs-sample-rate="1" 1672 data-shs-beacon-endpoint="https://www.tristanstyle.com/api/collect" 1673></script>
1673 1674<meta name="shopify-y" content="96fee08e-306f-4fa7-8139-6ca8acf63811" data-expiration="1821937171000"><meta name="shopify-s" content="9cd359a8-5075-4259-be2a-4697db38b1b8" data-expiration="1790381371000"><meta name="new-cookie-storage-activated" content="t"> 1675</head> 1676 1677 <body class='relative'> 1678
1678<script src='//www.tristanstyle.com/cdn/shop/t/109/assets/app.js?v=10907088656931206621785791530' defer></script>
1678 1679 <div 1680 data-mega-menu-overlay 1681 class='absolute left-0 z-10 hidden h-full w-screen bg-tristan-dark opacity-25' 1682 ></div> 1683 <div 1684 data-filter-overlay 1685 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 1686 ></div><div id="shopify-section-size-guide" class="shopify-section"> 1687<div data-component='sizeGuide'> 1688 <div 1689 data-size-guide-overlay 1690 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 1691 ></div> 1692 <div 1693 data-size-guide-section 1694 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] ' 1695 > 1696 <div> 1697 <button 1698 data-size-guide-close 1699 class='absolute right-4 top-4 flex w-full items-center justify-end' 1700 > 1701 1702 <svg 1703 1704 width='15' 1705 height='15' 1706 viewBox='0 0 15 15' 1707 class='' 1708 fill='none' 1709 xmlns='http://www.w3.org/2000/svg' 1710 > 1711 <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"/> 1712 </svg> 1713 1714 1715 </button> 1716 </div> 1717 <div class='flex flex-col items-start justify-center'> 1718 <h3 class='pb-5 text-2xl'>Men's Size Chart</h3> 1719 <div class='h-full w-full overflow-hidden pb-5'> 1720 <div class='data-size-guide-wrapper h-full w-full'> 1721 1722 <a 1723 data-pswp-width='11600' 1724 data-pswp-height='8150' 1725 href='//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=2000' 1726 class='cursor-zoom-in' 1727 > 1728 <img src="//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=1000" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=352 352w, //www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=832 832w, //www.tristanstyle.com/cdn/shop/files/TRI-WEB-20241206-SizeChart-Men_V3_EN.jpg?v=1734012640&width=1000 1000w" width="1000" height="703"> 1729 </a> 1730 1731 <p class='flex items-center justify-center pt-4'>Click on the image to zoom in</p> 1732 </div> 1733 </div> 1734 </div> 1735 </div> 1736</div> 1737 1738 1739</div><div id="shopify-section-tristfit" class="shopify-section"><div 1740 data-component='tristfit' 1741 data-product-style='' 1742 data-suggest-size='Suggested size: ' 1743> 1744 <div 1745 data-tristfit-overlay 1746 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 1747 ></div> 1748 <div 1749 data-tristfit-section 1750 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]' 1751 > 1752 <button 1753 data-tristfit-close 1754 class='absolute right-4 top-4 flex w-full items-center justify-end' 1755 > 1756 1757 <svg 1758 1759 width='15' 1760 height='15' 1761 viewBox='0 0 15 15' 1762 class='' 1763 fill='none' 1764 xmlns='http://www.w3.org/2000/svg' 1765 > 1766 <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"/> 1767 </svg> 1768 1769 1770 </button> 1771 1772 <div> 1773 <div class='flex flex-row items-center justify-center gap-4 py-4'> 1774 <div> 1775 <h3 class='pb-5 text-2xl'>Interactive Size Scanner</h3> 1776 <p class='main-title-container__subtitle2'> 1777 Fill out this form and we will suggest your perfect <b>TRISTAN</b> size 1778 </p> 1779 </div> 1780 <div class='flex items-center justify-end gap-1 text-xs'> 1781 <br>
1782 <span id='unit-in'>IN</span> 1783 <div class='switch-container'> 1784 <label class='switch' 1785 ><input 1786 type='checkbox' 1787 data-checkbox-unit 1788 id='main-unit' 1789 class='absolute h-0 w-0 opacity-0' 1790 > 1791 <div></div> 1792 </label> 1793 </div> 1794 <span id='unit-cm' style='color: rgba(0,0,0,0.3)'>CM</span> 1795 </div> 1796 </div> 1797 </div> 1798 1799 <div class='overflow-y-auto'> 1800 <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'> 1801 <div class='flex w-[200px] flex-row gap-2'> 1802 <span> 1803 <svg 1804 1805 class='' 1806 width='21' 1807 height='20' 1808 viewBox='0 0 21 20' 1809 fill='none' 1810 xmlns='http://www.w3.org/2000/svg' 1811 > 1812 <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"/> 1813 <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"/> 1814 </svg> 1815 1816 </span> 1817 <div>Height</div> 1818 </div> 1819 <div data-tristfit-imperial class='flex flex-wrap justify-end text-xs'> 1820 <div> 1821 <input 1822 type='number' 1823 size='4' 1824 data-tristfit-height-ft 1825 name='tristfit-height-ft' 1826 id='tristfit-height-ft' 1827 required='' 1828 class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs' 1829 min='0' 1830 > 1831 <span>ft</span> 1832 </div> 1833 <div> 1834 <input 1835 size='4' 1836 type='number' 1837 name='tristfit-height-in' 1838 id='tristfit-height-in' 1839 data-tristfit-height-in 1840 required='' 1841 class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs' 1842 min='0' 1843 > 1844 <span>in</span> 1845 </div> 1846 </div> 1847 <div data-tristfit-metric class='hidden text-xs'> 1848 <input 1849 type='number' 1850 data-tristfit-height-cm 1851 name='tristfit-height-cm' 1852 id='tristfit-height-cm' 1853 required='' 1854 class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs' 1855 min='0' 1856 size='4' 1857 > 1858 <span>cm</span> 1859 </div> 1860 </div> 1861 <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'> 1862 <div class='flex w-[200px] flex-row gap-2'> 1863 <span> 1864 <svg 1865 1866 class='' 1867 width='20' 1868 height='20' 1869 viewBox='0 0 20 20' 1870 fill='none' 1871 xmlns='http://www.w3.org/2000/svg' 1872 > 1873 <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
1873L13.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"/> 1874 </svg> 1875 1876 </span> 1877 <div>Weight</div> 1878 </div> 1879 <div data-tristfit-imperial class='text-xs'> 1880 <input 1881 type='number' 1882 size='2' 1883 data-tristfit-weight-lbs 1884 name='tristfit-weight-lbs' 1885 id='tristfit-weight-lbs' 1886 required='' 1887 class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs' 1888 min='0' 1889 size='4' 1890 > 1891 <span>lbs</span> 1892 </div> 1893 <div data-tristfit-metric class='hidden text-xs'> 1894 <input 1895 type='number' 1896 data-tristfit-weight-kg 1897 name='tristfit-weight-kg' 1898 id='tristfit-weight-kg' 1899 required='' 1900 class='w-16 border-b !border-solid border-x-tristan-white border-b-tristan-black border-t-tristan-white text-xs' 1901 min='0' 1902 size='4' 1903 > 1904 <span>Kg</span> 1905 </div> 1906 </div> 1907 <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 py-4'> 1908 <div class='flex w-[200px] flex-row gap-2'> 1909 <span> 1910 <svg 1911 1912 class='' 1913 width='24' 1914 height='19' 1915 viewBox='0 0 24 19' 1916 fill='none' 1917 xmlns='http://www.w3.org/2000/svg' 1918 > 1919 <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.
1919107 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"/> 1920 </svg> 1921 1922 </span> 1923 <div>Band</div> 1924 </div> 1925 <div class='flex flex-wrap justify-end gap-4'> 1926 <div class='text-xs'> 1927 <div class='w-full pb-4 text-center'>Cup Size</div> 1928 <div class='grid grid-cols-2 gap-2' id='allTorsoSize'> 1929 <label class='cupsize__cup trisfit--selected' id='ts-32'> 1930 <input 1931 type='radio' 1932 name='torso-size' 1933 value='32' 1934 id='torso-size' 1935 checked 1936 1937 >32 1938 </label> 1939 <label class='cupsize__cup' id='ts-34'> 1940 <input 1941 type='radio' 1942 name='torso-size' 1943 value='34' 1944 id='torso-size' 1945 1946 >34 1947 </label> 1948 <label class='cupsize__cup' id='ts-36'> 1949 <input 1950 type='radio' 1951 name='torso-size' 1952 value='36' 1953 id='torso-size' 1954 1955 >36 1956 </label> 1957 <label class='cupsize__cup' id='ts-38'> 1958 <input 1959 type='radio' 1960 name='torso-size' 1961 value='38' 1962 id='torso-size' 1963 1964 >38 1965 </label> 1966 </div> 1967 </div> 1968 <div class='text-xs'> 1969 <div class='cupsize' id='allCupSize'> 1970 <div class='w-full pb-4 text-center'>Bust</div> 1971 <div class='grid grid-cols-3 gap-2'> 1972 <label class='cupsize__cup trisfit--selected' id='cs-A'> 1973 <input 1974 type='radio' 1975 name='cup-size' 1976 value='A' 1977 id='cup-size' 1978 checked 1979 1980 >A 1981 </label> 1982 <label class='cupsize__cup' id='cs-B'> 1983 <input 1984 type='radio' 1985 name='cup-size' 1986 value='B' 1987 id='cup-size' 1988 1989 >B 1990 </label> 1991 <label class='cupsize__cup' id='cs-C'> 1992 <input 1993 type='radio' 1994 name='cup-size' 1995 value='C' 1996 id='cup-size' 1997 1998 >C 1999 </label> 2000 <label class='cupsize__cup' id='cs-D'> 2001 <input 2002 type='radio' 2003 name='cup-size' 2004 value='D' 2005 id='cup-size' 2006 2007 >D 2008 </label> 2009 <label class='cupsize__cup' id='cs-E'> 2010 <input 2011 type='radio' 2012 name='cup-size' 2013 value='E' 2014 id='cup-size' 2015 2016 >E 2017 </label> 2018 <label class='cupsize__cup' id='cs-F'> 2019 <input 2020 type='radio' 2021 name='cup-size' 2022 value='F' 2023 id='cup-size' 2024 2025 >F 2026 </label> 2027 </div> 2028 </div> 2029 </div> 2030 </div> 2031 </div> 2032 <div class='flex flex-row items-center justify-between border-t border-solid border-t-tristan-black-500 pb-24 pt-4'> 2033 <div class='flex w-[200px] flex-row gap-2'>
2034 <span> 2035 <svg 2036 2037 class='' 2038 width='24' 2039 height='19' 2040 viewBox='0 0 24 19' 2041 fill='none' 2042 xmlns='http://www.w3.org/2000/svg' 2043 > 2044 <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"/> 2045 </svg> 2046 2047 </span> 2048 <div>Body Type</div> 2049 </div> 2050 <div class='text-xs'> 2051 <div class='flex flex-col items-center justify-center gap-4'> 2052 <div class='flex flex-row flex-wrap items-start justify-center gap-1'> 2053 <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'> 2054 <div class=''> 2055 <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-a-shape.jpg?v=177718253307050447001781536541' alt='A Shape' width='50' height='auto'> 2056 </div> 2057 <div class='flex flex-row items-start justify-start gap-2'> 2058 <input 2059 type='radio' 2060 name='bodytype' 2061 id='bodytype' 2062 value='A' 2063 checked 2064 > 2065 <p class='text-xs'>
2065A Hips wider than shoulders</p> 2066 </div> 2067 </label> 2068 <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'> 2069 <div class=''> 2070 <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-h-shape.jpg?v=69849832186445002261781536541' alt='H Shape' width='50' height='auto'> 2071 </div> 2072 <div class='flex flex-row items-start justify-start gap-2'> 2073 <input 2074 type='radio' 2075 name='bodytype' 2076 id='bodytype' 2077 value='H' 2078 > 2079 <p class='text-xs'>H Hips and shoulders equal, not defined waist</p> 2080 </div> 2081 </label> 2082 </div> 2083 <div class='flex flex-row flex-wrap items-start justify-center gap-1'> 2084 <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'> 2085 <div class=''> 2086 <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-v-shape.jpg?v=88044717994744875141781536542' alt='V Shape' width='50' height='auto'> 2087 </div> 2088 <div class='flex flex-row items-start justify-start gap-2'> 2089 <input 2090 type='radio' 2091 name='bodytype' 2092 id='bodytype' 2093 value='V' 2094 > 2095 <p class='text-xs'>V Shoulders wider than hips</p> 2096 </div> 2097 </label> 2098 <label class='body-type flex w-[120px] cursor-pointer flex-col items-center justify-center gap-4'> 2099 <div class=''> 2100 <img src='//www.tristanstyle.com/cdn/shop/t/109/assets/tristfit-x-shape.jpg?v=88313054015191428451781536542' alt='X Shape' width='50' height='auto'> 2101 </div> 2102 <div class='flex flex-row items-start justify-start gap-2'> 2103 <input 2104 type='radio' 2105 name='bodytype' 2106 id='bodytype' 2107 value='X' 2108 > 2109 <p class='text-xs'>X Hips and shoulders equal, defined waist</p> 2110 </div> 2111 </label> 2112 </div> 2113 </div> 2114 </div> 2115 </div> 2116 </div> 2117 <div class='absolute bottom-0 left-0 w-full bg-tristan-white p-4'> 2118 <div data-tristfit-result class='hidden py-2'> 2119 <div 2120 data-tristfit-result-size-error 2121 class='flex hidden w-full items-center justify-center py-2 text-center text-tristan-red' 2122 > 2123 Unfortunately, we are unable to recommend a size for you. 2124 </div> 2125 <div data-tristfit-result-size class='flex items-center justify-center gap-4 py-2'> 2126 <span data-tristfit-result-text></span> 2127 </div> 2128 </div> 2129 2130 2131 2132 2133 2134 <button 2135 data-tristfit-submit 2136 2137 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' 2138 > 2139 Size me up! 2140 2141 </button> 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 <button 2153 data-tristfit-confirm 2154 2155 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' 2156 > 2157 Click here to confirm 2158 2159 </button> 2160 2161 2162 2163 2164 <button data-tristfit-again class='flex hidden w-full items-center justify-center gap-4 py-2 text-sm underline'> 2165 Size me up again! 2166 </button> 2167 </div> 2168 </div> 2169</div> 2170</div><div id="shopify-section-shipping-return" class="shopify-section"><div data-component='shippingReturn'> 2171 <div 2172 data-shipping-return-overlay 2173 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 2174 ></div> 2175 <div 2176 data-shipping-return-section 2177 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]' 2178 > 2179 <div> 2180 <button 2181 data-shipping-return-close 2182 class='flex w-full items-center justify-end' 2183 > 2184 2185 <svg 2186 2187 width='15' 2188 height='15'
2189 viewBox='0 0 15 15' 2190 class='' 2191 fill='none' 2192 xmlns='http://www.w3.org/2000/svg' 2193 > 2194 <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"/> 2195 </svg> 2196 2197 2198 </button> 2199 </div> 2200 <div class='rich-text'> 2201 <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> 2202 </div> 2203 </div> 2204</div> 2205 2206 2207</div><div id="shopify-section-filters" class="shopify-section"> 2208 2209<div 2210 data-component='filterDrawer' 2211 data-filter-drawer 2212 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' 2213><div class='border-b border-solid border-tristan-black'> 2214 <div class='flex flex-row items-center justify-between px-4 py-[15p
2214x] text-sm'> 2215 Filter 2216 <button 2217 data-filter-drawer-close 2218 class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm' 2219 > 2220 2221 <svg 2222 2223 class='' 2224 xmlns='http://www.w3.org/2000/svg' 2225 width='24' 2226 height='24' 2227 viewBox='0 0 24 24' 2228 fill='none' 2229 > 2230 <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"/> 2231 </svg> 2232 2233 </button> 2234 </div> 2235 </div> 2236 <div 2237 data-filter-drawer-loading 2238 class=' absolute bottom-0 left-0 right-0 top-0 z-50 flex hidden w-full bg-tristan-white-900 backdrop-blur-sm' 2239 > 2240 <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'> 2241 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2242 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2243 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2244 </span> 2245 </div> 2246 2247 <ul class='flex h-[90vh] flex-col overflow-y-auto pb-11' data-filters-content> 2248 2249 2250 <li class='selected-filters border-b border-solid border-tristan-black px-4 py-[15p
2250x]' data-filter-current-select> 2251 <div class='pb-5 text-sm uppercase'> 2252 Selected filters</div> 2253 <ul class='flex flex-row flex-wrap gap-x-2 gap-y-[10px]' data-filter-current-select-options> 2254 2255 </ul> 2256 </li> 2257 </ul> 2258 <div 2259 class='absolute bottom-0 w-full bg-tristan-white p-[10px]' 2260 data-filter-drawer-buttons='0' 2261 > 2262 <div class='flex flex-row items-center justify-between gap-2 hidden'> 2263 2264 2265 2266 2267 2268 <button 2269 data-filter-drawer-reset 2270 2271 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]' 2272 > 2273 Reset 2274 2275 </button> 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 <button 2287 data-filter-drawer-apply 2288 2289 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]' 2290 > 2291 Apply (0) 2292 2293 </button> 2294 2295 2296 2297 2298 </div> 2299 </div> 2300</div> 2301</div><div id="shopify-section-slider-product" class="shopify-section"> 2302 2303<div 2304 data-component='' 2305 data-product-slider 2306 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' 2307> 2308 <div class='block pb-1 md:hidden'> 2309 <div class='flex w-full items-center justify-center'> 2310 <svg width='40' height='3' viewBox='0 0 40 3' fill='none' xmlns='http://www.w3.org/2000/svg'> 2311 <rect width="40" height="3" rx="1.5" fill="white"/> 2312 </svg> 2313 </div> 2314 </div> 2315 <div class='bg-tristan-white'> 2316 <div class='absolute right-4 top-4 z-10'> 2317 <button 2318 data-slider-close 2319 class='flex flex-row items-center justify-center gap-2 text-xs md:text-sm' 2320 > 2321 2322 <svg 2323 2324 width='15' 2325 height='15' 2326 viewBox='0 0 15 15' 2327 class='' 2328 fill='none' 2329 xmlns='http://www.w3.org/2000/svg' 2330 > 2331 <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"/> 2332 </svg> 2333 2334 2335 </button> 2336 </div> 2337 2338 <div data-slider-product-content class=' h-screen overflow-scroll pb-[100px] md:pb-0'></div> 2339 </div> 2340</div> 2341</div><div id="shopify-section-cart-drawer" class="shopify-section"> 2342<div 2343 data-cart-overlay 2344 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 2345></div> 2346<div 2347 data-component='cartDrawer' 2348 data-money-format='${{amount}}' 2349 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]' 2350> 2351 2352<div class='flex h-[54px] flex-row items-center justify-between border-b border-solid border-b-tristan-black px-4 py-[15p
2352x]'> 2353 <div class='flex gap-2 text-base' data-cart-drawer-count> 2354 Basket (0) 2355 </div> 2356 <button data-close-drawer class='button-2 flex items-baseline justify-start gap-2 text-[11px] font-bold uppercase'> 2357 2358 <svg 2359 2360 class='' 2361 xmlns='http://www.w3.org/2000/svg' 2362 width='24' 2363 height='24' 2364 viewBox='0 0 24 24' 2365 fill='none' 2366 > 2367 <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"/> 2368 </svg> 2369 2370 </button> 2371</div> 2372 2373 <div class='border-b border-solid border-b-tristan-black px-6 py-5' data-cart-drawer-free-shipping> 2374 <div class='text-sm'> 2375 2376 2377 2378 2379You are <b><span><b> 2380$100 2381 </b></span></b> away from free shipping!<div 2382 class='free-shipping-progress mt-3' 2383 style='--progress-percentage: 0%;' 2384 ></div> 2385 2386 </div> 2387 </div> 2388 2389 2390 <div class='relative flex flex-1 flex-col overflow-y-auto' data-cart-content-wrapper> 2391 <div class='mt-2 flex hidden items-center justify-center p-2 text-xs text-tristan-red' data-cart-error></div> 2392 <div 2393 data-cart-content-loading 2394 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' 2395 > 2396 <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'> 2397 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2398 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2399 <span class='inline-block size-1.5 rounded-full bg-tristan-dark-600'></span> 2400 </span> 2401 </div> 2402 <div class='relative flex flex-1 flex-col gap-4 p-4' data-cart-drawer-content> 2403 2404 2405 <div class='flex h-full w-full flex-col items-center justify-start gap-[10px] py-5'> 2406 <p class='text-xl'> 2407 Your basket is empty. 2408 </p> 2409 <p class='text-sm'> 2410 Start shopping timeless quality clothing. 2411 </p> 2412 2413 </div> 2414 2415 </div> 2416 2417 2418 </div> 2419 2420 2421 2422 <div 2423 class='h-max pt-[30px] pb-5 px-5 ' 2424 data-cart-drawer-footer 2425> 2426 <div class='flex h-full flex-col justify-between gap-[15px] hidden'> 2427 <div> 2428 <button 2429 data-add-note-trigger 2430 data-edit-note-text='Edit order note' 2431 data-add-note-text='Add order note' 2432 class='text-sm' 2433 > 2434 2435 Add order note 2436 2437 </button> 2438 </div> 2439 <div class='flex w-full flex-col items-center justify-start gap-[10px]'> 2440 <div class='flex w-full flex-row items-start justify-between'> 2441 <span class='text-sm'> 2442 Subtotal 2443 </span> 2444 <div data-cart-drawer-total class='font-bold'>$0</div> 2445 </div> 2446<div class='flex w-full flex-row items-start justify-between'></div> 2447 2448 2449 2450 </div> 2451 <div class='flex flex-col items-center justify-center gap-3'> 2452 <a 2453 data-cart-drawer-checkout 2454 href='/checkout' 2455 aria-disabled='false' 2456 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' 2457 > 2458 <div data-cart-checkout-text class='flex flex-row items-center justify-center gap-2 text-base'> 2459 2460 <svg class='w-3 h-3' width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'> 2461 <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"/> 2462 </svg> 2463 2464 2465 <div class='mt-1'>Secure checkout</div> 2466 </div> 2467 </a> 2468 2469 <div class='pb-4 pt-[18px] text-xs'> 2470 30-day Free returns & exchanges 2471 </div> 2472 2473 </div> 2474 </div><div class=' flex w-full flex-col items-center justify-center gap-[15px] [&>a]:w-full'> 2475 2476 2477 2478 2479 2480 2481 2482 <a 2483 href='/collections/womens-new-arrivals' 2484 class='' 2485 > 2486 <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]'> 2487 Shop new arrivals 2488 2489 </button> 2490 </a> 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 <a 2504 href='/collections/womens-sale' 2505 class='' 2506 > 2507 <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]'> 2508 Shop sale 2509 2510 </button> 2511 </a> 2512 2513 2514 2515 2516 2517 <div class='grid w-full grid-cols-3fr gap-[15px] py-[5px]'> 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>Free shipping on orders $100+</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>30-day free returns & exchanges</p> 2526 </div> 2527 2528 2529 <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'> 2530 <p>Free shipping to store</p> 2531 </div> 2532 2533 </div> 2534 </div> 2535</div> 2536 2537</div> 2538 2539 2540</div><div id="shopify-section-cart-note" class="shopify-section"><div 2541 data-component='cartNote' 2542 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]' 2543> 2544 <button data-cart-note-close class='absolute right-2 top-2 text-sm'> 2545 2546 <svg 2547 2548 class='' 2549 xmlns='http://www.w3.org/2000/svg' 2550 width='24' 2551 height='24'
2552 viewBox='0 0 24 24' 2553 fill='none' 2554 > 2555 <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"/> 2556 </svg> 2557 2558 </button> 2559 <div class='flex h-full flex-col items-start justify-between gap-2 p-4'> 2560 Add order note 2561 <div data-note-error class='hidden text-sm text-tristan-red'>An error occurred while saving the note.</div> 2562 <textarea 2563 data-cart-note-text 2564 placeholder='How can we help you?' 2565 class='remove-focus-style h-full w-full rounded-none border-0 border-b border-solid border-b-tristan-dark-100 p-4' 2566 ></textarea> 2567 2568 2569 2570 2571 2572 <button 2573 data-cart-note-save 2574 2575 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]' 2576 > 2577 Save note 2578 2579 </button> 2580 2581 2582 2583 2584 </div> 2585</div> 2586 2587 2588</div><div id="shopify-section-announcement-banner" class="shopify-section"> 2589 2590 2591 2592 <div 2593 data-component='announcementBanner' 2594 data-announcement-bar 2595 data-interval-speed='2000' 2596 data-animation-enabled='true' 2597 class='relative h-10 overflow-hidden bg-tristan-announcement px-6 py-3 text-[13px] text-tristan-white' 2598 > 2599 <div class='swiper hidden h-full w-full' data-slider> 2600 <div class='swiper-wrapper'> 2601 2602 2603 <div class='swiper-slide'> 2604 <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'> 2605 <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> 2606 </div> 2607 </div> 2608 2609 2610 <div class='swiper-slide'> 2611 <div class='flex h-full w-full items-center justify-center text-[11px] md:text-[13px] [&>p>a]:underline [&>p]:text-[13px]'> 2612 <p>FREE SHIPPING ON ORDERS $100+</p> 2613 </div> 2614 </div> 2615 2616 </div> 2617 </div> 2618 </div> 2619 2620 2621 2622<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'> 2623 <ul class='flex flex-col gap-4 bg-tristan-white p-4'> 2624 2625 </ul> 2626</div> 2627</div><header 2628 id='header' 2629 data-component='header' 2630 data-start-transparent='' 2631 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 ' 2632 ><div id="shopify-section-header" class="shopify-section header_extra_class"> 2633 2634 2635 2636<div class='grid grid-cols-3'> 2637 <div class='flex items-center justify-start gap-4'> 2638 <a href='/' class='hidden items-center justify-start md_lg:flex'> 2639 2640 <div class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'> 2641 TRISTAN 2642 </div> 2643 2644 2645 </a> 2646 2647 <button 2648 data-mobile-menu-button 2649 class='flex h-[14px] w-[15px] self-start md_lg:hidden' 2650 aria-label='accessibility.open_menu' 2651 aria-haspopup='true' 2652 aria-expanded='false' 2653 > 2654 2655 <svg 2656 2657 xmlns='http://www.w3.org/2000/svg' 2658 width='24' 2659 height='17' 2660 viewBox='0 0 24 17' 2661 fill='none' 2662 class='h-6' 2663 > 2664 <rect 2665 width="24" 2666 height="1.5" 2667 fill="currentColor" /> 2668 <rect 2669 y="7.5" 2670 width="24" 2671 height="1.5" 2672 fill="currentColor" /> 2673 <rect 2674 y="15" 2675 width="24" 2676 height="1.5" 2677 fill="currentColor" /> 2678 </svg> 2679 2680 2681 </button> 2682 2683 <div class='block h-6 md_lg:hidden'> 2684 <button data-search-mobile-button class='flex h-[14px] w-[15px]' aria-label='Search'> 2685 2686 <svg 2687 2688 width='22' 2689 height='22'
2690 viewBox='0 0 22 22' 2691 class='' 2692 fill='none' 2693 xmlns='http://www.w3.org/2000/svg' 2694 > 2695 <g clip-path="url(#clip0_127_1251)"> 2696 <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"/> 2697 <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/> 2698 </g> 2699 <defs> 2700 <clipPath id="clip0_127_1251"> 2701 <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/> 2702 </clipPath> 2703 </defs> 2704 </svg> 2705 2706 2707 </button> 2708 </div> 2709 </div> 2710 2711 2712 <nav class=' flex h-6 items-center justify-center self-center '> 2713 <a href='/' class='flex items-center justify-start md_lg:hidden'> 2714 2715 <div class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'> 2716 TRISTAN 2717 </div> 2718 2719 2720 </a> 2721 <ul class='hidden items-center justify-start gap-6 md_lg:flex'> 2722 2723 <li class='h-6'> 2724 2725 <button 2726 data-mega-menu-button 2727 id='button-women' 2728 class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black' 2729 aria-label='Open menu' 2730 aria-haspopup='true' 2731 aria-expanded='false' 2732 aria-controls='megamenu-women' 2733 > 2734 <div class='flex flex-row gap-3'> 2735 Women 2736 2737 <svg 2738 2739 xmlns='http://www.w3.org/2000/svg' 2740 width='24' 2741 height='24' 2742 viewBox='0 0 24 24' 2743 fill='none' 2744 class='h-4 w-4 mega-menu-plus' 2745 > 2746 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 2747 </svg> 2748 2749 2750 2751 <svg 2752 2753 xmlns='http://www.w3.org/2000/svg' 2754 width='24' 2755 height='24' 2756 viewBox='0 0 24 24' 2757 fill='none' 2758 class='h-4 w-4 mega-menu-minus hidden' 2759 > 2760 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 2761 </svg> 2762 2763 2764 </div> 2765 </button> 2766 2767 2768 2769 2770 2771 2772<div 2773 data-mega-menu 2774 id='megamenu-women' 2775 aria-aria-labelledby='button-women' 2776 class='absolute left-0 top-[4.4rem] hidden w-full opacity-0 transition-opacity' 2777> 2778 <div 2779 class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white' 2780 data-mega-menu-content 2781 > 2782 <div class='flex basis-3/4 gap-2 p-8'> 2783 2784 2785 <nav class='basis-[50%]'> 2786 <p class='text-[14px] font-light'>Shop by</p> 2787 <ul class='font-serif flex flex-col gap-2'> 2788 2789 <li class='leading-[1.17]'> 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-new-arrivals'>New Arrivals</a> 2800 </li> 2801 2802 <li class='leading-[1.17]'> 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-made-in-canada'>Made in Canada</a> 2813 </li> 2814 2815 <li class='leading-[1.17]'> 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-suiting'>Suiting</a> 2826 </li> 2827 2828 <li class='leading-[1.17]'> 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 <a class='text-sm font-normal leading-5 hover:underline ' href='/products/00-giftcard'>Gift Card</a> 2839 </li> 2840 2841 <li class='leading-[1.17]'> 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/collections/womens-sale'>Sale</a> 2852 </li> 2853 2854 </ul> 2855 </nav> 2856 2857 2858 <nav class='basis-[50%]'> 2859 <p class='text-[14px] font-light'>Clothing</p> 2860 <ul class='font-serif flex flex-col gap-2'> 2861 2862 2863 2864 <li class='leading-[1.17]'> 2865 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-blazers-vests'>Blazers & Vests</a> 2866 </li> 2867 2868 2869 2870 <li class='leading-[1.17]'> 2871 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-dresses'>Dresses</a> 2872 </li> 2873 2874 2875 2876 <li class='leading-[1.17]'> 2877 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-sweaters'>Sweaters & Cardigans</a> 2878 </li> 2879 2880 2881 2882 <li class='leading-[1.17]'> 2883 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/shirts-blouse'>Shirts & Blouses</a> 2884 </li> 2885 2886 2887 2888 <li class='leading-[1.17]'> 2889 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-skirts'>Skirts</a> 2890 </li> 2891 2892 2893 2894 <li class='leading-[1.17]'> 2895 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-jeans'>Jeans</a> 2896 </li> 2897 2898 2899 2900 <li class='leading-[1.17]'> 2901 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-pants'>Pants</a> 2902 </li> 2903 2904 2905 2906 <li class='leading-[1.17]'> 2907 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-t-shirts'>T-shirts & Sweatshirts</a> 2908 </li> 2909 2910 2911 2912 <li class='leading-[1.17]'> 2913 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/women-s-outerwear'>Outerwear</a> 2914 </li> 2915 2916 2917 2918 <li class='leading-[1.17]'> 2919 <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/women'>Shop All Women</a> 2920 </li> 2921 2922 </ul> 2923 </nav> 2924 2925 2926 <nav class='basis-[50%]'> 2927 <p class='text-[14px] font-light'>Accessories</p> 2928 <ul class='font-serif flex flex-col gap-2'> 2929 2930 2931 2932 <li class='leading-[1.17]'> 2933 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-jewelry'>Jewelry</a> 2934 </li> 2935 2936 2937 2938 <li class='leading-[1.17]'> 2939 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-bags'>Bags</a> 2940 </li> 2941 2942 2943 2944 <li class='leading-[1.17]'> 2945 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-belts'>Belts</a> 2946 </li> 2947 2948 2949 2950 <li class='leading-[1.17]'> 2951 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-gloves'>Gloves</a> 2952 </li> 2953 2954 2955 2956 <li class='leading-[1.17]'> 2957 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/womens-scarves'>Scarves</a> 2958 </li> 2959 2960 2961 2962 <li class='leading-[1.17]'> 2963 <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/accessories-for-women'>Shop All Accessories</a> 2964 </li> 2965 2966 </ul> 2967 </nav> 2968 2969 </div> 2970 <div class='p-8 '> 2971 <p class='text-sm font-light'>Our faves right now</p> 2972 <div class='flex flex-row items-center justify-end gap-3'> 2973 2974 2975 2976 2977 2978 <div 2979 data-product-card 2980 class='relative w-[200px] h-[308px]' 2981 data-component='productCard' 2982 data-product-card-handle-main='fluid-straight-blazer-3' 2983 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"]' 2984 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" }]' 2985 > 2986 <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '> 2987 2988 <a 2989 href='/products/fluid-straight-blazer-3?variant=47485439738018' 2990 data-product-url 2991 class='object relative aspect-[3/5] w-full !aspect-[3/4]' 2992 > 2993 2994 2995 <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image=""> 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 <img src="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_2.jpg?v=1785402353&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=""> 3007 3008 3009 3010 </a> 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 <div 3021 class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block' 3022 style='background-color: #966c3f;' 3023 > 3024 New Arrivals 3025 3026 </div> 3027 3028 3029 </div> 3030 <div class='pt-3'> 3031 <div class='items-align flex flex-col justify-start '> 3032 3033 3034 3035 3036 3037 <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'> 3038 <a 3039 href='/products/fluid-straight-blazer-3?variant=47485439738018' 3040 >Fluid straight blazer</a> 3041 </h3> 3042 3043 </div> 3044 3045 3046 </div> 3047 </div> 3048 3049 3050 3051 3052 3053 3054 3055 <div 3056 data-product-card 3057 class='relative w-[200px] h-[308px]' 3058 data-component='productCard' 3059 data-product-card-handle-main='fluid-jeans-with-elastic-waist' 3060 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"]' 3061 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" }]' 3062 > 3063 <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '> 3064 3065 <a 3066 href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714' 3067 data-product-url 3068 class='object relative aspect-[3/5] w-full !aspect-[3/4]' 3069 > 3070 3071 3072 <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_1.jpg?v=1788382570&width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image=""> 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 <img src="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0670Z_BL10_2.jpg?v=1788382571&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=""> 3084 3085 3086 3087 </a> 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 <div 3098 class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block' 3099 style='background-color: #966c3f;' 3100 > 3101 New Arrivals 3102 3103 </div> 3104 3105 3106 </div> 3107 <div class='pt-3'> 3108 <div class='items-align flex flex-col justify-start '> 3109 3110 3111 3112 3113 3114 <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'> 3115 <a 3116 href='/products/fluid-jeans-with-elastic-waist?variant=47485431447714' 3117 >Fluid jeans with elastic waistband</a> 3118 </h3> 3119 3120 </div> 3121 3122 3123 </div> 3124 </div> 3125 3126 3127 3128 3129 </div> 3130 </div> 3131 </div> 3132</div> 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 </li> 3149 3150 <li class='h-6'> 3151 3152 <button 3153 data-mega-menu-button 3154 id='button-men' 3155 class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-
3155tristan-black' 3156 aria-label='Open menu' 3157 aria-haspopup='true' 3158 aria-expanded='false' 3159 aria-controls='megamenu-men' 3160 > 3161 <div class='flex flex-row gap-3'> 3162 Men 3163 3164 <svg 3165 3166 xmlns='http://www.w3.org/2000/svg' 3167 width='24' 3168 height='24' 3169 viewBox='0 0 24 24' 3170 fill='none' 3171 class='h-4 w-4 mega-menu-plus' 3172 > 3173 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 3174 </svg> 3175 3176 3177 3178 <svg 3179 3180 xmlns='http://www.w3.org/2000/svg' 3181 width='24' 3182 height='24' 3183 viewBox='0 0 24 24' 3184 fill='none' 3185 class='h-4 w-4 mega-menu-minus hidden' 3186 > 3187 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 3188 </svg> 3189 3190 3191 </div> 3192 </button> 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203<div 3204 data-mega-menu 3205 id='megamenu-men' 3206 aria-aria-labelledby='button-men' 3207 class='absolute left-0 top-[4.4rem] hidden w-full opacity-0 transition-opacity' 3208> 3209 <div 3210 class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white' 3211 data-mega-menu-content 3212 > 3213 <div class='flex basis-3/4 gap-2 p-8'> 3214 3215 3216 <nav class='basis-[50%]'> 3217 <p class='text-[14px] font-light'>Shop by</p> 3218 <ul class='font-serif flex flex-col gap-2'> 3219 3220 <li class='leading-[1.17]'> 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-new-arrivals'>New Arrivals</a> 3231 </li> 3232 3233 <li class='leading-[1.17]'> 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-suiting'>Suiting</a> 3244 </li> 3245 3246 <li class='leading-[1.17]'> 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/special-offer-2-for-3'>Special Offer</a> 3257 </li> 3258 3259 <li class='leading-[1.17]'> 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 <a class='text-sm font-normal leading-5 hover:underline text-tristan-red' href='/products/00-giftcard'>Gift Card</a> 3270 </li> 3271 3272 </ul> 3273 </nav> 3274 3275 3276 <nav class='basis-[50%]'> 3277 <p class='text-[14px] font-light'>Clothing</p> 3278 <ul class='font-serif flex flex-col gap-2'> 3279 3280 3281 3282 <li class='leading-[1.17]'> 3283 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-shirts'>Shirts & Overshirts</a> 3284 </li> 3285 3286 3287 3288 <li class='leading-[1.17]'> 3289 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-t-shirts'>T-Shirts & Sweatshirts</a> 3290 </li> 3291 3292 3293 3294 <li class='leading-[1.17]'> 3295 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-sweaters-cardigans'>Sweaters & Cardigans</a> 3296 </li> 3297 3298 3299 3300 <li class='leading-[1.17]'> 3301 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-polos'>Polos</a> 3302 </li> 3303 3304 3305 3306 <li class='leading-[1.17]'> 3307 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-jeans'>Jeans</a> 3308 </li> 3309 3310 3311 3312 <li class='leading-[1.17]'> 3313 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-pants'>Pants</a> 3314 </li> 3315 3316 3317 3318 <li class='leading-[1.17]'> 3319 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/blazers-for-men'>Blazers & Vests</a> 3320 </li> 3321 3322 3323 3324 <li class='leading-[1.17]'> 3325 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-outerwear'>Outerwear</a> 3326 </li> 3327 3328 3329 3330 <li class='leading-[1.17]'> 3331 <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/men-clothing'>Shop All Men</a> 3332 </li> 3333 3334 </ul> 3335 </nav> 3336 3337 3338 <nav class='basis-[50%]'> 3339 <p class='text-[14px] font-light'>Accessories</p> 3340 <ul class='font-serif flex flex-col gap-2'> 3341 3342 3343 3344 <li class='leading-[1.17]'> 3345 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-belts-suspenders'>Belts & Suspenders</a> 3346 </li> 3347 3348 3349 3350 <li class='leading-[1.17]'> 3351 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-hats'>Hats</a> 3352 </li> 3353 3354 3355 3356 <li class='leading-[1.17]'> 3357 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-scarves'>Pocket Squares</a> 3358 </li> 3359 3360 3361 3362 <li class='leading-[1.17]'> 3363 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-bags'>Bags & Wallets</a> 3364 </li> 3365 3366 3367 3368 <li class='leading-[1.17]'> 3369 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-ties-bowties'>Ties & Bowties</a> 3370 </li> 3371 3372 3373 3374 <li class='leading-[1.17]'> 3375 <a class='text-sm font-normal leading-5 hover:underline ' href='/collections/mens-underwear'>Underwear & Socks</a> 3376 </li> 3377 3378 3379 3380 <li class='leading-[1.17]'> 3381 <a class='text-sm font-normal leading-5 hover:underline !font-bold' href='/collections/all-mens-accessories'>Shop All Accessories</a> 3382 </li> 3383 3384 </ul> 3385 </nav> 3386 3387 </div> 3388 <div class='p-8 '> 3389 <p class='text-sm font-light'>Our faves right now</p> 3390 <div class='flex flex-row items-center justify-end gap-3'> 3391 3392 3393 3394 3395 3396 <div 3397 data-product-card 3398 class='relative w-[200px] h-[308px]' 3399 data-component='productCard' 3400 data-product-card-handle-main='merino-wool-v-neck-sweater-5' 3401 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"]' 3402 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
340210" },{ "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" }]' 3403 > 3404 <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '> 3405 3406 <a 3407 href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586' 3408 data-product-url 3409 class='object relative aspect-[3/5] w-full !aspect-[3/4]' 3410 > 3411 3412 3413 <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_1.jpg?v=1787074503&width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image=""> 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 <img src="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1825Z_BE42_2.jpg?v=1787074503&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=""> 3425 3426 3427 3428 </a> 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 <div 3439 class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block' 3440 style='background-color: #966c3f;' 3441 > 3442 New Arrivals 3443 3444 </div> 3445 3446 3447 </div> 3448 <div class='pt-3'> 3449 <div class='items-align flex flex-col justify-start '> 3450 3451 3452 3453 3454 3455 <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'> 3456 <a 3457 href='/products/merino-wool-v-neck-sweater-5?variant=47527222247586' 3458 >Merino wool V-neck sweater</a> 3459 </h3> 3460 3461 </div> 3462 3463 3464 </div> 3465 </div> 3466 3467 3468 3469 3470 3471 3472 3473 <div 3474 data-product-card 3475 class='relative w-[200px] h-[308px]' 3476 data-component='productCard' 3477 data-product-card-handle-main='straight-leg-pant-with-elastic-waist' 3478 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"]' 3479 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" }]' 3480 > 3481 <div data-product-image class='bg-tristan-beige group relative flex items-center justify-center '> 3482 3483 <a 3484 href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538' 3485 data-product-url 3486 class='object relative aspect-[3/5] w-full !aspect-[3/4]' 3487 > 3488 3489 3490 <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1406
3490Z_NO01_1.jpg?v=1787074535&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_1.jpg?v=1787074535&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_1.jpg?v=1787074535&width=700 700w" width="700" height="1050" class="absolute top-0 object-cover object-top left-0 h-full w-full" data-main-image=""> 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 <img src="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&width=700" srcset="//www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1406Z_NO01_2.jpg?v=1787074537&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=""> 3502 3503 3504 3505 </a> 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 <div 3516 class='absolute bottom-0 right-0 hidden bg-tristan-dark-500 px-2 py-1 text-xs font-medium text-tristan-white md:block' 3517 style='background-color: #966c3f;' 3518 > 3519 New Arrivals 3520 3521 </div> 3522 3523 3524 </div> 3525 <div class='pt-3'> 3526 <div class='items-align flex flex-col justify-start '> 3527 3528 3529 3530 3531 3532 <h3 class='w-full pb-1 text-sm normal-case leading-none md:text-base !text-sm !leading-5'> 3533 <a 3534 href='/products/straight-leg-pant-with-elastic-waist?variant=47527227621538' 3535 >Straight leg pant with elastic waist</a> 3536 </h3> 3537 3538 </div> 3539 3540 3541 </div> 3542 </div> 3543 3544 3545 3546 3547 </div> 3548 </div> 3549 </div> 3550</div> 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 </li> 3563 3564 <li class='h-6'> 3565 3566 <button 3567 data-mega-menu-button 3568 id='button-about' 3569 class='flex flex-row items-center justify-center gap-3 pb-[26px] text-sm font-normal hover:border-b hover:border-tristan-black' 3570 aria-label='Open menu' 3571 aria-haspopup='true' 3572 aria-expanded='false' 3573 aria-controls='megamenu-about' 3574 > 3575 <div class='flex flex-row gap-3'> 3576 About 3577 3578 <svg 3579 3580 xmlns='http://www.w3.org/2000/svg' 3581 width='24' 3582 height='24' 3583 viewBox='0 0 24 24' 3584 fill='none' 3585 class='h-4 w-4 mega-menu-plus' 3586 > 3587 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 3588 </svg> 3589 3590 3591 3592 <svg 3593 3594 xmlns='http://www.w3.org/2000/svg' 3595 width='24' 3596 height='24' 3597 viewBox='0 0 24 24' 3598 fill='none' 3599 class='h-4 w-4 mega-menu-minus hidden' 3600 > 3601 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 3602 </svg> 3603 3604 3605 </div> 3606 </button> 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623<div 3624 data-mega-menu 3625 id='megamenu-about' 3626 aria-aria-labelledby='button-about' 3627 class='absolute left-0 top-[4.4rem] hidden w-full opacity-0 transition-opacity' 3628> 3629 <div 3630 class='border-tristan-silver relative z-10 flex h-[420px] justify-between overflow-y-auto border-t bg-tristan-white' 3631 data-mega-menu-content 3632 > 3633 <div class='flex basis-3/4 gap-2 p-8'> 3634 3635 3636 <nav class='basis-[50%]'> 3637 <p class='text-[14px] font-light'>About us</p> 3638 <ul class='font-serif flex flex-col gap-2'> 3639 3640 <li class='leading-[1.17]'> 3641 3642 3643 3644 3645 3646 3647 3648 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/about-us'>Who We Are</a> 3649 </li> 3650 3651 <li class='leading-[1.17]'> 3652 3653 3654 3655 3656 3657 3658 3659 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/store-locator'>Our Stores</a> 3660 </li> 3661 3662 <li class='leading-[1.17]'> 3663 3664 3665 3666 3667 3668 3669 3670 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/corporate'>Corporate Uniforms</a> 3671 </li> 3672 3673 <li class='leading-[1.17]'> 3674 3675 3676 3677 3678 3679 3680 3681 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/contact-us'>Contact Us</a> 3682 </li> 3683 3684 <li class='leading-[1.17]'> 3685 3686 3687 3688 3689 3690 3691 3692 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/careers'>Careers</a> 3693 </li> 3694 3695 </ul> 3696 </nav> 3697 3698 3699 <nav class='basis-[50%]'> 3700 <p class='text-[14px] font-light'>Blog</p> 3701 <ul class='font-serif flex flex-col gap-2'> 3702 3703 3704 3705 <li class='leading-[1.17]'> 3706 <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> 3707 </li> 3708 3709 3710 3711 <li class='leading-[1.17]'> 3712 <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> 3713 </li> 3714 3715 3716 3717 <li class='leading-[1.17]'> 3718 <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> 3719 </li> 3720 3721 3722 3723 <li class='leading-[1.17]'> 3724 <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/woman-professional-look'>How to Build a Professional Wardrobe</a> 3725 </li> 3726 3727 3728 3729 <li class='leading-[1.17]'> 3730 <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> 3731 </li> 3732 3733 3734 3735 <li class='leading-[1.17]'> 3736 <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news/clothes-made-in-canada'>Clothes Made in Canada</a> 3737 </li> 3738 3739 3740 3741 <li class='leading-[1.17]'> 3742 <a class='text-sm font-normal leading-5 hover:underline ' href='/blogs/news'>Read All Blog Posts</a> 3743 </li> 3744 3745 </ul> 3746 </nav> 3747 3748 3749 <nav class='basis-[50%]'> 3750 <p class='text-[14px] font-light'>Help</p> 3751 <ul class='font-serif flex flex-col gap-2'> 3752 3753 3754 3755 <li class='leading-[1.17]'> 3756 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/faq'>FAQ</a> 3757 </li> 3758 3759 3760 3761 <li class='leading-[1.17]'> 3762 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/gift-card-balance-check'>Gift Card Balance</a> 3763 </li> 3764 3765 3766 3767 <li class='leading-[1.17]'> 3768 <a class='text-sm font-normal leading-5 hover:underline ' href='/pages/shipping'>Shipping</a> 3769 </li> 3770 3771 3772 3773 <li class='leading-[1.17]'> 3774 <a class='text-sm font-normal leading-5 hover:underline ' href='https://tristanstyle.returnscenter.com/'>Return Management</a> 3775 </li> 3776 3777 </ul> 3778 </nav> 3779 3780 </div> 3781 <div class='p-8 mb-3'> 3782 <p class='text-sm font-light'>Join us</p> 3783 <div class='flex flex-row items-center justify-end gap-3'> 3784 3785 3786 3787 <a href='/blogs/news/woman-professional-look' class='object relative !aspect-[3/4] h-full w-[200px]'> 3788 3789 3790 3791 3792<div 3793 class='relative w-full h-full object-cover ' 3794 data-component='media' 3795 3796 data-pswp-width='6520' 3797 data-pswp-height='8700' 3798 href='//www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&width=2000' 3799 > 3800 3801 3802 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&
3802width=652 652w" width="652" height="870" class="absolute left-0 top-0 h-full w-full object-cover md:hidden "> 3803 3804 3805 3806 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/Professionel_wardrobe.png?v=1746471032&width=652 652w" width="652" height="870" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block "> 3807 3808 3809 </div > 3810 3811<div class='min-h-[60px] pt-3'> 3812 <div class='items-align flex flex-col justify-start '> 3813 <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Professional wardrobe 3814 </h3> 3815 </div> 3816 </div> 3817 </a> 3818 3819 3820 3821 <a href='https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends' class='object relative !aspect-[3/4] h-full w-[200px]'> 3822 3823 3824 3825 3826<div 3827 class='relative w-full h-full object-cover ' 3828 data-component='media' 3829 3830 data-pswp-width='6000' 3831 data-pswp-height='4560' 3832 href='//www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&width=2000' 3833 > 3834 3835 3836 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&width=600 600w" width="600" height="456" class="absolute left-0 top-0 h-full w-full object-cover md:hidden "> 3837 3838 3839 3840 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/Catalogue_Cover_Desktop_0dc0284e-1359-4996-8786-f18b3c906c4b.jpg?v=1773410118&width=600 600w" width="600" height="456" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block "> 3841 3842 3843 </div > 3844 3845<div class='min-h-[60px] pt-3'> 3846 <div class='items-align flex flex-col justify-start '> 3847 <h3 class='w-full pb-1 !text-sm normal-case !leading-5 md:text-base'>Spring 2026 3848 </h3> 3849 </div> 3850 </div> 3851 </a> 3852 3853 3854 3855 </div> 3856 </div> 3857 </div> 3858</div> 3859 3860 3861 3862 3863 3864 </li> 3865 3866 </ul> 3867 </nav> 3868 3869 <nav class='self-center '> 3870 <ul class='flex items-center justify-end gap-3'> 3871 <li class='relative hidden md_lg:flex'> 3872 <button 3873 data-localize-button 3874 class='flex flex-row items-center justify-center gap-[6px] pr-[38px] text-xs' 3875 > 3876 Change language 3877 3878 <svg 3879 data-icon-down 3880 class='' 3881 xmlns='http://www.w3.org/2000/svg' 3882 width='16' 3883 height='16' 3884 viewBox='0 0 16 16' 3885 fill='none' 3886 > 3887 <g > 3888 <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/> 3889 </g> 3890 </svg> 3891 3892 3893 3894 <svg 3895 data-icon-up 3896 class='hidden rotate-180' 3897 xmlns='http://www.w3.org/2000/svg' 3898 width='16' 3899 height='16' 3900 viewBox='0 0 16 16' 3901 fill='none' 3902 > 3903 <g > 3904 <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/> 3905 </g> 3906 </svg> 3907 3908 3909 </button> 3910 3911 <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="/blogs/news/spring-summer-2026-fashion-trends" /><input type='hidden' name='locale_code' value='en'> 3912 <ul class='flex flex-col gap-4 p-4'><li class='font-bold'> 3913 <button 3914 type='submit' 3915 name='locale_code' 3916 class='text-sm capitalize' 3917 style='font-size:12px;' 3918 value='en' 3919 > 3920 <img 3921 src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698' 3922 style='display:inline-block;' 3923 width='12' 3924 height='auto' 3925 > 3926 English (CAD) 3927 </button> 3928 </li><li class=''> 3929 <button 3930 type='submit' 3931 name='locale_code' 3932 class='text-sm capitalize' 3933 style='font-size:12px;' 3934 value='fr' 3935 > 3936 <img 3937 src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-ca.png?v=1734105698' 3938 style='display:inline-block;' 3939 width='12' 3940 height='auto' 3941 > 3942 Français (CAD) 3943 </button> 3944 </li><li> 3945 <a href='https://us.tristanstyle.com/' class='text-sm capitalize' style='font-size:12px;'> 3946 <img 3947 src='https://cdn.shopify.com/s/files/1/0434/2487/4658/files/language-flags-us.png?v=1734105698' 3948 style='display:inline-block;' 3949 width='12' 3950 height='auto' 3951 3952 > English (USD)</a 3953 > 3954 </li> 3955 </ul></form></div> 3956 </li> 3957 <li class='hidden h-6 md_lg:block'> 3958 <button data-search-button class='flex h-6' aria-label='Search'> 3959 3960 <svg 3961 3962 width='22' 3963 height='22'
3964 viewBox='0 0 22 22' 3965 class='' 3966 fill='none' 3967 xmlns='http://www.w3.org/2000/svg' 3968 > 3969 <g clip-path="url(#clip0_127_1251)"> 3970 <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"/> 3971 <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/> 3972 </g> 3973 <defs> 3974 <clipPath id="clip0_127_1251"> 3975 <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/> 3976 </clipPath> 3977 </defs> 3978 </svg> 3979 3980 3981 </button> 3982 </li> 3983 <li class='block h-6'> 3984 <a 3985 href='#hero-wishlist' 3986 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' 3987 > 3988 <svg 3989 3990 width='22' 3991 height='22' 3992 viewBox='0 0 22 22' 3993 class='' 3994 fill='none' 3995 xmlns='http://www.w3.org/2000/svg' 3996 > 3997 <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"/> 3998 </svg> 3999 4000 </a> 4001 </li> 4002 <li class='h-6'> 4003 <button class='relative flex gap-2' data-cart-icon-desktop> 4004 <span class='inline-block' data-cart-text> 4005 <svg 4006 4007 width='22' 4008 height='20' 4009 viewBox='0 0 22 20' 4010 class='' 4011 fill='none' 4012 xmlns='http://www.w3.org/2000/svg' 4013 > 4014 <g clip-path="url(#clip0_127_1256)"> 4015 <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"/> 4016 <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"/> 4017 </g> 4018 <defs> 4019 <clipPath id="clip0_127_1256"> 4020 <rect width="22" height="20" fill="white"/> 4021 </clipPath> 4022 </defs> 4023 </svg> 4024 4025 </span> 4026 <span 4027 data-cart-count 4028 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 ' 4029 >0</span> 4030 </button> 4031 </li> 4032 </ul> 4033 </nav> 4034 4035 4036<div 4037 data-mobile-menu 4038 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' 4039> 4040 <div 4041 data-mobile-header 4042 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]' 4043 > 4044 <div class='flex items-center justify-start gap-[26px]'> 4045 <button 4046 data-mobile-menu-button 4047 class='ml-2 h-4 w-4 self-center lg:hidden' 4048 aria-label='accessibility.open_menu' 4049 aria-haspopup='true' 4050 aria-expanded='false' 4051 > 4052 4053 <svg 4054 4055 width='15' 4056 height='15'
4057 viewBox='0 0 15 15' 4058 class='w-full h-full' 4059 fill='none' 4060 xmlns='http://www.w3.org/2000/svg' 4061 > 4062 <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"/> 4063 </svg> 4064 4065 4066 </button> 4067 <button 4068 data-search-mobile-button 4069 class='flex h-4 w-4' 4070 aria-label='Search' 4071 > 4072 4073 <svg 4074 4075 width='22' 4076 height='22' 4077 viewBox='0 0 22 22' 4078 class='m-auto w-full h-full' 4079 fill='none' 4080 xmlns='http://www.w3.org/2000/svg' 4081 > 4082 <g clip-path="url(#clip0_127_1251)"> 4083 <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"/> 4084 <path d="M15.1855 14.9697L21.0522 20.9697" stroke="black"/> 4085 </g> 4086 <defs> 4087 <clipPath id="clip0_127_1251"> 4088 <rect width="22" height="21" fill="currentColor" transform="translate(0 0.5)"/> 4089 </clipPath> 4090 </defs> 4091 </svg> 4092 4093 4094 </button> 4095 </div> 4096 <a href='/' class='flex items-center justify-center'> 4097 4098 <div class='flex items-center justify-center font-nova text-[26px] leading-[26px] md_lg:text-2xl'> 4099 TRISTAN 4100 </div> 4101 4102 4103 </a> 4104 <div class='flex items-center justify-end'> 4105 <button data-cart-icon-mobile class='relative h-[24px] w-[24px]'> 4106 4107 <svg 4108 4109 width='22' 4110 height='20' 4111 viewBox='0 0 22 20' 4112 class=' m-auto' 4113 fill='none' 4114 xmlns='http://www.w3.org/2000/svg' 4115 > 4116 <g clip-path="url(#clip0_127_1256)"> 4117 <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"/> 4118 <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"/> 4119 </g> 4120 <defs> 4121 <clipPath id="clip0_127_1256"> 4122 <rect width="22" height="20" fill="white"/> 4123 </clipPath> 4124 </defs> 4125 </svg> 4126 4127 4128 <span 4129 data-cart-count-mobile 4130 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' 4131 > 4132 0 4133 </span> 4134 </button> 4135 </div> 4136 </div> 4137 4138 <div class='flex w-full flex-grow flex-col justify-between gap-4 overflow-y-auto'> 4139 <div class=''> 4140 <nav data-nav-mobile class='h-max'> 4141 <ul class='flex flex-col'> 4142 4143 <li class='border-b border-solid border-tristan-black-900 px-4 py-5'> 4144 <div data-component='accordion'> 4145 4146 <div 4147 4148 data-accordion-item 4149 4150 4151 4152 class='border-t-[0.67px] border-tristan-dark-400 last:border-b-[0.67px] !border-0 ' 4153 > 4154 <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'> 4155 New Arrivals 4156 4157 <span data-accordion-icon-plus class='text-tristan-black'> 4158 <svg 4159 4160 xmlns='http://www.w3.org/2000/svg' 4161 width='24' 4162 height='24' 4163 viewBox='0 0 24 24' 4164 fill='none' 4165 class='rotate-180' 4166 > 4167 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 4168 </svg> 4169 4170 </span> 4171 <span 4172 data-accordion-icon-minus 4173 class='hidden text-tristan-black ' 4174 > 4175 <svg 4176 4177 xmlns='http://www.w3.org/2000/svg' 4178 width='24' 4179 height='24' 4180 viewBox='0 0 24 24' 4181 fill='none' 4182 class='' 4183 > 4184 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 4185 </svg> 4186 4187 </span> 4188 </button> 4189 <div 4190 data-accordion-content 4191 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 ' 4192 aria-hidden='true' 4193 > 4194 4195 <ul class='flex flex-col gap-3'> 4196 4197 4198 4199 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4200 <div class=' w-14 '> 4201 4202 4203 4204 4205 4206<div
4207 class='relative aspect-[0.725] h-full pointer-events-none ' 4208 data-component='media' 4209 4210 data-pswp-width='0' 4211 data-pswp-height='0' 4212 href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000' 4213 > 4214 4215 4216 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4217 4218 4219 4220 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4221 4222 4223 </div > 4224 4225 4226 </div> 4227 <a href='/collections/womens-new-arrivals' class=''>Women</a> 4228 </li> 4229 4230 4231 4232 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4233 <div class=' w-14 '> 4234 4235 4236 4237 4238 4239<div 4240 class='relative aspect-[0.725] h-full pointer-events-none ' 4241 data-component='media' 4242 4243 data-pswp-width='0' 4244 data-pswp-height='0' 4245 href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000' 4246 > 4247 4248 4249 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&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"> 4250 4251 4252 4253 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&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"> 4254 4255 4256 </div > 4257 4258 4259 </div> 4260 <a href='/collections/mens-new-arrivals' class=''>Men</a> 4261 </li> 4262 4263 4264 4265 4266 </ul> 4267 4268 </div> 4269 </div> 4270 4271 4272 </div> 4273 4274 4275 </li> 4276 4277 <li class='border-b border-solid border-tristan-black-900 px-4 py-5'> 4278 <div data-component='accordion'> 4279 4280 <div 4281 4282 data-accordion-item 4283 4284 4285 4286 class='border-t-[0.67px] border-tristan-dark-400 last:border-b-[0.67px] !border-0 ' 4287 > 4288 <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'> 4289 Women 4290 4291 <span data-accordion-icon-plus class='text-tristan-black'> 4292 <svg 4293 4294 xmlns='http://www.w3.org/2000/svg' 4295 width='24' 4296 height='24' 4297 viewBox='0 0 24 24' 4298 fill='none' 4299 class='rotate-180' 4300 > 4301 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 4302 </svg> 4303 4304 </span>
4305 <span 4306 data-accordion-icon-minus 4307 class='hidden text-tristan-black ' 4308 > 4309 <svg 4310 4311 xmlns='http://www.w3.org/2000/svg' 4312 width='24' 4313 height='24' 4314 viewBox='0 0 24 24' 4315 fill='none' 4316 class='' 4317 > 4318 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 4319 </svg> 4320 4321 </span> 4322 </button> 4323 <div 4324 data-accordion-content 4325 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 ' 4326 aria-hidden='true' 4327 > 4328 4329 <ul class='flex flex-col gap-3'> 4330 4331 4332 4333 <div data-component='accordionSub'> 4334 4335 <div 4336 4337 data-accordion-sub-item 4338 4339 4340 4341 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 4342 > 4343 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 4344 Shop by 4345 4346 <span data-accordion-icon-plus class='text-tristan-black'> 4347 <svg 4348 4349 xmlns='http://www.w3.org/2000/svg' 4350 width='24' 4351 height='24' 4352 viewBox='0 0 24 24' 4353 fill='none' 4354 class='rotate-180' 4355 > 4356 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 4357 </svg> 4358 4359 </span> 4360 <span 4361 data-accordion-icon-minus 4362 class='hidden text-tristan-black ' 4363 > 4364 <svg 4365 4366 xmlns='http://www.w3.org/2000/svg' 4367 width='24' 4368 height='24' 4369 viewBox='0 0 24 24' 4370 fill='none' 4371 class='' 4372 > 4373 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 4374 </svg> 4375 4376 </span> 4377 </button> 4378 <div 4379 data-accordion-content 4380 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 4381 aria-hidden='true' 4382 > 4383 4384 <ul class='flex flex-col gap-3'> 4385 4386 4387 4388 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4389 <div class=' w-14 '> 4390 4391 4392 4393 4394 4395<div 4396 class='relative aspect-[0.725] h-full pointer-events-none ' 4397 data-component='media' 4398 4399 data-pswp-width='0' 4400 data-pswp-height='0' 4401 href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000' 4402 > 4403 4404 4405 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4406 4407 4408 4409 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4410 4411 4412 </div > 4413 4414 4415 </div> 4416 <a href='/collections/womens-new-arrivals' class=''>New Arrivals</a> 4417 </li> 4418 4419 4420 4421 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4422 <div class=' w-14 '> 4423 4424 4425 4426 4427 4428<div 4429 class='relative aspect-[0.725] h-full pointer-events-none ' 4430 data-component='media' 4431 4432 data-pswp-width='0' 4433 data-pswp-height='0' 4434 href='//www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=2000' 4435 > 4436 4437 4438 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&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"> 4439 4440 4441 4442 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1809Z_BR20_1.jpg?v=1785402353&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"> 4443 4444 4445 </div > 4446 4447 4448 </div>
4449 <a href='/collections/womens-suiting' class=''>Suiting</a> 4450 </li> 4451 4452 4453 4454 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4455 <div class=' w-14 '> 4456 4457 4458 4459 4460 4461<div 4462 class='relative aspect-[0.725] h-full pointer-events-none ' 4463 data-component='media' 4464 4465 data-pswp-width='0' 4466 data-pswp-height='0' 4467 href='//www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=2000' 4468 > 4469 4470 4471 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&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"> 4472 4473 4474 4475 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2180Z_BL21_1.jpg?v=1753970205&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"> 4476 4477 4478 </div > 4479 4480 4481 </div> 4482 <a href='/collections/womens-made-in-canada' class=''>Made In Canada</a> 4483 </li> 4484 4485 4486 4487 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4488 <div class=' w-14 '> 4489 4490 4491 4492 4493 4494<div 4495 class='relative aspect-[0.725] h-full pointer-events-none ' 4496 data-component='media' 4497 4498 data-pswp-width='16670' 4499 data-pswp-height='25000' 4500 href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000' 4501 > 4502 4503 4504 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&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"> 4505 4506 4507 4508 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&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"> 4509 4510 4511 </div > 4512 4513 4514 </div> 4515 <a href='/products/00-giftcard' class=''>Gift Card</a> 4516 </li> 4517 4518 4519 4520 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4521 <div class=' w-14 '> 4522 4523 4524 4525 4526 4527<div
4528 class='relative aspect-[0.725] h-full pointer-events-none ' 4529 data-component='media' 4530 4531 data-pswp-width='0' 4532 data-pswp-height='0' 4533 href='//www.tristanstyle.com/cdn/shop/files/vignette_femme.png?v=1781710166&width=2000' 4534 > 4535 4536 4537 <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&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"> 4538 4539 4540 4541 <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&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"> 4542 4543 4544 </div > 4545 4546 4547 </div> 4548 <a href='/collections/womens-sale' class=''>Sale</a> 4549 </li> 4550 4551 4552 4553 4554 </ul> 4555 4556 </div> 4557 </div> 4558 4559 4560 </div> 4561 4562 4563 4564 <div data-component='accordionSub'> 4565 4566 <div 4567 4568 data-accordion-sub-item 4569 4570 4571 4572 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 4573 > 4574 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 4575 Clothing 4576 4577 <span data-accordion-icon-plus class='text-tristan-black'> 4578 <svg 4579 4580 xmlns='http://www.w3.org/2000/svg' 4581 width='24' 4582 height='24' 4583 viewBox='0 0 24 24' 4584 fill='none' 4585 class='rotate-180' 4586 > 4587 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 4588 </svg> 4589 4590 </span> 4591 <span 4592 data-accordion-icon-minus 4593 class='hidden text-tristan-black ' 4594 > 4595 <svg 4596 4597 xmlns='http://www.w3.org/2000/svg' 4598 width='24' 4599 height='24' 4600 viewBox='0 0 24 24' 4601 fill='none' 4602 class='' 4603 > 4604 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 4605 </svg> 4606 4607 </span> 4608 </button> 4609 <div 4610 data-accordion-content 4611 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 4612 aria-hidden='true' 4613 > 4614 4615 <ul class='flex flex-col gap-3'> 4616 4617 4618 4619 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4620 <div class=' w-14 '> 4621 4622 4623 4624 4625 4626<div 4627 class='relative aspect-[0.725] h-full pointer-events-none ' 4628 data-component='media' 4629 4630 data-pswp-width='0' 4631 data-pswp-height='0' 4632 href='//www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=2000' 4633 > 4634 4635 4636 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&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"> 4637 4638 4639 4640 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1824Z_BR50_1.jpg?v=1784105967&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"> 4641 4642 4643 </div > 4644 4645 4646 </div> 4647 <a href='/collections/womens-blazers-vests' class=''>Blazers & Vests</a> 4648 </li> 4649 4650 4651 4652 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4653 <div class=' w-14 '> 4654 4655 4656 4657 4658 4659<div
4660 class='relative aspect-[0.725] h-full pointer-events-none ' 4661 data-component='media' 4662 4663 data-pswp-width='0' 4664 data-pswp-height='0' 4665 href='//www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=2000' 4666 > 4667 4668 4669 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4670 4671 4672 4673 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&width=832 832w, //www.tristanstyle.com/cdn/shop/files/dress_Femme.jpg?v=1787318977&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"> 4674 4675 4676 </div > 4677 4678 4679 </div> 4680 <a href='/collections/womens-dresses' class=''>Dresses</a> 4681 </li> 4682 4683 4684 4685 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4686 <div class=' w-14 '> 4687 4688 4689 4690 4691 4692<div 4693 class='relative aspect-[0.725] h-full pointer-events-none ' 4694 data-component='media' 4695 4696 data-pswp-width='0' 4697 data-pswp-height='0' 4698 href='//www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=2000' 4699 > 4700 4701 4702 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&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"> 4703 4704 4705 4706 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV040C2733Z_MA20_1.jpg?v=1786870389&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"> 4707 4708 4709 </div > 4710 4711 4712 </div> 4713 <a href='/collections/womens-sweaters' class=''>Sweaters & Cardigans</a> 4714 </li> 4715 4716 4717 4718 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4719 <div class=' w-14 '> 4720 4721 4722 4723 4724 4725<div 4726 class='relative aspect-[0.725] h-full pointer-events-none ' 4727 data-component='media' 4728 4729 data-pswp-width='0' 4730 data-pswp-height='0' 4731 href='//www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=2000' 4732 > 4733 4734 4735 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&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"> 4736 4737 4738 4739 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV010C3347Z_BC01_1.jpg?v=1786870370&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"> 4740 4741 4742 </div > 4743 4744 4745 </div> 4746 <a href='/collections/shirts-blouse' class=''>
4746Shirts & Blouses</a> 4747 </li> 4748 4749 4750 4751 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4752 <div class=' w-14 '> 4753 4754 4755 4756 4757 4758<div 4759 class='relative aspect-[0.725] h-full pointer-events-none ' 4760 data-component='media' 4761 4762 data-pswp-width='0' 4763 data-pswp-height='0' 4764 href='//www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=2000' 4765 > 4766 4767 4768 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&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"> 4769 4770 4771 4772 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV080C1724Z_BE50_3.jpg?v=1785402337&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"> 4773 4774 4775 </div > 4776 4777 4778 </div> 4779 <a href='/collections/womens-skirts' class=''>Skirts</a> 4780 </li> 4781 4782 4783 4784 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4785 <div class=' w-14 '> 4786 4787 4788 4789 4790 4791<div 4792 class='relative aspect-[0.725] h-full pointer-events-none ' 4793 data-component='media' 4794 4795 data-pswp-width='0' 4796 data-pswp-height='0' 4797 href='//www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=2000' 4798 > 4799 4800 4801 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&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"> 4802 4803 4804 4805 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV060C0662Z_BL20_1.jpg?v=1785402318&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"> 4806 4807 4808 </div > 4809 4810 4811 </div> 4812 <a href='/collections/women-s-jeans' class=''>Jeans</a> 4813 </li> 4814 4815 4816 4817 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4818 <div class=' w-14 '> 4819 4820 4821 4822 4823 4824<div 4825 class='relative aspect-[0.725] h-full pointer-events-none ' 4826 data-component='media' 4827 4828 data-pswp-width='0' 4829 data-pswp-height='0' 4830 href='//www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=2000' 4831 > 4832 4833 4834 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&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"> 4835 4836 4837 4838 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV070C2302Z_BE01_3.jpg?v=1786870406&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"> 4839 4840 4841 </div > 4842 4843 4844 </div> 4845 <a href='/collections/womens-pants' class=''>Pants</a> 4846 </li> 4847 4848 4849 4850 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4851 <div class=' w-14 '> 4852 4853 4854 4855 4856 4857<div
4858 class='relative aspect-[0.725] h-full pointer-events-none ' 4859 data-component='media' 4860 4861 data-pswp-width='0' 4862 data-pswp-height='0' 4863 href='//www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=2000' 4864 > 4865 4866 4867 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&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"> 4868 4869 4870 4871 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV020C2915Z_GR40_1.jpg?v=1784105928&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"> 4872 4873 4874 </div > 4875 4876 4877 </div> 4878 <a href='/collections/womens-t-shirts' class=''>T-Shirts & Sweatshirts</a> 4879 </li> 4880 4881 4882 4883 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4884 <div class=' w-14 '> 4885 4886 4887 4888 4889 4890<div 4891 class='relative aspect-[0.725] h-full pointer-events-none ' 4892 data-component='media' 4893 4894 data-pswp-width='0' 4895 data-pswp-height='0' 4896 href='//www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=2000' 4897 > 4898 4899 4900 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&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"> 4901 4902 4903 4904 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV120C0503Z_NO01_1.jpg?v=1784105968&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"> 4905 4906 4907 </div > 4908 4909 4910 </div> 4911 <a href='/collections/women-s-outerwear' class=''>Outerwear</a> 4912 </li> 4913 4914 4915 4916 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 4917 <div class=' w-14 '> 4918 4919 4920 4921 4922 4923<div 4924 class='relative aspect-[0.725] h-full pointer-events-none ' 4925 data-component='media' 4926 4927 data-pswp-width='0' 4928 data-pswp-height='0' 4929 href='//www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=2000' 4930 > 4931 4932 4933 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&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"> 4934 4935 4936 4937 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FV110C1841Z_BR20_1.jpg?v=1785402360&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"> 4938 4939 4940 </div > 4941 4942 4943 </div> 4944 <a href='/collections/women' class=''>
4944Shop All Clothing</a> 4945 </li> 4946 4947 4948 4949 4950 </ul> 4951 4952 </div> 4953 </div> 4954 4955 4956 </div> 4957 4958 4959 4960 <div data-component='accordionSub'> 4961 4962 <div 4963 4964 data-accordion-sub-item 4965 4966 4967 4968 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 4969 > 4970 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 4971 Accessories 4972 4973 <span data-accordion-icon-plus class='text-tristan-black'> 4974 <svg 4975 4976 xmlns='http://www.w3.org/2000/svg' 4977 width='24' 4978 height='24' 4979 viewBox='0 0 24 24' 4980 fill='none' 4981 class='rotate-180' 4982 > 4983 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 4984 </svg> 4985 4986 </span> 4987 <span 4988 data-accordion-icon-minus 4989 class='hidden text-tristan-black ' 4990 > 4991 <svg 4992 4993 xmlns='http://www.w3.org/2000/svg' 4994 width='24' 4995 height='24' 4996 viewBox='0 0 24 24' 4997 fill='none' 4998 class='' 4999 > 5000 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 5001 </svg> 5002 5003 </span> 5004 </button> 5005 <div 5006 data-accordion-content 5007 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 5008 aria-hidden='true' 5009 > 5010 5011 <ul class='flex flex-col gap-3'> 5012 5013 5014 5015 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5016 <div class=' w-14 '> 5017 5018 5019 5020 5021 5022<div 5023 class='relative aspect-[0.725] h-full pointer-events-none ' 5024 data-component='media' 5025 5026 data-pswp-width='0' 5027 data-pswp-height='0' 5028 href='//www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=2000' 5029 > 5030 5031 5032 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&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"> 5033 5034 5035 5036 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA070C0785Z_NO01_1_75f9ace3-fc2e-4992-afa0-6d23781edf63.jpg?v=1788339368&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"> 5037 5038 5039 </div > 5040 5041 5042 </div> 5043 <a href='/collections/womens-bags' class=''>Bags</a> 5044 </li> 5045 5046 5047 5048 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5049 <div class=' w-14 '> 5050 5051 5052 5053 5054 5055<div 5056 class='relative aspect-[0.725] h-full pointer-events-none ' 5057 data-component='media' 5058 5059 data-pswp-width='0' 5060 data-pswp-height='0' 5061 href='//www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=2000' 5062 > 5063 5064 5065 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&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"> 5066 5067 5068 5069 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA010C0782Z_BE12_1.jpg?v=1785402220&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"> 5070 5071 5072 </div > 5073 5074 5075 </div> 5076 <a href='/collections/womens-belts' class=''>Belts</a> 5077 </li> 5078 5079 5080 5081 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5082 <div class=' w-14 '> 5083 5084 5085 5086 5087 5088<div
5089 class='relative aspect-[0.725] h-full pointer-events-none ' 5090 data-component='media' 5091 5092 data-pswp-width='0' 5093 data-pswp-height='0' 5094 href='//www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=2000' 5095 > 5096 5097 5098 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&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"> 5099 5100 5101 5102 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA020C0106Z_NO01_3_ed59ff6f-90d6-4c26-b542-c4080314d5a7.jpg?v=1731535794&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"> 5103 5104 5105 </div > 5106 5107 5108 </div> 5109 <a href='/collections/womens-gloves' class=''>Gloves</a> 5110 </li> 5111 5112 5113 5114 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5115 <div class=' w-14 '> 5116 5117 5118 5119 5120 5121<div 5122 class='relative aspect-[0.725] h-full pointer-events-none ' 5123 data-component='media' 5124 5125 data-pswp-width='0' 5126 data-pswp-height='0' 5127 href='//www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=2000' 5128 > 5129 5130 5131 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&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"> 5132 5133 5134 5135 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA040C1571Z_ME02_1.jpg?v=1785402229&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"> 5136 5137 5138 </div > 5139 5140 5141 </div> 5142 <a href='/collections/womens-jewelry' class=''>Jewelry</a> 5143 </li> 5144 5145 5146 5147 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5148 <div class=' w-14 '> 5149 5150 5151 5152 5153 5154<div
5155 class='relative aspect-[0.725] h-full pointer-events-none ' 5156 data-component='media' 5157 5158 data-pswp-width='0' 5159 data-pswp-height='0' 5160 href='//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&width=2000' 5161 > 5162 5163 5164 <img src="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&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"> 5165 5166 5167 5168 <img src="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124" alt="" srcset="//www.tristanstyle.com/cdn/shop/files/scarf.png?v=1761594124&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"> 5169 5170 5171 </div > 5172 5173 5174 </div> 5175 <a href='/collections/womens-scarves' class=''>Scarves</a> 5176 </li> 5177 5178 5179 5180 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5181 <div class=' w-14 '> 5182 5183 5184 5185 5186 5187<div 5188 class='relative aspect-[0.725] h-full pointer-events-none ' 5189 data-component='media' 5190 5191 data-pswp-width='0' 5192 data-pswp-height='0' 5193 href='//www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=2000' 5194 > 5195 5196 5197 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&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"> 5198 5199 5200 5201 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=832 832w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/FA100C0237Z_BL50_2.jpg?v=1788339562&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"> 5202 5203 5204 </div > 5205 5206 5207 </div> 5208 <a href='/collections/accessories-for-women' class=''>Shop All Accessories</a> 5209 </li> 5210 5211 5212 5213 5214 </ul> 5215 5216 </div> 5217 </div> 5218 5219 5220 </div> 5221 5222 5223 5224 5225 </ul> 5226 5227 </div> 5228 </div> 5229 5230 5231 </div> 5232 5233 5234 </li> 5235 5236 <li class='border-b border-solid border-tristan-black-900 px-4 py-5'> 5237 <div data-component='accordion'> 5238 5239 <div 5240 5241 data-accordion-item 5242 5243 5244 5245 class='border-t-[0.67px] border-tristan-dark-400 last:border-b-[0.67px] !border-0 ' 5246 > 5247 <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'> 5248 Men 5249 5250 <span data-accordion-icon-plus class='text-tristan-black'> 5251 <svg 5252 5253 xmlns='http://www.w3.org/2000/svg' 5254 width='24' 5255 height='24' 5256 viewBox='0 0 24 24' 5257 fill='none' 5258 class='rotate-180' 5259 > 5260 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 5261 </svg> 5262 5263 </span> 5264 <span 5265 data-accordion-icon-minus 5266 class='hidden text-tristan-black ' 5267 > 5268 <svg 5269 5270 xmlns='http://www.w3.org/2000/svg' 5271 width='24' 5272 height='24'
5273 viewBox='0 0 24 24' 5274 fill='none' 5275 class='' 5276 > 5277 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 5278 </svg> 5279 5280 </span> 5281 </button> 5282 <div 5283 data-accordion-content 5284 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 ' 5285 aria-hidden='true' 5286 > 5287 5288 <ul class='flex flex-col gap-3'> 5289 5290 5291 5292 <div data-component='accordionSub'> 5293 5294 <div 5295 5296 data-accordion-sub-item 5297 5298 5299 5300 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 5301 > 5302 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 5303 Shop by 5304 5305 <span data-accordion-icon-plus class='text-tristan-black'> 5306 <svg 5307 5308 xmlns='http://www.w3.org/2000/svg' 5309 width='24' 5310 height='24' 5311 viewBox='0 0 24 24' 5312 fill='none' 5313 class='rotate-180' 5314 > 5315 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 5316 </svg> 5317 5318 </span> 5319 <span 5320 data-accordion-icon-minus 5321 class='hidden text-tristan-black ' 5322 > 5323 <svg 5324 5325 xmlns='http://www.w3.org/2000/svg' 5326 width='24' 5327 height='24' 5328 viewBox='0 0 24 24' 5329 fill='none' 5330 class='' 5331 > 5332 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 5333 </svg> 5334 5335 </span> 5336 </button> 5337 <div 5338 data-accordion-content 5339 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 5340 aria-hidden='true' 5341 > 5342 5343 <ul class='flex flex-col gap-3'> 5344 5345 5346 5347 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5348 <div class=' w-14 '> 5349 5350 5351 5352 5353 5354<div 5355 class='relative aspect-[0.725] h-full pointer-events-none ' 5356 data-component='media' 5357 5358 data-pswp-width='0' 5359 data-pswp-height='0' 5360 href='//www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=2000' 5361 > 5362 5363 5364 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&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"> 5365 5366 5367 5368 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV040D1814Z_BL21_1.jpg?v=1785832519&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"> 5369 5370 5371 </div > 5372 5373 5374 </div> 5375 <a href='/collections/mens-new-arrivals' class=''>New Arrivals</a> 5376 </li> 5377 5378 5379 5380 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5381 <div class=' w-14 '> 5382 5383 5384 5385 5386 5387<div 5388 class='relative aspect-[0.725] h-full pointer-events-none ' 5389 data-component='media' 5390 5391 data-pswp-width='0' 5392 data-pswp-height='0' 5393 href='//www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=2000' 5394 > 5395 5396 5397 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&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"> 5398 5399 5400 5401 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1060Z_BL51_1.jpg?v=1787074543&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"> 5402 5403 5404 </div > 5405 5406 5407 </div>
5408 <a href='/collections/mens-suiting' class=''>Suiting</a> 5409 </li> 5410 5411 5412 5413 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5414 <div class=' w-14 '> 5415 5416 5417 5418 5419 5420<div 5421 class='relative aspect-[0.725] h-full pointer-events-none ' 5422 data-component='media' 5423 5424 data-pswp-width='16670' 5425 data-pswp-height='25000' 5426 href='//www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=2000' 5427 > 5428 5429 5430 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&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"> 5431 5432 5433 5434 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=832 832w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/cartecadeau_BL40_3_81567e9b-3058-4c88-945b-ec2391780734.jpg?v=1745497976&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"> 5435 5436 5437 </div > 5438 5439 5440 </div> 5441 <a href='/products/00-giftcard' class=''>Gift Card</a> 5442 </li> 5443 5444 5445 5446 5447 </ul> 5448 5449 </div> 5450 </div> 5451 5452 5453 </div> 5454 5455 5456 5457 <div data-component='accordionSub'> 5458 5459 <div 5460 5461 data-accordion-sub-item 5462 5463 5464 5465 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 5466 > 5467 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 5468 Clothing 5469 5470 <span data-accordion-icon-plus class='text-tristan-black'> 5471 <svg 5472 5473 xmlns='http://www.w3.org/2000/svg' 5474 width='24' 5475 height='24' 5476 viewBox='0 0 24 24' 5477 fill='none' 5478 class='rotate-180' 5479 > 5480 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 5481 </svg> 5482 5483 </span> 5484 <span 5485 data-accordion-icon-minus 5486 class='hidden text-tristan-black ' 5487 > 5488 <svg 5489 5490 xmlns='http://www.w3.org/2000/svg' 5491 width='24' 5492 height='24' 5493 viewBox='0 0 24 24' 5494 fill='none' 5495 class='' 5496 > 5497 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 5498 </svg> 5499 5500 </span> 5501 </button> 5502 <div 5503 data-accordion-content 5504 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 5505 aria-hidden='true' 5506 > 5507 5508 <ul class='flex flex-col gap-3'> 5509 5510 5511 5512 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5513 <div class=' w-14 '> 5514 5515 5516 5517 5518 5519<div 5520 class='relative aspect-[0.725] h-full pointer-events-none ' 5521 data-component='media' 5522 5523 data-pswp-width='0' 5524 data-pswp-height='0' 5525 href='//www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=2000' 5526 > 5527 5528 5529 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=832 832w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&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"> 5530 5531 5532 5533 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&width=832 832w, //www.tristanstyle.com/cdn/shop/files/sweater_homme.jpg?v=1787319048&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"> 5534 5535 5536 </div > 5537 5538 5539 </div> 5540 <a href='/collections/mens-sweaters-cardigans' class=''>Sweaters & Cardigans</a> 5541 </li> 5542 5543 5544 5545 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5546 <div class=' w-14 '> 5547 5548 5549 5550 5551 5552<div
5553 class='relative aspect-[0.725] h-full pointer-events-none ' 5554 data-component='media' 5555 5556 data-pswp-width='0' 5557 data-pswp-height='0' 5558 href='//www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=2000' 5559 > 5560 5561 5562 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&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"> 5563 5564 5565 5566 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV010D2896Z_BL10_1.jpg?v=1784105972&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"> 5567 5568 5569 </div > 5570 5571 5572 </div> 5573 <a href='/collections/mens-shirts' class=''>Shirts & Overshirts</a> 5574 </li> 5575 5576 5577 5578 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5579 <div class=' w-14 '> 5580 5581 5582 5583 5584 5585<div 5586 class='relative aspect-[0.725] h-full pointer-events-none ' 5587 data-component='media' 5588 5589 data-pswp-width='0' 5590 data-pswp-height='0' 5591 href='//www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=2000' 5592 > 5593 5594 5595 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&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"> 5596 5597 5598 5599 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1735Z_GR40_1.jpg?v=1787074496&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"> 5600 5601 5602 </div > 5603 5604 5605 </div> 5606 <a href='/collections/mens-polos' class=''>Polos</a> 5607 </li> 5608 5609 5610 5611 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5612 <div class=' w-14 '> 5613 5614 5615 5616 5617 5618<div 5619 class='relative aspect-[0.725] h-full pointer-events-none ' 5620 data-component='media' 5621 5622 data-pswp-width='0' 5623 data-pswp-height='0' 5624 href='//www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=2000' 5625 > 5626 5627 5628 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&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"> 5629 5630 5631 5632 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV060D0529Z_GR10_1.jpg?v=1784106052&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"> 5633 5634 5635 </div > 5636 5637 5638 </div> 5639 <a href='/collections/mens-jeans' class=''>Jeans</a> 5640 </li> 5641 5642 5643 5644 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5645 <div class=' w-14 '> 5646 5647 5648 5649 5650 5651<div
5652 class='relative aspect-[0.725] h-full pointer-events-none ' 5653 data-component='media' 5654 5655 data-pswp-width='0' 5656 data-pswp-height='0' 5657 href='//www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=2000' 5658 > 5659 5660 5661 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&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"> 5662 5663 5664 5665 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV020D1670Z_GR20_1.jpg?v=1785874966&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"> 5666 5667 5668 </div > 5669 5670 5671 </div> 5672 <a href='/collections/mens-t-shirts' class=''>T-shirts & Sweatshirts</a> 5673 </li> 5674 5675 5676 5677 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5678 <div class=' w-14 '> 5679 5680 5681 5682 5683 5684<div 5685 class='relative aspect-[0.725] h-full pointer-events-none ' 5686 data-component='media' 5687 5688 data-pswp-width='0' 5689 data-pswp-height='0' 5690 href='//www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=2000' 5691 > 5692 5693 5694 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&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"> 5695 5696 5697 5698 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV070D1405Z_GR20_3.jpg?v=1787074536&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"> 5699 5700 5701 </div > 5702 5703 5704 </div> 5705 <a href='/collections/mens-pants' class=''>Pants</a> 5706 </li> 5707 5708 5709 5710 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5711 <div class=' w-14 '> 5712 5713 5714 5715 5716 5717<div 5718 class='relative aspect-[0.725] h-full pointer-events-none ' 5719 data-component='media' 5720 5721 data-pswp-width='0' 5722 data-pswp-height='0' 5723 href='//www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=2000' 5724 > 5725 5726 5727 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=832 832w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&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"> 5728 5729 5730 5731 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&width=832 832w, //www.tristanstyle.com/cdn/shop/files/blazer_homme.jpg?v=1787319018&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"> 5732 5733 5734 </div > 5735 5736 5737 </div> 5738 <a href='/collections/blazers-for-men' class=''>Blazers & Vests</a> 5739 </li> 5740 5741 5742 5743 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5744 <div class=' w-14 '> 5745 5746 5747 5748 5749 5750<div
5751 class='relative aspect-[0.725] h-full pointer-events-none ' 5752 data-component='media' 5753 5754 data-pswp-width='0' 5755 data-pswp-height='0' 5756 href='//www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=2000' 5757 > 5758 5759 5760 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&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"> 5761 5762 5763 5764 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV120D0466Z_GR50_1.jpg?v=1785832571&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"> 5765 5766 5767 </div > 5768 5769 5770 </div> 5771 <a href='/collections/mens-outerwear' class=''>Outerwear</a> 5772 </li> 5773 5774 5775 5776 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5777 <div class=' w-14 '> 5778 5779 5780 5781 5782 5783<div 5784 class='relative aspect-[0.725] h-full pointer-events-none ' 5785 data-component='media' 5786 5787 data-pswp-width='0' 5788 data-pswp-height='0' 5789 href='//www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=2000' 5790 > 5791 5792 5793 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&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"> 5794 5795 5796 5797 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HV110D1070Z_BL51_1.jpg?v=1787074546&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"> 5798 5799 5800 </div > 5801 5802 5803 </div> 5804 <a href='/collections/men-clothing' class=''>Shop All Clothing</a> 5805 </li> 5806 5807 5808 5809 5810 </ul> 5811 5812 </div> 5813 </div> 5814 5815 5816 </div> 5817 5818 5819 5820 <div data-component='accordionSub'> 5821 5822 <div 5823 5824 data-accordion-sub-item 5825 5826 5827 5828 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 5829 > 5830 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 5831 Accessories 5832 5833 <span data-accordion-icon-plus class='text-tristan-black'> 5834 <svg 5835 5836 xmlns='http://www.w3.org/2000/svg' 5837 width='24' 5838 height='24'
5839 viewBox='0 0 24 24' 5840 fill='none' 5841 class='rotate-180' 5842 > 5843 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 5844 </svg> 5845 5846 </span> 5847 <span 5848 data-accordion-icon-minus 5849 class='hidden text-tristan-black ' 5850 > 5851 <svg 5852 5853 xmlns='http://www.w3.org/2000/svg' 5854 width='24' 5855 height='24' 5856 viewBox='0 0 24 24' 5857 fill='none' 5858 class='' 5859 > 5860 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 5861 </svg> 5862 5863 </span> 5864 </button> 5865 <div 5866 data-accordion-content 5867 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 5868 aria-hidden='true' 5869 > 5870 5871 <ul class='flex flex-col gap-3'> 5872 5873 5874 5875 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5876 <div class=' w-14 '> 5877 5878 5879 5880 5881 5882<div 5883 class='relative aspect-[0.725] h-full pointer-events-none ' 5884 data-component='media' 5885 5886 data-pswp-width='0' 5887 data-pswp-height='0' 5888 href='//www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=2000' 5889 > 5890 5891 5892 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&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"> 5893 5894 5895 5896 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA010D0328Z_BR20_2.jpg?v=1784883707&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"> 5897 5898 5899 </div > 5900 5901 5902 </div> 5903 <a href='/collections/mens-belts-suspenders' class=''>Belts & Suspenders</a> 5904 </li> 5905 5906 5907 5908 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5909 <div class=' w-14 '> 5910 5911 5912 5913 5914 5915<div 5916 class='relative aspect-[0.725] h-full pointer-events-none ' 5917 data-component='media' 5918 5919 data-pswp-width='0' 5920 data-pswp-height='0' 5921 href='//www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=2000' 5922 > 5923 5924 5925 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&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"> 5926 5927 5928 5929 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0216Z_BE21_01.jpg?v=1786870438&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"> 5930 5931 5932 </div > 5933 5934 5935 </div> 5936 <a href='/collections/mens-hats' class=''>Hats</a> 5937 </li> 5938 5939 5940 5941 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5942 <div class=' w-14 '> 5943 5944 5945 5946 5947 5948<div
5949 class='relative aspect-[0.725] h-full pointer-events-none ' 5950 data-component='media' 5951 5952 data-pswp-width='0' 5953 data-pswp-height='0' 5954 href='//www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=2000' 5955 > 5956 5957 5958 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&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"> 5959 5960 5961 5962 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA050D0542Z_RG50_01.jpg?v=1786870441&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"> 5963 5964 5965 </div > 5966 5967 5968 </div> 5969 <a href='/collections/mens-scarves' class=''>Pocket Squares</a> 5970 </li> 5971 5972 5973 5974 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 5975 <div class=' w-14 '> 5976 5977 5978 5979 5980 5981<div 5982 class='relative aspect-[0.725] h-full pointer-events-none ' 5983 data-component='media' 5984 5985 data-pswp-width='0' 5986 data-pswp-height='0' 5987 href='//www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=2000' 5988 > 5989 5990 5991 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=1920 1920w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&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"> 5992 5993 5994 5995 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&width=1920 1920w, //www.tristanstyle.com/cdn/shop/files/HA070D0023Z_NO01_1.jpg?v=1717018334&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"> 5996 5997 5998 </div > 5999 6000 6001 </div> 6002 <a href='/collections/mens-bags' class=''>Bags & Wallets</a> 6003 </li> 6004 6005 6006 6007 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6008 <div class=' w-14 '> 6009 6010 6011 6012 6013 6014<div 6015 class='relative aspect-[0.725] h-full pointer-events-none ' 6016 data-component='media' 6017 6018 data-pswp-width='0' 6019 data-pswp-height='0' 6020 href='//www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=2000' 6021 > 6022 6023 6024 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&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"> 6025 6026 6027 6028 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA090D1360Z_BL21_1.jpg?v=1773855577&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"> 6029 6030 6031 </div > 6032 6033 6034 </div> 6035 <a href='/collections/mens-ties-bowties' class=''>Ties & Bowties</a> 6036 </li> 6037 6038 6039 6040 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6041 <div class=' w-14 '> 6042 6043 6044 6045 6046 6047<div
6048 class='relative aspect-[0.725] h-full pointer-events-none ' 6049 data-component='media' 6050 6051 data-pswp-width='0' 6052 data-pswp-height='0' 6053 href='//www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=2000' 6054 > 6055 6056 6057 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&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"> 6058 6059 6060 6061 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA060D0381Z_NO50_1_bef85537-9463-4ad6-90a5-8577a61bd701.jpg?v=1731621366&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"> 6062 6063 6064 </div > 6065 6066 6067 </div> 6068 <a href='/collections/mens-underwear' class=''>Underwear & Socks</a> 6069 </li> 6070 6071 6072 6073 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6074 <div class=' w-14 '> 6075 6076 6077 6078 6079 6080<div 6081 class='relative aspect-[0.725] h-full pointer-events-none ' 6082 data-component='media' 6083 6084 data-pswp-width='0' 6085 data-pswp-height='0' 6086 href='//www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=2000' 6087 > 6088 6089 6090 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&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"> 6091 6092 6093 6094 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=832 832w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&width=1200 1200w, //www.tristanstyle.com/cdn/shop/files/HA030D0204Z_NO01_1.jpg?v=1755850004&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"> 6095 6096 6097 </div > 6098 6099 6100 </div> 6101 <a href='/collections/all-mens-accessories' class=''>Shop All Accessories</a> 6102 </li> 6103 6104 6105 6106 6107 </ul> 6108 6109 </div> 6110 </div> 6111 6112 6113 </div> 6114 6115 6116 6117 6118 </ul> 6119 6120 </div> 6121 </div> 6122 6123 6124 </div> 6125 6126 6127 </li> 6128 6129 <li class='border-b border-solid border-tristan-black-900 px-4 py-5'> 6130 <div data-component='accordion'> 6131 6132 <div 6133 6134 data-accordion-item 6135 6136 6137 6138 class='border-t-[0.67px] border-tristan-dark-400 last:border-b-[0.67px] !border-0 ' 6139 > 6140 <button data-accordion-button class='flex w-full items-center justify-between flex justify-between font-sans text-xl'> 6141 About 6142
6143 <span data-accordion-icon-plus class='text-tristan-black'> 6144 <svg 6145 6146 xmlns='http://www.w3.org/2000/svg' 6147 width='24' 6148 height='24' 6149 viewBox='0 0 24 24' 6150 fill='none' 6151 class='rotate-180' 6152 > 6153 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 6154 </svg> 6155 6156 </span> 6157 <span 6158 data-accordion-icon-minus 6159 class='hidden text-tristan-black ' 6160 > 6161 <svg 6162 6163 xmlns='http://www.w3.org/2000/svg' 6164 width='24' 6165 height='24' 6166 viewBox='0 0 24 24' 6167 fill='none' 6168 class='' 6169 > 6170 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 6171 </svg> 6172 6173 </span> 6174 </button> 6175 <div 6176 data-accordion-content 6177 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark !pt-0 pl-4 ' 6178 aria-hidden='true' 6179 > 6180 6181 <ul class='flex flex-col gap-3'> 6182 6183 6184 6185 <div data-component='accordionSub'> 6186 6187 <div 6188 6189 data-accordion-sub-item 6190 6191 6192 6193 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 6194 > 6195 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 6196 About Us 6197 6198 <span data-accordion-icon-plus class='text-tristan-black'> 6199 <svg 6200 6201 xmlns='http://www.w3.org/2000/svg' 6202 width='24' 6203 height='24' 6204 viewBox='0 0 24 24' 6205 fill='none' 6206 class='rotate-180' 6207 > 6208 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 6209 </svg> 6210 6211 </span> 6212 <span 6213 data-accordion-icon-minus 6214 class='hidden text-tristan-black ' 6215 > 6216 <svg 6217 6218 xmlns='http://www.w3.org/2000/svg' 6219 width='24' 6220 height='24' 6221 viewBox='0 0 24 24' 6222 fill='none' 6223 class='' 6224 > 6225 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 6226 </svg> 6227 6228 </span> 6229 </button> 6230 <div 6231 data-accordion-content 6232 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 6233 aria-hidden='true' 6234 > 6235 6236 <ul class='flex flex-col gap-3'> 6237 6238 6239 6240 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6241 <div class=' w-14 hidden'> 6242 6243 6244 6245 6246 6247<div 6248 class='relative aspect-[0.725] h-full pointer-events-none ' 6249 data-component='media' 6250 6251 data-pswp-width='0' 6252 data-pswp-height='0' 6253 href='Liquid error (snippets/media line 111): invalid url input' 6254 > 6255 6256 6257 6258 6259 6260 </div > 6261 6262 6263 </div> 6264 <a href='/pages/about-us' class='py-1'>Who we are</a> 6265 </li> 6266 6267 6268 6269 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6270 <div class=' w-14 hidden'> 6271 6272 6273 6274 6275 6276<div 6277 class='relative aspect-[0.725] h-full pointer-events-none ' 6278 data-component='media' 6279 6280 data-pswp-width='0' 6281 data-pswp-height='0' 6282 href='Liquid error (snippets/media line 111): invalid url input' 6283 > 6284 6285 6286 6287 6288 6289 </div > 6290 6291 6292 </div> 6293 <a href='/pages/store-locator' class='py-1'>Our Stores</a> 6294 </li> 6295 6296 6297 6298 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6299 <div class=' w-14 hidden'> 6300 6301 6302 6303 6304 6305<div 6306 class='relative aspect-[0.725] h-full pointer-events-none ' 6307 data-component='media' 6308 6309 data-pswp-width='0' 6310 data-pswp-height='0' 6311 href='Liquid error (snippets/media line 111): invalid url input' 6312 > 6313 6314 6315 6316 6317 6318 </div > 6319 6320 6321 </div> 6322 <a href='/pages/corporate' class='py-1'>Corporate Uniforms</a> 6323 </li> 6324 6325 6326 6327 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6328 <div class=' w-14 hidden'> 6329 6330 6331 6332 6333 6334<div
6335 class='relative aspect-[0.725] h-full pointer-events-none ' 6336 data-component='media' 6337 6338 data-pswp-width='0' 6339 data-pswp-height='0' 6340 href='Liquid error (snippets/media line 111): invalid url input' 6341 > 6342 6343 6344 6345 6346 6347 </div > 6348 6349 6350 </div> 6351 <a href='/pages/contact-us' class='py-1'>Contact Us</a> 6352 </li> 6353 6354 6355 6356 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6357 <div class=' w-14 hidden'> 6358 6359 6360 6361 6362 6363<div 6364 class='relative aspect-[0.725] h-full pointer-events-none ' 6365 data-component='media' 6366 6367 data-pswp-width='0' 6368 data-pswp-height='0' 6369 href='Liquid error (snippets/media line 111): invalid url input' 6370 > 6371 6372 6373 6374 6375 6376 </div > 6377 6378 6379 </div> 6380 <a href='/pages/careers' class='py-1'>Careers</a> 6381 </li> 6382 6383 6384 6385 6386 </ul> 6387 6388 </div> 6389 </div> 6390 6391 6392 </div> 6393 6394 6395 6396 <div data-component='accordionSub'> 6397 6398 <div 6399 6400 data-accordion-sub-item 6401 6402 6403 6404 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 6405 > 6406 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 6407 Blog 6408 6409 <span data-accordion-icon-plus class='text-tristan-black'> 6410 <svg 6411 6412 xmlns='http://www.w3.org/2000/svg' 6413 width='24' 6414 height='24' 6415 viewBox='0 0 24 24' 6416 fill='none' 6417 class='rotate-180' 6418 > 6419 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 6420 </svg> 6421 6422 </span> 6423 <span 6424 data-accordion-icon-minus 6425 class='hidden text-tristan-black ' 6426 > 6427 <svg 6428 6429 xmlns='http://www.w3.org/2000/svg' 6430 width='24' 6431 height='24' 6432 viewBox='0 0 24 24' 6433 fill='none' 6434 class='' 6435 > 6436 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 6437 </svg> 6438 6439 </span> 6440 </button> 6441 <div 6442 data-accordion-content 6443 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 6444 aria-hidden='true' 6445 > 6446 6447 <ul class='flex flex-col gap-3'> 6448 6449 6450 6451 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6452 <div class=' w-14 '> 6453 6454 6455 6456 6457 6458<div 6459 class='relative aspect-[0.725] h-full pointer-events-none ' 6460 data-component='media' 6461 6462 data-pswp-width='39780' 6463 data-pswp-height='16290' 6464 href='//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=2000' 6465 > 6466 6467 6468 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&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"> 6469 6470 6471 6472 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&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"> 6473 6474 6475 </div > 6476 6477 6478 </div> 6479 <a href='/blogs/news/spring-summer-2026-fashion-trends' class=''>Spring-Summer 2026 Fashion Trends</a> 6480 </li> 6481 6482 6483 6484 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6485 <div class=' w-14 '> 6486 6487 6488 6489 6490 6491<div
6492 class='relative aspect-[0.725] h-full pointer-events-none ' 6493 data-component='media' 6494 6495 data-pswp-width='28800' 6496 data-pswp-height='10920' 6497 href='//www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=2000' 6498 > 6499 6500 6501 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&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"> 6502 6503 6504 6505 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/HomePage_Banner_Desktop_Catalogue_dc379d8f-c3c0-4d21-ba49-67c6c6997627.png?v=1765484609&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"> 6506 6507 6508 </div > 6509 6510 6511 </div> 6512 <a href='/blogs/news/holiday-gift-ideas-2025' class=''>Holiday Gift Ideas: Giving Timeless Fashion</a> 6513 </li> 6514 6515 6516 6517 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6518 <div class=' w-14 '> 6519 6520 6521 6522 6523 6524<div 6525 class='relative aspect-[0.725] h-full pointer-events-none ' 6526 data-component='media' 6527 6528 data-pswp-width='13260' 6529 data-pswp-height='5430' 6530 href='//www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=2000' 6531 > 6532 6533 6534 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&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"> 6535 6536 6537 6538 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/blog_garde_robe_professionnelle_1a61e545-7263-4eeb-8617-8448999e6801.png?v=1737751403&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"> 6539 6540 6541 </div > 6542 6543 6544 </div> 6545 <a href='/blogs/news/woman-professional-look' class=''>How to Build a Professional Wardrobe</a> 6546 </li> 6547 6548 6549 6550 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6551 <div class=' w-14 '> 6552 6553 6554 6555 6556 6557<div
6558 class='relative aspect-[0.725] h-full pointer-events-none ' 6559 data-component='media' 6560 6561 data-pswp-width='28800' 6562 data-pswp-height='10920' 6563 href='//www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=2000' 6564 > 6565 6566 6567 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&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"> 6568 6569 6570 6571 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/17-Tristan-Siteweb-blogposts-rack-Desktop.jpg?v=1723761564&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"> 6572 6573 6574 </div > 6575 6576 6577 </div> 6578 <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> 6579 </li> 6580 6581 6582 6583 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6584 <div class=' w-14 '> 6585 6586 6587 6588 6589 6590<div 6591 class='relative aspect-[0.725] h-full pointer-events-none ' 6592 data-component='media' 6593 6594 data-pswp-width='40000' 6595 data-pswp-height='12000' 6596 href='//www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=2000' 6597 > 6598 6599 6600 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&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"> 6601 6602 6603 6604 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Header_MIC_968cb518-4957-45eb-9c8f-b4aa980496fd.jpg?v=1748006173&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"> 6605 6606 6607 </div > 6608 6609 6610 </div> 6611 <a href='/blogs/news/clothes-made-in-canada' class=''>Clothes Made in Canada</a> 6612 </li> 6613 6614 6615 6616 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6617 <div class=' w-14 hidden'> 6618 6619 6620 6621 6622 6623<div
6624 class='relative aspect-[0.725] h-full pointer-events-none ' 6625 data-component='media' 6626 6627 data-pswp-width='0' 6628 data-pswp-height='0' 6629 href='Liquid error (snippets/media line 111): invalid url input' 6630 > 6631 6632 6633 6634 6635 6636 </div > 6637 6638 6639 </div> 6640 <a href='/blogs/news' class='py-1'>Read All Blog Posts</a> 6641 </li> 6642 6643 6644 6645 6646 </ul> 6647 6648 </div> 6649 </div> 6650 6651 6652 </div> 6653 6654 6655 6656 <div data-component='accordionSub'> 6657 6658 <div 6659 6660 data-accordion-sub-item 6661 6662 6663 6664 class='border-t-[0.67px] border-tristan-dark-400 pb-0 pt-5 last:border-b-[0.67px] !border-0 ' 6665 > 6666 <button data-accordion-button class='flex w-full items-center justify-between text-sm font-normal text-tristan-black'> 6667 Help 6668 6669 <span data-accordion-icon-plus class='text-tristan-black'> 6670 <svg 6671 6672 xmlns='http://www.w3.org/2000/svg' 6673 width='24' 6674 height='24' 6675 viewBox='0 0 24 24' 6676 fill='none' 6677 class='rotate-180' 6678 > 6679 <path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="currentColor" /> 6680 </svg> 6681 6682 </span> 6683 <span 6684 data-accordion-icon-minus 6685 class='hidden text-tristan-black ' 6686 > 6687 <svg 6688 6689 xmlns='http://www.w3.org/2000/svg' 6690 width='24' 6691 height='24' 6692 viewBox='0 0 24 24' 6693 fill='none' 6694 class='' 6695 > 6696 <path d="M5 13V11H19V13H5Z" fill="currentColor" /> 6697 </svg> 6698 6699 </span> 6700 </button> 6701 <div 6702 data-accordion-content 6703 class='grid-height-transition grid text-sm [&>ul>li]:!text-[13px] text-tristan-dark pl-8' 6704 aria-hidden='true' 6705 > 6706 6707 <ul class='flex flex-col gap-3'> 6708 6709 6710 6711 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6712 <div class=' w-14 hidden'> 6713 6714 6715 6716 6717 6718<div 6719 class='relative aspect-[0.725] h-full pointer-events-none ' 6720 data-component='media' 6721 6722 data-pswp-width='0' 6723 data-pswp-height='0' 6724 href='Liquid error (snippets/media line 111): invalid url input' 6725 > 6726 6727 6728 6729 6730 6731 </div > 6732 6733 6734 </div> 6735 <a href='/pages/faq' class='py-1'>FAQ</a> 6736 </li> 6737 6738 6739 6740 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6741 <div class=' w-14 hidden'> 6742 6743 6744 6745 6746 6747<div 6748 class='relative aspect-[0.725] h-full pointer-events-none ' 6749 data-component='media' 6750 6751 data-pswp-width='0' 6752 data-pswp-height='0' 6753 href='Liquid error (snippets/media line 111): invalid url input' 6754 > 6755 6756 6757 6758 6759 6760 </div > 6761 6762 6763 </div> 6764 <a href='/pages/gift-card-balance-check' class='py-1'>Gift Card Balance</a> 6765 </li> 6766 6767 6768 6769 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6770 <div class=' w-14 hidden'> 6771 6772 6773 6774 6775 6776<div 6777 class='relative aspect-[0.725] h-full pointer-events-none ' 6778 data-component='media' 6779 6780 data-pswp-width='0' 6781 data-pswp-height='0' 6782 href='Liquid error (snippets/media line 111): invalid url input' 6783 > 6784 6785 6786 6787 6788 6789 </div > 6790 6791 6792 </div> 6793 <a href='/pages/shipping' class='py-1'>Shipping</a> 6794 </li> 6795 6796 6797 6798 <li class='flex flex-row items-center justify-start gap-4 text-xs'> 6799 <div class=' w-14 hidden'> 6800 6801 6802 6803 6804 6805<div 6806 class='relative aspect-[0.725] h-full pointer-events-none ' 6807 data-component='media' 6808 6809 data-pswp-width='0' 6810 data-pswp-height='0' 6811 href='Liquid error (snippets/media line 111): invalid url input' 6812 > 6813 6814 6815 6816 6817 6818 </div > 6819 6820 6821 </div> 6822 <a href='/pages/exchanges-returns' class='py-1'>Return Management</a> 6823 </li> 6824 6825 6826 6827 6828 </ul> 6829 6830 </div> 6831 </div> 6832 6833 6834 </div> 6835 6836 6837 6838 6839 </ul> 6840 6841 </div> 6842 </div> 6843 6844 6845 </div> 6846 6847 6848 </li> 6849 6850 </ul> 6851 </nav> 6852 </div> 6853 <div data-mobile-footer class='w-full'> 6854 <ul class='!mb-0 w-full columns-2 border border-solid border-tristan-black-900 px-4 py-[30px] [&>li]:py-2'> 6855 6856 <li> 6857 <a href='/blogs/news' class='text-xs'> 6858 Blog 6859 </a> 6860 </li> 6861 6862 <li> 6863 <a href='/account' class='text-xs'> 6864 Account 6865 </a> 6866 </li> 6867 6868 <li> 6869 <a href='/pages/about-us' class='text-xs'> 6870 About Us 6871 </a> 6872 </li> 6873 6874 <li> 6875 <a href='/pages/store-locator' class='text-xs'> 6876 Our Stores 6877 </a> 6878 </li> 6879 6880 <li> 6881 <a href='/pages/exchanges-returns' class='text-xs'> 6882 Returns/Exchanges 6883 </a> 6884 </li> 6885 6886 <li> 6887 <a href='/pages/faq' class='text-xs'> 6888 FAQs 6889 </a> 6890 </li> 6891 6892<li> 6893 <a 6894 href='#hero-wishlist' 6895 class='text-xs' 6896 > 6897 Wishlist 6898 </a> 6899 </li> 6900 <li> 6901 <button 6902 data-localize-button-mobile 6903 class='flex h-[25px] flex-row items-center justify-center gap-[6px] text-xs' 6904 > 6905 Change language 6906 6907 <svg 6908 data-icon-down 6909 class='' 6910 xmlns='http://www.w3.org/2000/svg' 6911 width='16' 6912 height='16'
6913 viewBox='0 0 16 16' 6914 fill='none' 6915 > 6916 <g > 6917 <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/> 6918 </g> 6919 </svg> 6920 6921 6922 6923 <svg 6924 data-icon-up 6925 class='hidden rotate-180' 6926 xmlns='http://www.w3.org/2000/svg' 6927 width='16' 6928 height='16' 6929 viewBox='0 0 16 16' 6930 fill='none' 6931 > 6932 <g > 6933 <path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.22"/> 6934 </g> 6935 </svg> 6936 6937 6938 </button> 6939 6940 <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="/blogs/news/spring-summer-2026-fashion-trends" /><input type='hidden' name='locale_code' value='en'> 6941 <ul class='ml-4 flex list-disc flex-col gap-1'><li class='font-bold'> 6942 <button 6943 type='submit' 6944 name='locale_code' 6945 class='text-xs capitalize' 6946 value='en' 6947 >English</button> 6948 </li><li class=''> 6949 <button 6950 type='submit' 6951 name='locale_code' 6952 class='text-xs capitalize' 6953 value='fr' 6954 >Français</button> 6955 </li></ul></form></div> 6956 </li> 6957 </ul> 6958 <div class='px-4 pb-4 pt-11'> 6959 6960 6961 6962 6963 6964 6965 <a 6966 href='/collections/women' 6967 class='' 6968 > 6969 <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'> 6970 Shop all products 6971 6972 </button> 6973 </a> 6974 6975 6976 6977 6978 </div> 6979 6980 <div class='flex h-[53px] flex-row items-center justify-center py-2 text-xs'> 6981 6982 6983 6984 <div class='px-4 text-center [&:not(:last-child)]:border-r [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-tristan-black-900'> 6985 free shipping to store 6986 </div> 6987 6988 </div> 6989 6990 </div> 6991 </div> 6992</div> 6993 6994 6995</div> 6996 6997 6998</div></header> 6999 <div id="shopify-section-popup" class="shopify-section"> 7000</div> 7001 <div 7002 data-cheri-select-popup-overlay 7003 class='fixed bottom-0 right-0 top-0 z-[60] hidden h-full w-full bg-tristan-dark opacity-40' 7004></div> 7005<aside 7006 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' 7007 data-component='cheriSelectPopup' 7008 tabindex='-1' 7009> 7010 <div class='relative w-full pt-8'> 7011 <div class='flex flex-col items-center justify-start gap-4'> 7012 </div> 7013 <button class='absolute right-0 top-0' data-button-close aria-label='Close'> 7014 7015 <svg 7016 7017 class='' 7018 xmlns='http://www.w3.org/2000/svg' 7019 width='24' 7020 height='24' 7021 viewBox='0 0 24 24' 7022 fill='none' 7023 > 7024 <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"/> 7025 </svg> 7026 7027 </button> 7028 </div> 7029</aside> 7030 7031 7032 <div id="shopify-section-quick-search" class="shopify-section"><div 7033 data-component='quickSearch' 7034 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' 7035> 7036 <div class='search-input-wrapper relative mt-8 flex flex-row items-center justify-start' style="border-bottom: 1px solid #f5f5f5"> 7037 <div class='flex h-16 w-full items-center'> 7038 <input 7039 data-search-text 7040 type='text' 7041 class='!focus:shadow-none remove-focus-style w-full bg-transparent !pl-0 text-base !shadow-none outline-none' 7042 placeholder='Search' 7043 > 7044 </div> 7045 <button class='' data-close-button> 7046 7047 <svg 7048 7049 class='' 7050 xmlns='http://www.w3.org/2000/svg' 7051 width='24' 7052 height='24'
7053 viewBox='0 0 24 24' 7054 fill='none' 7055 > 7056 <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"/> 7057 </svg> 7058 7059 </button> 7060 </div> 7061 7062 <div class='mt-8 flex w-full flex-row gap-4' style="display: none;"> 7063 <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> 7064 <div 7065 data-search-loader 7066 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' 7067 > 7068 <span class='animation-loading flex h-full w-full place-content-center items-center justify-center gap-3'> 7069 <span class='inline-block size-1.5 rounded-full bg-current'></span> 7070 <span class='inline-block size-1.5 rounded-full bg-current'></span> 7071 <span class='inline-block size-1.5 rounded-full bg-current'></span> 7072 </span> 7073 </div> 7074 <div 7075 data-search-results 7076 class='hidden h-screen w-full overflow-y-auto pb-52 [&>[data-main-search-results]>div]:px-0' 7077 ></div> 7078 </div> 7079</div> 7080</div> 7081 7082 <main role='main'> 7083 <div id="shopify-section-template--20148476510370__article-template" class="shopify-section"><article class='container'><div 7084 class='container relative h-[700px] !px-0 md:h-[546px]' 7085 > 7086 7087 7088 7089 7090<div 7091 class='relative h-full ' 7092 data-component='media' 7093 7094 data-pswp-width='39780' 7095 data-pswp-height='16290' 7096 href='//www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=2000' 7097 > 7098 7099 7100 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=3978 3978w" width="3978" height="1629" class="absolute left-0 top-0 h-full w-full object-cover md:hidden w-full object-cover h-full"> 7101 7102 7103 7104 <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&width=352 352w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=832 832w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1200 1200w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=1920 1920w, //www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826.jpg?v=1773177027&width=3978 3978w" width="3978" height="1629" class="absolute left-0 top-0 hidden h-full w-full object-cover md:block w-full object-cover h-full"> 7105 7106 7107 </div > 7108 7109</div><div class='py-4'><div class='py-10'> 7110 <h1 class='text-[27px] font-bold'> 7111 Spring-Summer 2026 Fashion Trends: Building a Chic Wardrobe for the Office 7112 </h1> 7113 <div class='pt-4 text-xs'><span class="text-xs">March 02, 2026</span></div> 7114 </div> 7115 7116 <div class='rich-text text-sm [&>div>img]:!my-8 [&>p]:text-sm'> 7117 7118 <p>As we move toward a new season, the desire for renewal sets in. Thinking about sunny days ahead, imagining lighter outfits, planning your warm-weather wardrobe⦠it's already, in a way, inviting spring into your daily life. And this year, the <strong>spring 2026 fashion trends</strong> and <strong>summer 2026 fashion trends</strong> promise a particularly inspiring season for those who enjoy dressing with care.</p> 7119<p>How do you stay elegant at the office when temperatures rise? How do you adapt your <strong>professional spring outfit</strong> without sacrificing comfort, then transition it into a <strong>professional summer outfit</strong> while maintaining a polished yet relaxed look? These are questions we hear every year. This season, the answers lie in a subtle balance between structure and lightness, quality fabrics and simple cuts.</p> 7120<p>At TRISTAN, we believe a <strong>chic wardrobe</strong> is built around lasting pieces, designed to carry you through the seasons with style. Here's our take on the defining pieces of the season, and our suggestions for incorporating them into your everyday life.</p> 7121<h2>The Lightweight Blazer: Centrepiece of the Season</h2> 7122<p>If there's one trend that defines spring-summer 2026 in the professional world, it's the return of the blazer. But not just any blazer: runways and street style agree on a blazer with clean lines, crafted from breathable fabrics, that structures the silhouette without ever weighing it down.</p> 7123<p>For women, the tailored blazer comes this season with details that make all the difference: puff sleeves, ribbons, or a cropped cut. The
7123se variations bring character to a classic piece while remaining perfectly suited to the workplace. Worn over a flowing blouse or a midi dress, it immediately sets the tone for a refined professional look.</p> 7124<div style="text-align: start;"><img style="margin-bottom: 16px; float: none;" alt="veston femme printemps été" src="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/veston-femme_480x480.jpg?v=1772054117"></div> 7125<p>For men, the solid tailored blazer in shades of beige or pearl grey embodies the reimagined "corporate core": office elegance freed from all rigidity. Paired with a quality t-shirt, a polo, or a lightweight dress shirt, it works just as well for meetings as for after-work drinks.</p> 7126<div style="text-align: start;"><img height="480" width="320" style="float: none;" alt="veston homme printemps été" src="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/veston-homme_480x480.jpg?v=1772054155"></div> 7127<h2>Fabrics That Breathe, Style That Lasts</h2> 7128<p>Linen, lightweight cotton, and airy knits are the standout fabrics of spring-summer 2026. These natural or semi-natural textiles offer optimal comfort when temperatures climb, while maintaining an impeccable appearance.</p> 7129<p>This is one of the strengths of a wardrobe built around quality: well-chosen fabrics hold their shape, their lustre, and their lightness season after season. A finely crafted knit jacket, for example, offers a relaxed alternative to the classic blazer while having enough structure for the professional setting.</p> 7130<p>At TRISTAN, our collections are designed in Montreal, and part of our production is crafted in Canada. This local craftsmanship translates into particular attention to finishes and fabric selection. Details that make all the difference when it comes to clothing built to last.</p> 7131<h2>2026 Colour Palette: Powdery Tones for Her, Monochromes and Earthy Hues for Him</h2> 7132<p>The season's dominant palette centers on soft, luminous shades. Beige, powder pink, pearl grey, and sky blue compose a soothing and sophisticated wardrobe. Among the standout shades in 2026, off-white with luminous undertones is a sure bet.</p> 7133<p>For the office, these neutral and powdery tones are remarkably versatile. They harmonize with each other and pair easily with bolder accessories. A blouse in a rosy tone worn with fluid beige trousers, or a sky-blue shirt paired with a pearl grey blazer: the combinations are endless and always professional.</p> 7134<p>For those who prefer the classics, black and navy remain reliable choices. The idea this season is to warm them up by pairing them with pieces in these new shades to create a gentle contrast.</p> 7135<div style="text-align: start;"><img height="480" width="320" alt="" src="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/FV040C2678Z_BE01_1_261bd12e-bfc2-49a9-9e71-d08fb5ab2a1b.jpg?v=1772478990"></div> 7136<h2>Professional Spring Outfit: Transition Essentials</h2> 7137<p>The transition between winter and spring is often the trickiest time to manage in terms of style. Mornings are still cool; by afternoon, you're already shedding a layer. The key: pieces that layer with elegance.</p> 7138<h3>For Her</h3> 7139<p>A lightweight knit sweater worn over a blouse, a midi skirt paired with a tailored blazer, or a flowing dress accessorized with a light jacket: these are formulas that work from morning to evening. The goal is to create modular outfits that adapt just as well to a day at the office as to a dinner after work. Explore our <a href="https://www.tristanstyle.com/collections/womens-dresses">women's dress collections</a>, <a href="https://www.tristanstyle.com/collections/shirts-blouse">shirts and blouses</a>, and <a href="https://www.tristanstyle.com/collections/womens-skirts">skirts</a> to discover pieces designed for this smooth transition.</p> 7140<h3>For Him</h3> 7141<p>Spring marks the return of the check blazer worn over a crew-neck sweater or a lightweight shirt with rolled-up sleeves. It's also the perfect time to embrace relaxed layering: a quality t-shirt under a stretch-fabric blazer creates an effortless professional look, adaptable to cool mornings and warmer afternoons alike. </p> 7142<p>The trick: stick to neutral tones that mix and match easily to multiply combinations without multiplying pieces.</p> 7143<h2>Professional Summer Outfit: Staying Elegant When It's Warm</h2> 7144<p>When summer arrives, the challenge shifts: you need to lighten up without losing your polished look. That's where lightweight fabrics and well-thought-out cuts become essential.</p> 7145<h3>For Her</h3> 7146<p>The midi dress remains a must-have in the professional summer wardrobe. In a fluid fabric and a neutral tone, it offers comfort and sophistication in a single piece. Add a short-sleeve blouse or a lightweight top to vary your silhouettes throughout the week.</p> 7147<h3>For Him</h3> 7148<p>A striped crew-neck t-shirt, worn under a lightweight stretch-fabric blazer, offers a more casual alternative to the classic dress shirt. It's the kind of combination that works in meetings and while working from home. Complete the look with a well-chosen pair of <a href="https://www.tristanstyle.com/collections/mens-sunglasses">sunglasses</a> for your commute, and you're all set.</p> 7149<div style="text-align: start;"><img style="float: none;" alt="chemise été homme" src="https://cdn.shopify.com/s/files/1/0434/2487/4658/files/chemise-ete-homme_480x480.jpg?v=1772054245"></div> 7150<h2>The Details That Make the Difference</h2> 7151<p>This season is shaped by refined details. Fine stripes add quiet structure, while scarvesâtied at the neck, styled in a blazer pocket, or draped over the shouldersâoffer a polished and distinctive finish.<br><br>On the accessories front, the season favours understated yet meaningful pieces: a well-cut belt, a scarf in a fine fabric, delicate jewellery. It's these small touches that elevate a simple ensemble to a true outfit.</p> 7152<p>This is precisely the philosophy that has guided design at TRISTAN for over 50 years: investing in details, prioritizing quality finishes, and creating clothing where every element has its purpose.</p> 7153<h2>Key Takeaways: Your Chic Spring-Summer 2026 Wardrobe</h2> 7154<ul> 7155<li> 7156<p>
7156The lightweight blazer (tailored, knit, or stretch) is the centrepiece of the season, for both women and men.</p> 7157</li> 7158<li> 7159<p>Natural, breathable fabrics (linen, cotton, airy knits) dominate the <strong>spring 2026 fashion trends</strong>.</p> 7160</li> 7161<li> 7162<p>The powdery palette (beige, pink, pearl grey, sky blue, white) is making its mark at the office and on the street.</p> 7163</li> 7164<li> 7165<p>In spring, focus on layering: sweater + blouse, blazer + flowing dress.</p> 7166</li> 7167<li> 7168<p>In summer, embrace simplicity: one strong piece (midi dress, quality shirt) is enough to set a professional tone.</p> 7169</li> 7170<li> 7171<p>Couture details (scarf, stripes, refined finishes) replace flashy accessories.</p> 7172</li> 7173<li> 7174<p>Choosing quality pieces designed to last remains the most elegant choice.</p> 7175</li> 7176<li> 7177<p>TRISTAN designs its collections in Montreal, with a portion of its pieces crafted locally in Quebec, a reflection of our commitment to quality and craftsmanship.</p> 7178</li> 7179</ul> 7180<p>Ready to refresh your wardrobe for the warm season? Explore the latest arrivals <a href="https://www.tristanstyle.com/collections/womens-new-arrivals">for her</a> and <a href="https://www.tristanstyle.com/collections/mens-new-arrivals">for him</a> at TRISTAN and discover pieces designed to accompany you in style, from the office to the finest patios.</p> 7181 </div><div class='py-4'> 7182 <span class="text-xs"> 7183 7184 </span><div class="flex flex-row items-center justify-end gap-4 py-4"> 7185 <a class="ShareButtons__Item ShareButtons__Item--facebook" href="https://www.facebook.com/sharer.php?u=https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends" target="_blank" rel="noopener"><svg 7186 7187 class='h-7 w-7' 7188 viewBox='0 0 9 17' 7189 > 7190 <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> 7191 </svg></a> 7192 <a class="ShareButtons__Item ShareButtons__Item--twitter" href="https://twitter.com/share?text=Spring-Summer%202026%20Fashion%20Trends:%20Building%20a%20Chic%20Wardrobe%20for%20the%20Office&url=https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends" target="_blank" rel="noopener"><svg 7193 7194 class='h-7 w-7' 7195 role='presentation' 7196 viewBox='0 0 32 26' 7197 > 7198 <path d="M32 3.077c-1.1748.525-2.4433.8748-3.768 1.031 1.356-.8123 2.3932-2.0995 2.887-3.6305-1.2686.7498-2.6746 1.2997-4.168 1.5934C25.751.796 24.045.0025 22.158.0025c-3.6242 0-6.561 2.937-6.561 6.5612 0 .5124.0562 1.0123.1686 1.4935C10.3104 7.7822 5.474 5.1702 2.237 1.196c-.5624.9687-.8873 2.0997-.8873 3.2994 0 2.2746 1.156 4.2867 2.9182 5.4615-1.075-.0314-2.0872-.3313-2.9745-.8187v.0812c0 3.1806 2.262 5.8363 5.2677 6.4362-.55.15-1.131.2312-1.731.2312-.4248 0-.831-.0438-1.2372-.1188.8374 2.6057 3.262 4.5054 6.13 4.5616-2.2495 1.7622-5.074 2.812-8.1546 2.812-.531 0-1.0498-.0313-1.5684-.0938 2.912 1.8684 6.3613 2.9494 10.0668 2.9494 12.0726 0 18.6776-10.0043 18.6776-18.6776 0-.2874-.0063-.5686-.0188-.8498C30.0066 5.5514 31.119 4.3954 32 3.077z"></path> 7199 </svg></a> 7200 <a class="ShareButtons__Item ShareButtons__Item--pinterest" href="https://pinterest.com/pin/create/button/?url=https://www.tristanstyle.com/blogs/news/spring-summer-2026-fashion-trends&media=https://www.tristanstyle.com/cdn/shop/articles/Image_Blog_2_9ef2c6e3-32ac-4d35-ae46-358ca8036826_750x.jpg?v=1773177027&description=" target="_blank" rel="noopener"><svg 7201 7202 class='h-7 w-7' 7203 role='presentation' 7204 viewBox='0 0 32 32' 7205 > 7206 <path d="M16 0q3.25 0 6.208 1.271t5.104 3.417 3.417 5.104T32 16q0 4.333-2.146 8.021t-5.833 5.833T16 32q-2.375 0-4.542-.625 1.208-1.958 1.625-3.458l1.125-4.375q.417.792 1.542 1.396t2.375.604q2.5 0 4.479-1.438t3.063-3.937 1.083-5.625q0-3.708-2.854-6.437t-7.271-2.729q-2.708 0-4.958.917T8.042 8.689t-2.104 3.208-.729 3.479q0 2.167.812 3.792t2.438 2.292q.292.125.5.021t.292-.396q.292-1.042.333-1.292.167-.458-.208-.875-1.083-1.208-1.083-3.125 0-3.167 2.188-5.437t5.729-2.271q3.125 0 4.875 1.708t1.75 4.458q0 2.292-.625 4.229t-1.792 3.104-2.667 1.167q-1.25 0-2.042-.917t-.5-2.167q.167-.583.438-1.5t.458-1.563.354-1.396.167-1.25q0-1.042-.542-1.708t-1.583-.667q-1.292 0-2.167 1.188t-.875 2.979q0 .667.104 1.292t.229.917l.125.292q-1.708 7.417-2.083 8.708-.333 1.583-.25 3.708-4.292-1.917-6.938-5.875T0 16Q0 9.375 4.687 4.688T15.999.001z"></path> 7207 </svg> 7208 7209 </a> 7210 </div> 7211 </div></div><div class='border-y border-solid border-y-tristan-black py-10'> 7212 <div class='grid grid-cols-2 gap-4 sm:grid-cols-3'> 7213 <div class=''><a 7214 href='/blogs/news' 7215 class='underline' 7216 >Back</a></div> 7217 <div class='text-right sm:text-left'><a 7218 href='/blogs/news/holiday-gift-ideas-2025' 7219 class='underline' 7220 >Next</a></div> 7221 <div class='hidden sm:block'><div class='pb-4'> 7222 2025.12.11 7223 </div> 7224 <div class=''> 7225 7226 </div></div> 7227 </div> 7228 </div></article> 7229 7230 7231</div><div id="shopify-section-template--20148476510370__newsletter_section_yXXMyH" class="shopify-section"><div 7232 class='container px-4 md:pb-8 md:pt-8 pt-8 pt-8 ' 7233> 7234 <div class='flex items-center justify-center'> 7235 <div class='aspect-square h-auto w-full text-right hidden'> 7236 7237 7238 7239 7240 7241<div 7242 class='relative w-full h-full pointer-events-none ' 7243 data-component='media' 7244 7245 data-pswp-width='0' 7246 data-pswp-height='0'
7247 href='Liquid error (snippets/media line 111): invalid url input' 7248 > 7249 7250 7251 7252 7253 7254 </div > 7255 7256 7257 </div><div class='max-w-full md:max-w-[440px] md:max-w-[650px]'> 7258 <div class='pb-4 text-base font-medium uppercase !text-2xl text-center font-medium leading-normal'> 7259 Be The First To Know 7260 </div> 7261 <div class='text-[13px] [&>p]:text-base text-center'> 7262 <p>Subscribe to our newsletter and be the first to know about our new arrivals, exclusive offers and events.</p> 7263 </div> 7264 <div><form 7265 id='email_signup' 7266 class='klaviyo_styling klaviyo_gdpr_embed_USvhAc !w-full !max-w-full' 7267 action='//manage.kmail-lists.com/subscriptions/subscribe' 7268 data-ajax-submit='//manage.kmail-lists.com/ajax/subscriptions/subscribe' 7269 method='GET' 7270 > 7271 <input type='hidden' name='g' value='USvhAc'> 7272 <input type='hidden' name='$fields' value='$consent,Gender,Language'> 7273 <input type='hidden' name='$list_fields' value='$consent,Gender,Language'> 7274 <div class='klaviyo_field_group Newsletter__confirmation flex hidden flex-col border-b border-b-tristan-off-black pb-4 pt-14'> 7275 <div><p>Thank you for subscribing to our newsletter. You will receive a confirmation email shortly!</p></div> 7276 </div> 7277 <div class='klaviyo_field_group Newsletter__email flex flex-col pt-14'> 7278 <label class='pb-2 text-xs text-tristan-breadcrumb'>ENTER YOUR EMAIL</label> 7279 <input 7280 type='email' 7281 value='' 7282 name='email' 7283 id='k_id_email' 7284 placeholder='ENTER YOUR EMAIL' 7285 class='!rounded-none !border-b !border-l-0 !border-r-0 !border-t-0 !border-solid border-tristan-black !px-0' 7286 required 7287 > 7288 </div> 7289 <div class='klaviyo_field_group klaviyo_form_actions Newsletter__terms flex flex-row items-center justify-start gap-4 pt-4'> 7290 <input 7291 type='checkbox' 7292 name='$consent' 7293 id='consent-email-template--20148476510370__newsletter_section_yXXMyH' 7294 value='email' 7295 class=' rounded-full' 7296 required 7297 > 7298 <label 7299 for='consent-email-template--20148476510370__newsletter_section_yXXMyH' 7300 class='klaviyo_helptext klaviyo_gdpr_text !mb-0 !text-[12px] !font-normal' 7301 >I accept Terms & Conditions</label> 7302 </div> 7303 <div class='Newsletter__extra-fields flex flex-row items-start justify-start gap-10 pt-6'> 7304 <div> 7305 <div class='pb-3 text-[13px] uppercase'>PREFERENCES</div> 7306 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7307 <input 7308 type='radio' 7309 name='Gender' 7310 id='GenderF' 7311 class='border !border-solid border-tristan-black-400 text-tristan-black' 7312 value='F' 7313 checked 7314 > 7315 <label 7316 for='GenderF' 7317 class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal' 7318 >Woman 7319 </label> 7320 </div> 7321 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7322 <input 7323 type='radio' 7324 name='Gender' 7325 id='GenderM' 7326 value='M' 7327 class='border !border-solid border-tristan-black-400 text-tristan-black' 7328 > 7329 <label for='GenderM' class=' !mb-0 cursor-pointer !text-[10px] !font-normal'>Man 7330 </label> 7331 </div> 7332 </div> 7333 <div> 7334 <div class='pb-3 text-[13px] uppercase'>Language</div> 7335 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7336 <input 7337 type='radio' 7338 name='Language' 7339 id='LanguageF' 7340 class='border !border-solid border-tristan-black-400 text-tristan-black' 7341 value='fr' 7342 checked 7343 > 7344 <label for='LanguageF' class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal'>French 7345 </label> 7346 </div> 7347 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7348 <input 7349 type='radio' 7350 name='Language' 7351 id='LanguageE' 7352 value='en' 7353 class='border !border-solid border-tristan-black-400 text-tristan-black' 7354 > 7355 <label for='LanguageE' class='!mb-0 cursor-pointer !text-[10px] !font-normal'>English 7356 </label> 7357 </div> 7358 </div> 7359 </div> 7360 <div class='klaviyo_messages pt-10'> 7361 <div class='success_message' style='display:none;'>Thanks for subscribing! Check your email for a confirmation message.</div> 7362 <div class='error_message' style='display:none;'></div> 7363 </div> 7364 <div class='klaviyo_form_actions pt-10 !text-center'> 7365 7366 7367 7368 7369 7370 <button 7371 7372 7373 type='submit' 7374 7375 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 rounded-full' 7376 > 7377 Get my discount 7378 7379 </button> 7380 7381 7382 7383 7384 </div> 7385 </form> 7386 </div> 7387 7388
7388<script type='text/javascript' src='//www.klaviyo.com/media/js/public/klaviyo_subscribe.js'></script>
7388 7389
7389<script 7390 type='text/javascript' 7391 > 7392 KlaviyoSubscribe.attachToForms('#email_signup', { 7393 hide_form_on_success: true, 7394 custom_success_message: true, 7395 extra_properties: { 7396 $source: '$embed', 7397 $method_type: "Klaviyo Form", 7398 $method_id: 'embed', 7399 $consent_version: 'I accept Terms & Conditions' 7400 }, 7401 success: function ($form) { 7402 // `$form` is a jQuery wrapper around the form that was submitted. This makes it easy to get the email address or form fields. 7403 $form.find('[name="Gender"]').hide() 7404 $form.find('[name="Language"]').hide() 7405 $form.find('.Newsletter__extra-fields').hide() 7406 $form.find('.Newsletter__terms').hide() 7407 $form.find('.Newsletter__email').hide() 7408 $form.find('.Newsletter__confirmation').removeClass('hidden') 7409 } 7410 }); 7411 </script>
7411 7412</div> 7413 7414 </div> 7415</div> 7416 7417 7418</div> 7419 </main> 7420 7421 <div id="shopify-section-footer" class="shopify-section"> 7422 7423 7424 7425<div 7426 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' 7427> 7428 <div class='m-auto flex flex-col-reverse justify-between gap-10 md:flex-row md:gap-4'> 7429 <div class='max-w-full md:max-w-[440px] '> 7430 <div class='pb-4 text-base font-medium uppercase '> 7431 Be in the know 7432 </div> 7433 <div class='text-[13px] '> 7434 <p>Sign up for our newsletter and be the first to hear about our new arrivals, exclusive offers and events.</p> 7435 </div> 7436 <div><form 7437 id='email_signup' 7438 class='klaviyo_styling klaviyo_gdpr_embed_USvhAc !w-full !max-w-full' 7439 action='//manage.kmail-lists.com/subscriptions/subscribe' 7440 data-ajax-submit='//manage.kmail-lists.com/ajax/subscriptions/subscribe' 7441 method='GET' 7442 > 7443 <input type='hidden' name='g' value='USvhAc'> 7444 <input type='hidden' name='$fields' value='$consent,Gender,Language'> 7445 <input type='hidden' name='$list_fields' value='$consent,Gender,Language'> 7446 <div class='klaviyo_field_group Newsletter__confirmation flex hidden flex-col border-b border-b-tristan-off-black pb-4 pt-14'> 7447 <div><p>Thank you for subscribing to our newsletter. You will receive a confirmation email shortly!</p></div> 7448 </div> 7449 <div class='klaviyo_field_group Newsletter__email flex flex-col pt-14'> 7450 <label class='pb-2 text-xs text-tristan-breadcrumb'>ENTER YOUR EMAIL</label> 7451 <input 7452 type='email' 7453 value='' 7454 name='email' 7455 id='k_id_email' 7456 placeholder='ENTER YOUR EMAIL' 7457 class='!rounded-none !border-b !border-l-0 !border-r-0 !border-t-0 !border-solid border-tristan-black !px-0' 7458 required 7459 > 7460 </div> 7461 <div class='klaviyo_field_group klaviyo_form_actions Newsletter__terms flex flex-row items-center justify-start gap-4 pt-4'> 7462 <input 7463 type='checkbox' 7464 name='$consent' 7465 id='consent-email-footer' 7466 value='email' 7467 class=' rounded-full' 7468 required 7469 > 7470 <label 7471 for='consent-email-footer' 7472 class='klaviyo_helptext klaviyo_gdpr_text !mb-0 !text-[12px] !font-normal' 7473 >I accept Terms & Conditions</label> 7474 </div> 7475 <div class='Newsletter__extra-fields flex flex-row items-start justify-start gap-10 pt-6'> 7476 <div> 7477 <div class='pb-3 text-[13px] uppercase'>PREFERENCES</div> 7478 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7479 <input 7480 type='radio' 7481 name='Gender' 7482 id='GenderF' 7483 class='border !border-solid border-tristan-black-400 text-tristan-black' 7484 value='F' 7485 checked 7486 > 7487 <label 7488 for='GenderF' 7489 class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal' 7490 >Woman 7491 </label> 7492 </div> 7493 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7494 <input 7495 type='radio' 7496 name='Gender' 7497 id='GenderM' 7498 value='M' 7499 class='border !border-solid border-tristan-black-400 text-tristan-black' 7500 > 7501 <label for='GenderM' class=' !mb-0 cursor-pointer !text-[10px] !font-normal'>Man 7502 </label> 7503 </div> 7504 </div> 7505 <div> 7506 <div class='pb-3 text-[13px] uppercase'>Language</div> 7507 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7508 <input 7509 type='radio' 7510 name='Language' 7511 id='LanguageF' 7512 class='border !border-solid border-tristan-black-400 text-tristan-black' 7513 value='fr' 7514 checked 7515 > 7516 <label for='LanguageF' class='!mb-0 cursor-pointer gap-2 !text-[10px] !font-normal'>French 7517 </label> 7518 </div> 7519 <div class='klaviyo_field_group flex flex-row items-center justify-start gap-2'> 7520 <input 7521 type='radio' 7522 name='Language' 7523 id='LanguageE' 7524 value='en' 7525 class='border !border-solid border-tristan-black-400 text-tristan-black' 7526 > 7527 <label for='LanguageE' class='!mb-0 cursor-pointer !text-[10px] !font-normal'>English 7528 </label> 7529 </div> 7530 </div> 7531 </div> 7532 <div class='klaviyo_messages pt-10'> 7533 <div class='success_message' style='display:none;'>Thanks for subscribing! Check your email for a confirmation message.</div> 7534 <div class='error_message' style='display:none;'></div> 7535 </div> 7536 <div class='klaviyo_form_actions pt-10 !text-center'> 7537 7538 7539 7540 7541 7542 <button 7543 7544 7545 type='submit' 7546 7547 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' 7548 > 7549 Subscribe now 7550 7551 </button> 7552 7553 7554 7555 7556 </div> 7557 </form> 7558 </div> 7559 7560
7560<script type='text/javascript' src='//www.klaviyo.com/media/js/public/klaviyo_subscribe.js'></script>
7560 7561
7561<script 7562 type='text/javascript' 7563 > 7564 KlaviyoSubscribe.attachToForms('#email_signup', { 7565 hide_form_on_success: true, 7566 custom_success_message: true, 7567 extra_properties: { 7568 $source: '$embed', 7569 $method_type: "Klaviyo Form", 7570 $method_id: 'embed', 7571 $consent_version: 'I accept Terms & Conditions' 7572 }, 7573 success: function ($form) { 7574 // `$form` is a jQuery wrapper around the form that was submitted. This makes it easy to get the email address or form fields. 7575 $form.find('[name="Gender"]').hide() 7576 $form.find('[name="Language"]').hide() 7577 $form.find('.Newsletter__extra-fields').hide() 7578 $form.find('.Newsletter__terms').hide() 7579 $form.find('.Newsletter__email').hide() 7580 $form.find('.Newsletter__confirmation').removeClass('hidden') 7581 } 7582 }); 7583 </script>
7583 7584</div> 7585 7586 <ul class='flex hidden flex-row flex-wrap gap-4 md:flex'> 7587 7588 <li class='min-w-[210px]'> 7589 <span class='text-[11px] text-tristan-breadcrumb'>Help</span> 7590 <ul class='mt-4 flex flex-col gap-3'> 7591 7592 <li class='text-xs'> 7593 <a href='/account'>My Account</a> 7594 </li> 7595 7596 <li class='text-xs'> 7597 <a href='/products/00-giftcard'>Gift Card</a> 7598 </li> 7599 7600 <li class='text-xs'> 7601 <a href='/pages/gift-card-balance-check'>Gift Card Balance </a> 7602 </li> 7603 7604 <li class='text-xs'> 7605 <a href='/pages/shipping'>Shipping</a> 7606 </li> 7607 7608 <li class='text-xs'> 7609 <a href='/pages/exchanges-returns'>Exchanges / Returns</a> 7610 </li> 7611 7612 <li class='text-xs'> 7613 <a href='/pages/current-promotions'>Current Offers</a> 7614 </li> 7615 7616 <li class='text-xs'> 7617 <a href='https://tristanstyle.returnscenter.com/'>Return Management </a> 7618 </li> 7619 7620 <li class='text-xs'> 7621 <a href='/pages/contact-us'>Contact us</a> 7622 </li> 7623 7624 <li class='text-xs'> 7625 <a href='/pages/faq'>FAQ</a> 7626 </li> 7627 7628 </ul> 7629 </li> 7630 7631 <li class='min-w-[210px]'> 7632 <span class='text-[11px] text-tristan-breadcrumb'>Follow us</span> 7633 <ul class='mt-4 flex flex-col gap-3'> 7634 7635 <li class='text-xs'> 7636 <a href='https://www.instagram.com/tristanstyle/'>Instagram</a> 7637 </li> 7638 7639 <li class='text-xs'> 7640 <a href='/pages/newsletter'>Newsletter</a> 7641 </li> 7642 7643 <li class='text-xs'> 7644 <a href='https://www.facebook.com/tristanstyle'>Facebook</a> 7645 </li> 7646 7647 <li class='text-xs'> 7648 <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a> 7649 </li> 7650 7651 <li class='text-xs'> 7652 <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a> 7653 </li> 7654 7655 <li class='text-xs'> 7656 <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a> 7657 </li> 7658 7659 </ul> 7660 </li> 7661 7662 <li class='min-w-[210px]'> 7663 <span class='text-[11px] text-tristan-breadcrumb'>Company</span> 7664 <ul class='mt-4 flex flex-col gap-3'> 7665 7666 <li class='text-xs'> 7667 <a href='/pages/about-us'>About Us</a> 7668 </li> 7669 7670 <li class='text-xs'> 7671 <a href='/pages/store-locator'>Our Stores</a> 7672 </li> 7673 7674 <li class='text-xs'> 7675 <a href='/pages/corporate'>Corporate Uniforms</a> 7676 </li> 7677 7678 <li class='text-xs'> 7679 <a href='/pages/careers'>Careers</a> 7680 </li> 7681 7682 <li class='text-xs'> 7683 <a href='/pages/bill-211'>Corporate Responsibility</a> 7684 </li> 7685 7686 </ul> 7687 </li> 7688 7689 </ul> 7690 <div data-component='accordion' class='flex flex-col md:hidden'> 7691 7692 7693 7694 <div 7695 7696 data-accordion-item 7697 7698 7699 7700 class=' border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px] ' 7701 > 7702 <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'> 7703 Help 7704 7705 <span data-accordion-icon-plus class='text-tristan-black'> 7706 <svg 7707 7708 width='18' 7709 height='11' 7710 class='rotate-180' 7711 viewBox='0 0 18 11' 7712 fill='none' 7713 xmlns='http://www.w3.org/2000/svg' 7714 > 7715 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7716 </svg> 7717 7718 </span>
7719 <span 7720 data-accordion-icon-minus 7721 class='hidden text-tristan-black rotate-0' 7722 > 7723 <svg 7724 7725 width='18' 7726 height='11' 7727 class='' 7728 viewBox='0 0 18 11' 7729 fill='none' 7730 xmlns='http://www.w3.org/2000/svg' 7731 > 7732 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7733 </svg> 7734 7735 </span> 7736 </button> 7737 <div 7738 data-accordion-content 7739 class='grid-height-transition grid text-xs text-tristan-black ' 7740 aria-hidden='true' 7741 > 7742 7743 <ul class='flex flex-col gap-3'> 7744 7745 7746 <li class='text-xs'> 7747 <a href='/account'>My Account</a> 7748 </li> 7749 7750 <li class='text-xs'> 7751 <a href='/products/00-giftcard'>Gift Card</a> 7752 </li> 7753 7754 <li class='text-xs'> 7755 <a href='/pages/gift-card-balance-check'>Gift Card Balance </a> 7756 </li> 7757 7758 <li class='text-xs'> 7759 <a href='/pages/shipping'>Shipping</a> 7760 </li> 7761 7762 <li class='text-xs'> 7763 <a href='/pages/exchanges-returns'>Exchanges / Returns</a> 7764 </li> 7765 7766 <li class='text-xs'> 7767 <a href='/pages/current-promotions'>Current Offers</a> 7768 </li> 7769 7770 <li class='text-xs'> 7771 <a href='https://tristanstyle.returnscenter.com/'>Return Management </a> 7772 </li> 7773 7774 <li class='text-xs'> 7775 <a href='/pages/contact-us'>Contact us</a> 7776 </li> 7777 7778 <li class='text-xs'> 7779 <a href='/pages/faq'>FAQ</a> 7780 </li> 7781 7782 7783 </ul> 7784 7785 </div> 7786 </div> 7787 7788 7789 7790 7791 7792 <div 7793 7794 data-accordion-item 7795 7796 7797 7798 class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px] ' 7799 > 7800 <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'> 7801 Follow us 7802 7803 <span data-accordion-icon-plus class='text-tristan-black'> 7804 <svg 7805 7806 width='18' 7807 height='11' 7808 class='rotate-180' 7809 viewBox='0 0 18 11' 7810 fill='none' 7811 xmlns='http://www.w3.org/2000/svg' 7812 > 7813 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7814 </svg> 7815 7816 </span> 7817 <span 7818 data-accordion-icon-minus 7819 class='hidden text-tristan-black rotate-0' 7820 > 7821 <svg 7822 7823 width='18' 7824 height='11' 7825 class='' 7826 viewBox='0 0 18 11' 7827 fill='none' 7828 xmlns='http://www.w3.org/2000/svg' 7829 > 7830 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7831 </svg> 7832 7833 </span> 7834 </button> 7835 <div 7836 data-accordion-content 7837 class='grid-height-transition grid text-xs text-tristan-black ' 7838 aria-hidden='true' 7839 > 7840 7841 <ul class='flex flex-col gap-3'> 7842 7843 7844 <li class='text-xs'> 7845 <a href='https://www.instagram.com/tristanstyle/'>Instagram</a> 7846 </li> 7847 7848 <li class='text-xs'> 7849 <a href='/pages/newsletter'>Newsletter</a> 7850 </li> 7851 7852 <li class='text-xs'> 7853 <a href='https://www.facebook.com/tristanstyle'>Facebook</a> 7854 </li> 7855 7856 <li class='text-xs'> 7857 <a href='https://www.pinterest.ca/tristanstyle1/'>Pinterest</a> 7858 </li> 7859 7860 <li class='text-xs'> 7861 <a href='https://www.youtube.com/@Tristanstyle'>YouTube</a> 7862 </li> 7863 7864 <li class='text-xs'> 7865 <a href='https://www.tiktok.com/@tristanstyle'>TikTok</a> 7866 </li> 7867 7868 7869 </ul> 7870 7871 </div> 7872 </div> 7873 7874 7875 7876 7877 7878 <div 7879 7880 data-accordion-item 7881 7882 7883 7884 class='border-t-[0.67px] border-tristan-dark-400 pb-4 pt-4 last:border-b-[0.67px] ' 7885 > 7886 <button data-accordion-button class='flex w-full items-center justify-between uppercase text-[11px] font-normal text-tristan-breadcrumb'> 7887 Company 7888
7889 <span data-accordion-icon-plus class='text-tristan-black'> 7890 <svg 7891 7892 width='18' 7893 height='11' 7894 class='rotate-180' 7895 viewBox='0 0 18 11' 7896 fill='none' 7897 xmlns='http://www.w3.org/2000/svg' 7898 > 7899 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7900 </svg> 7901 7902 </span> 7903 <span 7904 data-accordion-icon-minus 7905 class='hidden text-tristan-black rotate-0' 7906 > 7907 <svg 7908 7909 width='18' 7910 height='11' 7911 class='' 7912 viewBox='0 0 18 11' 7913 fill='none' 7914 xmlns='http://www.w3.org/2000/svg' 7915 > 7916 <path d="M0.529449 9.74267L9.01473 1.25739L17.5 9.74267" stroke="currentColor"/> 7917 </svg> 7918 7919 </span> 7920 </button> 7921 <div 7922 data-accordion-content 7923 class='grid-height-transition grid text-xs text-tristan-black ' 7924 aria-hidden='true' 7925 > 7926 7927 <ul class='flex flex-col gap-3'> 7928 7929 7930 <li class='text-xs'> 7931 <a href='/pages/about-us'>About Us</a> 7932 </li> 7933 7934 <li class='text-xs'> 7935 <a href='/pages/store-locator'>Our Stores</a> 7936 </li> 7937 7938 <li class='text-xs'> 7939 <a href='/pages/corporate'>Corporate Uniforms</a> 7940 </li> 7941 7942 <li class='text-xs'> 7943 <a href='/pages/careers'>Careers</a> 7944 </li> 7945 7946 <li class='text-xs'> 7947 <a href='/pages/bill-211'>Corporate Responsibility</a> 7948 </li> 7949 7950 7951 </ul> 7952 7953 </div> 7954 </div> 7955 7956 7957 7958 </div> 7959 </div> 7960</div> 7961<div class='bg-tristan-primary-15 py-3'> 7962 <ul class='flex flex-row flex-wrap items-center justify-center gap-4 md:gap-10'> 7963 7964 <li> 7965 <a class='text-[11px] text-tristan-black' href='/pages/privacy-policy'>Privacy Policy</a> 7966 </li> 7967 7968 <li> 7969 <a class='text-[11px] text-tristan-black' href='/pages/purchase-conditions'>Terms of use</a> 7970 </li> 7971 7972 </ul> 7973</div> 7974 7975 7976</div> 7977 7978 7979
7979<script src='https://a.klaviyo.com/media/js/onsite/onsite.js'></script>
7979 7980
7980<script> 7981 var klaviyo = klaviyo || []; 7982 klaviyo.init({ 7983 account: "RxuWrY", 7984 list: "", 7985 platform: "shopify" 7986 }); 7987 klaviyo.enable("backinstock",{ 7988 trigger: { 7989 product_page_text: "Notify me", 7990 product_page_class: "button button--blue !w-full !mt-6", 7991 product_page_text_align: "center", 7992 product_page_margin: "0px", 7993 alternate_anchor: "add-to-cart-button", 7994 replace_anchor: false, 7995 }, 7996 modal: { 7997 headline: "{product_name}", 7998 body_content: "Register to receive a notification when this item comes back in stock.", 7999 email_field_label: "Email", 8000 button_label: "Notify me when available", 8001 subscription_success_label: "You're in! We'll let you know when it's back.", 8002 footer_content: "", 8003 close_label: "Close", 8004 newsletter_subscribe_label: "Add me to your email list.", 8005 subscribe_checked: false, 8006 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;}", 8007 drop_background_color: "#000", 8008 background_color: "#fff", 8009 text_color: "#222", 8010 button_text_color: "#fff", 8011 button_background_color: "#171717", 8012 close_button_color: "#ccc", 8013 error_background_color: "#fcd6d7", 8014 error_text_color: "#C72E2F", 8015 success_background_color: "#d3efcd", 8016 success_text_color: "#1B9500" 8017 } 8018 }); 8019 </script>
8019 8020 8021 8022 8023 <div id="shopify-section-get-color-swatches" class="shopify-section"> 8024 8025 <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 8026 data-component='getColorSwatches' 8027 data-page-param='page_b925b081'data-page-next='/blogs/news/spring-summer-2026-fashion-trends?page_b925b081=2'></div> 8028</div> 8029 8030 <div id="shopify-section-zoom-image" class="shopify-section"><div data-component='zoomImage' class='hidden'> 8031 <div class='fixed inset-0 z-50 flex items-center justify-center bg-tristan-dark bg-opacity-50'> 8032 <div class='relative max-h-[90%] w-full max-w-[90%] overflow-scroll'> 8033 <button 8034 data-zoom-image-close 8035 class='absolute right-0 top-0 z-50 bg-tristan-black p-4 text-tristan-white' 8036 > 8037 8038 <svg 8039 8040 width='15' 8041 height='15' 8042 viewBox='0 0 15 15' 8043 class='[&>path]:fill-tristan-white' 8044 fill='none' 8045 xmlns='http://www.w3.org/2000/svg' 8046 > 8047 <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"/> 8048 </svg> 8049 8050 8051 </button> 8052 8053 <figure 8054 class='zoom relative w-full overflow-hidden bg-center bg-no-repeat' 8055 data-zoom-image-container 8056 onmousemove='zoom(event)' 8057 style='background-image: url(https://res.cloudinary.com/active-bridge/image/upload/slide1.jpg)' 8058 > 8059 <img data-zoom-image-src src='' alt='Zoom Image' class='block h-full w-full transition-opacity'> 8060 </figure> 8061 </div> 8062 </div> 8063</div> 8064 8065<style> 8066 figure.zoom img:hover { 8067 opacity: 0; 8068 } 8069</style>
8070<script> 8071 function zoom(e) { 8072 const zoomer = e.currentTarget; 8073 e.offsetX ? (offsetX = e.offsetX) : (offsetX = e.touches[0].pageX); 8074 e.offsetY ? (offsetY = e.offsetY) : (offsetX = e.touches[0].pageX); 8075 x = (offsetX / zoomer.offsetWidth) * 100; 8076 y = (offsetY / zoomer.offsetHeight) * 100; 8077 zoomer.style.backgroundPosition = x + '% ' + y + '%'; 8078 } 8079</script>
8079 8080</div> 8081 8082
8082<script> 8083 if (!window.GiftCardHeroCustom) window.GiftCardHeroCustom = {}; 8084 window.GiftCardHeroCustom.proxy = '/a/giftcard'; 8085</script>
8085 8086<style> 8087 .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card { 8088 background: center center 8089 url(https://cdn.shopify.com/s/files/1/0434/2487/4658/files/cartecadeau_1_800x_1_1.webp?v=1678986702) no-repeat; 8090 background-size: cover; 8091 border: 0 !important; 8092 } 8093 8094 .sc-hero-checker-container .scgh-checker .scgh-checker__cards, 8095 .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card { 8096 height: 250px !important; 8097 } 8098 8099 .sc-hero-checker-container .scgh-checker .scgh-checker__cards .scgh-checker__card svg { 8100 display: none; 8101 } 8102</style> 8103 8104 8105
8105<script> 8106 // get locaStorage to check if the cart have to be opened 8107 const cart = localStorage.getItem('cart'); 8108 if (cart && cart === 'open') { 8109 // dispatch event cart:open 8110 setTimeout(() => { 8111 localStorage.removeItem('cart'); 8112 document.dispatchEvent(new CustomEvent('cart:open')); 8113 }, 300); 8114 } 8115 </script>
8115 8116 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 8116-8117
8116 8117 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
8117GTM-NWMB3B8
vendor: 91 bytes, lines 8117-8119
8117" 8118 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 8119
8119<!-- End Google Tag Manager (noscript) --> 8120 8121 8122 8123 8124 8125<div data-findify-event="update-cart"> 8126 8127</div> 8128
8129<script> 8130 window.findify = { 8131 current_version: "2025-07.01", // DO NOT MODIFY! This is required within Shopify App Side, a Regex will extract the current version. 8132 product_fields: { 8133 include: [], // Include, also, these fields to be returned to liquid section 8134 exclude: [], // Exclude these fields from being sent to liquid section 8135 /* 8136 Create custom fields on the fly. 8137 Include these fields on the above include array. 8138 */ 8139 custom_mapping: (item) => ({}) 8140 } 8141 } 8142 8143 const printFindifyVersion = async () => { 8144 console.log('Findify Liquid Framework v.', window.findify.current_version); 8145 } 8146 printFindifyVersion(); 8147</script>
8147 8148
8149<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-analytics.js?v=61378630994565436371781536516" defer></script>
vendor: 1 bytes, line 8149
8149
8150<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-filter.js?v=108247571334860119861781536522" defer></script>
vendor: 1 bytes, line 8150
8150
8151<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swatches.js?v=68232340704274752341781536527" defer></script>
8151 8152 8153<link 8154 rel="stylesheet" 8155 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-variables-defaults.css?v=83873931077167052721781536530" 8156 media="print" 8157 onload="this.media='all'"> 8158<link 8159 rel="stylesheet" 8160 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-theme-overwrite.css?v=75073965975987802421781536529" 8161 media="print" 8162 onload="this.media='all'"> 8163 8164<link 8165 rel="stylesheet" 8166 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-swatches.css?v=159470387498036606651781536525" 8167 media="print" 8168 onload="this.media='all'"> 8169 8170<link 8171 rel="stylesheet" 8172 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.css?v=48849305740600715271781536524" 8173 media="print" 8174 onload="this.media='all'">
8175<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-product-card.js?v=136704279831598794241781536525" defer></script>
8175 8176 8177<link 8178 rel="stylesheet" 8179 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-color-mapping.css?v=74851878029947148041781536518" 8180 media="print" 8181 onload="this.media='all'"> 8182
8183<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.js?v=96361484698773826731781536528" defer="defer"></script>
8183 8184<link 8185 rel="stylesheet" 8186 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-swiper.css?v=42295002602430070851781536528" 8187 media="print" 8188 onload="this.media='all'"> 8189 8190<link 8191 rel="stylesheet" 8192 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-button.css?v=100777144810063880971781536518" 8193 media="print" 8194 onload="this.media='all'"> 8195 8196
8197<script src="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.js?v=135468858491857602421781536517" defer></script>
8197 8198<link 8199 rel="stylesheet" 8200 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-autocomplete.css?v=165937137488080614951781536517" 8201 async /> 8202 8203 8204<link 8205 rel="stylesheet" 8206 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-recommendation.css?v=47727428235592057601781536526" 8207 media="print" 8208 onload="this.media='all'"> 8209 8210 8211 8212 8213 8214 8215<link 8216 rel="stylesheet" 8217 href="//www.tristanstyle.com/cdn/shop/t/109/assets/findify-content-card.css?v=69868871767741399551781536519" 8218 media="print" 8219 onload="this.media='all'"> 8220 <div id="shopify-block-AY2lIZStBWFNsK0Njd__11468047240823483236" class="shopify-block shopify-app-block"><div id="sezzle-checkout-button-embed-block-error"></div> 8221<style> 8222 .sezzle-checkout-button { 8223 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 8234} 8235</style>
8236<script> 8237 8238 8239 8240 const embedCheckoutRendererScript = document.createElement("script"); 8241 embedCheckoutRendererScript.type = "text/javascript"; 8242 embedCheckoutRendererScript.src = "https://cdn.shopify.com/extensions/01a068e3-0c7f-7187-8245-9c5af06467ff/sezzle-widget-161123b6/assets/checkout-button-renderer.min.js"; 8243 embedCheckoutRendererScript.onload = function() { 8244 new CheckoutButtonRenderer({ 8245 merchantUUID : "0c164c73-b21a-470f-a08f-df5533089667", 8246 defaultPlacement : "true", 8247 theme : "light", 8248 template : "Checkout with %%logo%%", 8249 cartTotal : 0, 8250 }).init(); 8251 }; 8252 document.head.appendChild(embedCheckoutRendererScript); 8253 8254</script>
8254 8255 8256 8257 8258 8259</div><div id="shopify-block-AWUc3MmVONGdkZ2JvU__246148584256545108" class="shopify-block shopify-app-block">
8259<script 8260 src="https://cdn.shopify.com/extensions/01a0cefc-9751-72d9-8cca-db8b0d015b75/axeptio-46/assets/index.js" 8261 defer="defer" 8262 data-axeptio 8263 data-shop="43424874658" 8264 data-shop-domain="tristandev.myshopify.com" 8265 data-api-url="http://shopify-app-remix.axept.io" 8266></script>
8266 8267 8268 8269</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> 8270 8271<!-- BEGIN app snippet: findify-autocomplete-snippet -->
8271<script> 8272 8273 const desktop_products_limit = "4"; 8274 const desktop_suggestions_limit = "6"; 8275 const desktop_suggestion_template = "vertical" 8276 const mobile_products_limit = "4" 8277 const mobile_suggestions_limit = "6" 8278 const mobile_products_per_row = "1" 8279 const mobile_suggestion_template = "vertical" 8280 const contents_src = "" 8281 const contents_limit = "2" 8282 const contents_title = "" 8283 const content_src_1 = ''; 8284 const content_limit_1 = '2'; 8285 const content_title_1 = ''; 8286 const content_show_image_1 = 'false'; 8287 const content_src_2 = ''; 8288 const content_limit_2 = '2'; 8289 const content_title_2 = ''; 8290 const content_show_image_2 = 'false'; 8291 const desktop_products_per_row = '4'; 8292 8293 document.addEventListener('DOMContentLoaded', () => { 8294 8295 const mapContentsForAutocomplete = () => { 8296 if(!!content_src_1 || !!content_src_2){ 8297 return { 8298 [content_src_1]: { limit: content_limit_1 || 2, title: content_title_1 || '', position: 1, showImage: content_show_image_1 }, 8299 [content_src_2]: { limit: content_limit_2 || 2, title: content_title_2 || '', position: 2, showImage: content_show_image_2 }, 8300 ...(window.findify?.extraContents ? window.findify.extraContents : {}) 8301 }; 8302 } 8303 8304 const trimmedContents = contents_src?.trim(); 8305 if(!trimmedContents) return []; 8306 8307 const limits = contents_limit.split(',').map(limit => limit.trim()); 8308 const titles = contents_title.split(',').map(title => title.trim()); 8309 return trimmedContents.split(',').reduce((acc, curr, index) => { 8310 const contentId = curr.trim(); 8311 return { 8312 ...acc, 8313 [contentId]: { limit: limits[index] || limits[0], title: titles[index] || '' } 8314 } 8315 }, {}); 8316 } 8317 8318 const initAutocomplete = () => { 8319 findify.autocomplete.init({ 8320 desktop_products_limit, 8321 desktop_suggestions_limit, 8322 desktop_suggestion_template, 8323 mobile_products_limit, 8324 mobile_suggestions_limit, 8325 mobile_products_per_row, 8326 mobile_suggestion_template, 8327 desktop_products_per_row, 8328 contents: mapContentsForAutocomplete(), 8329 }); 8330 } 8331 8332 findify.core.init.then(() => { 8333 initAutocomplete(); 8334 8335 window.addEventListener("popstate", () => { 8336 initAutocomplete(); 8337 }); 8338 }); 8339 }); 8340 8341</script>
8341<!-- END app snippet --> 8342 8343 8344</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"> 8345 8346<!-- BEGIN app snippet: ac-tiered-sub-global -->
8346<script> 8347 window.jQuery || document.write('
8347<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"><\/script>') 8348</script>
8348 8349 8350 8351<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" /> 8352<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" /> 8353<div style="display:none" id="ac-money-format">${{amount}}</div> 8354 8355 <style> 8356/*LATEST UPDATED*/ 8357.ac_table1, 8358.ac_table2, 8359.ac_table3, 8360.ac_table4, 8361.ac_table5 { 8362 margin: 20px 0; 8363 border-collapse: collapse; 8364 border: 1px solid black; 8365 line-height: 1.5; 8366 width: 100%; 8367 color: black; 8368 text-align: center !important; 8369 text-transform: initial !important; 8370} 8371.ac_table1 .ac__th, 8372.ac_table2 .ac__th, 8373.ac_table3 .ac__th, 8374.ac_table5 .ac__th { 8375 border: 1px solid black !important; 8376 background-color: #FFFFFF !important; 8377 padding: 10px !important; 8378 line-height: 1.5; 8379 color: #000000 !important; 8380 font-size: 14px !important; 8381 width: 50%; 8382 text-align: center !important; 8383 font-weight: normal !important; 8384 word-break: break-all; 8385} 8386.ac_table1 .ac__td, 8387.ac_table2 .ac__td, 8388.ac_table3 .ac__td, 8389.ac_table4 .ac__td, 8390.ac_table5 .ac__td { 8391 border: 1px solid black; 8392 background-color: #FFFFFF !important; 8393 padding: 10px !important; 8394 line-height: 1.5; 8395 color: #000000 !important; 8396 font-size: 14px !important; 8397 width: 50%; 8398 text-align: center !important; 8399 font-weight: normal !important; 8400 word-break: break-all;; 8401} 8402 8403.ac_table1 .ac__th:after, 8404.ac_table2 .ac__th:after, 8405.ac_table3 .ac__th:after, 8406.ac_table4 .ac__td:after, 8407.ac_table5 .ac__td:after { 8408 content: none; 8409} 8410 8411/* Quantity Range Grid */ 8412.ac_table2 .ac__th { 8413 width: 33.33%; 8414} 8415.ac_table2 .ac__td { 8416 width: 33.33%; 8417} 8418 8419/* Detailed Grid */ 8420.ac_table3 .ac__th { 8421 width: 33.33%; 8422} 8423.ac_table3 .ac__td { 8424 width: 33.33%; 8425} 8426 8427/* Simple Message */ 8428.ac_table4 { 8429 border: transparent !important; 8430} 8431.ac_table4 .ac__td { 8432 width: 100%; 8433 border: transparent !important; 8434 text-align: center !important; 8435} 8436#saved-banner { 8437 color: #138C19 !important; 8438 font-weight: bold !important; 8439 font-size: 14px !important; 8440} 8441/* Grid table */ 8442.ac_mostpopuler { 8443border-radius: 52px; 8444 font-size: 12px; 8445 color: white; 8446 display: block; 8447 margin-top: 5px; 8448 background-color: #0e592d; 8449} 8450 8451.ac_main_container.ac-active { 8452 background-color:undefined; 8453 border-color: undefined !important 8454} 8455 8456.ac_main_container { 8457 width: 100%!important; 8458 display: grid; 8459 grid: 10% / 5% 39% auto; 8460 cursor: pointer!important; 8461 grid-gap: 10px; 8462 margin-top: 2%; 8463 border-radius: 5px; 8464} 8465 .ac_option-total-price .ac_item-regular_price{ 8466 display: flex; 8467 } 8468 .ac-total-price { 8469 text-align: end; 8470 margin-right: 5px; 8471 } 8472 8473.ac_offer-option-item { 8474 padding-top: 25% 8475} 8476 8477.ac_offer-option { 8478 padding: 7px 5px; 8479} 8480 8481.ac_grab_deal_btn { 8482 margin: 15px 0; 8483 cursor: pointer; 8484 border-radius: 6px; 8485 font-size: 14px; 8486 font-weight: 700; 8487 text-transform: uppercase; 8488 text-align: center; 8489 display: inline-block; 8490 width: 100%!important; 8491 border: none; 8492 padding: 12px 18px; 8493 letter-spacing: inherit; 8494 line-height: inherit 8495} 8496 8497.ac_grab_deal_btn:disabled { 8498 filter: saturate(.2) opacity(.5); 8499 -webkit-filter: saturate(.2) opacity(.5); 8500 cursor: not-allowed 8501} 8502 8503.ac_option-total-price { 8504 display: flex; 8505 justify-content: flex-end; 8506 gap: 1% 8507} 8508 8509.ac_option-item-price { 8510 display: flex; 8511 justify-content: flex-end; 8512 gap: 2% 8513} 8514.ac-quantity-input-box { 8515 margin-left: 10px; 8516 padding: 6px; 8517 width: 5%; 8518 margin-top: 4px!important; 8519 border: 2px solid #FFFFFF; 8520 box-shadow: 0 0 0 1px undefined; 8521 -webkit-appearance: none; 8522 appearance: none; 8523 border-radius: 50%; 8524 cursor: pointer!important; 8525 width: 12px; 8526 height: 12px; 8527 transition: all ease-in .2s 8528} 8529 8530.ac-quantity-input-box:checked { 8531 background-color: undefined; 8532} 8533 8534@media screen and (max-width: 394px) { 8535 .ac_main_container { 8536 font-size:11px 8537 } 8538} 8539 8540@media screen and (max-width: 794px)and (min-width: 750px) { 8541 .ac_main_container { 8542 font-size:12px 8543 } 8544} 8545 8546</style> 8547<style> 8548 @media only screen and (max-width: 600px) { 8549 #saved-banner-div { 8550 text-align: center; 8551 } 8552 } 8553 #saved-banner-div { 8554 text-align: end; 8555 } 8556 8557</style>
8558<script type="text/javascript" defer> 8559 8560 8561 8562 var ACDiscountApp = ACDiscountApp || {};ACDiscountApp.Common = ACDiscountApp.Common || {};ACDiscountApp.CartPage = ACDiscountApp.CartPage || {};ACDiscountApp.PDPage = ACDiscountApp.PDPage || {}; 8563 ACDiscountApp.Common.GlobalFields = function () { 8564 8565 this.isCustomer = false; 8566 this.customerTag = ''; 8567 8568 this.currency = 'CAD'; 8569 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) }; 8570 this.currencySymbol = (document.getElementById("ac-money-format").textContent).trim();this.currencySymbol = this.currencySymbol.split("}");this.currencySymbol = this.currencySymbol[2]; 8571 this.amount = (document.getElementById("ac-money-format").textContent).trim(); 8572 this.progressBarMetafield = null; 8573 this.Storetime = function(){return '2026-09-25T19:39:31'}; 8574 8575 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());} 8576 this.StartEndDateValid = function (startDate, endDate) {var Storetime = `2026-09-25T19:39:31`;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; } } 8577 8578 var TimercalcTime = function(offset_) { 8579 d_ = new Date(); 8580 utc_ = d_.getTime() + (d_.getTimezoneOffset() * 60000); 8581 nd_ = new Date(utc_ + (3600000 * offset_)); 8582 return Date.parse(nd_.getMonth()+ 1 +"/"+nd_.getDate()+"/"+ nd_.getFullYear() +" "+nd_.getHours()+":"+nd_.getMinutes()); 8583 } 8584 8585 this.TimerStartEndDateValid = function (startDate, endDate) { 8586 var isStrtDtVald_ = false; var isEndDtVald_ = false; 8587 let Storetime = `2026-09-25T19:39:31`; 8588 var todayDate_ = Date.parse(Storetime); 8589 if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; } 8590 else { isStrtDtVald_ = true; } 8591 if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; } 8592 else { isEndDtVald_ = true; } 8593 if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } } 8594 8595 this.cartSubtotalTiers = function () { 8596 var selectedVariant = jQuery('input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', jQuery('form[action="/cart/add"]')).val(); 8597 selectedVariant = Number(selectedVariant); 8598 8599 } 8600 this.TimerStartEndDateValid = function (startDate, endDate) { 8601 var isStrtDtVald_ = false; var isEndDtVald_ = false; 8602 let Storetime = `2026-09-25T19:39:31` ; 8603 var todayDate_ = Date.parse(Storetime); 8604 if (startDate != null) { var startDate_ = Date.parse(startDate); isStrtDtVald_ = todayDate_ >= startDate_; } 8605 else { isStrtDtVald_ = true; } 8606 if (endDate != null) { var endDate_ = Date.parse(endDate); isEndDtVald_ = todayDate_ <= endDate_; } 8607 else { isEndDtVald_ = true; } 8608 if (isStrtDtVald_ && isEndDtVald_) { return {valid: true, start_date: startDate, end_date: endDate } }else { return {valid:false} } } 8609 8610 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; } } 8611 8612 this.ConvertToFixedDecimalString = function (amount) { return amount.toFixed(2); } 8613 this.TableProductPage = 'true' 8614 this.priceChangeFunc = function (selectedVariant) { 8615 let varaintPricearray = []; 8616 8617 var price = varaintPricearray.find(item => item.id == selectedVariant)?.price; 8618 if(price != '' && price != null && price != undefined){ 8619 return price; 8620 }else{ 8621 var newprice = '' 8622 return newprice; 8623 } 8624 8625 } 8626 this.ConvertToFixedDecimalNumber = function (amount) { return Number(amount.toFixed(2)); } 8627 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}}."}; } 8628 8629 8630 8631ACDiscountApp.PDPage.Global = function () { 8632this.variantsPriceArray_PD=[]; 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 8643 8644 8645; 8646 8647 8648 8649 8650 8651 this.productMetafield = "[]"; 8652 8653 8654 8655 8656} 8657ACDiscountApp.CartPage.Global = function () { 8658 8659 8660 8661 8662 8663 8664 8665 8666 8667 8668 this.excluded_collection_ids = "[]"; 8669 this.is_quantity_total = false; 8670 this.cartSubTotalMetafield = "[]"; 8671 8672 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}; 8673 8674 this.cartTiersArray = [ 8675 8676 ] 8677 } 8678 var globalFields = new ACDiscountApp.Common.GlobalFields(); 8679</script>
8679 8680
8681<script> 8682 var ac_themeId = Shopify.theme.id; 8683 var shopIdann = '43424874658'; 8684 var dis_WholeSaleP_version_Code = Date.now(); // or set manually like "v=3.2.1" 8685 var script = document.createElement('script'); 8686 script.type = 'text/javascript'; 8687 script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotalPdPage/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-product.js?v=' + dis_WholeSaleP_version_Code; 8688 script.defer = true; 8689 document.head.appendChild(script); 8690</script>
8690 8691
8691<script> 8692 var ac_themeId = Shopify.theme.id; 8693 var shopIdann = '43424874658'; 8694 var dis_WholeSale_version_Code = Date.now(); // or set manually like "v=3.2.1" 8695 var script = document.createElement('script'); 8696 script.type = 'text/javascript'; 8697 script.src = 'https://customerapp.anncode.com/api/clientStoreSubtotal/' + shopIdann + '/' + ac_themeId + '/ac-tiered-sub-cart.js?v=' + dis_WholeSale_version_Code; 8698 script.defer = true; 8699 document.head.appendChild(script); 8700</script>
8700 8701<!-- END app snippet -->
8702<script> 8703 window.acTierEnabled = true; 8704</script>
8704 8705 8706</div>
8706<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8706 8707</body> 8708</html> 8709 8710
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.