<!doctype html>
<html class="h-full overflow-x-hidden" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://www.luke1977.com/"><link rel="icon" type="image/png" href="//www.luke1977.com/cdn/shop/files/LUKE-1977-FAVICON-2_c764c777-cff3-4dea-bc73-2a2fc4714a51.png?v=1772485745&width=32">
      <link rel="shortcut icon" href="//www.luke1977.com/cdn/shop/files/LUKE-1977-FAVICON-2_c764c777-cff3-4dea-bc73-2a2fc4714a51.png?v=1772485745&width=32" type="image/png"><title>
      LUKE 1977 I Designer British Menswear I Official UK Online Store

      

      
        &#8211; Luke1977
      
    </title>

    <meta name="description" content="Discover luxury men’s clothing collections from the LUKE 1977 online store. Find premium designer essentials, must-have statement pieces, everyday wardrobe staples and the latest fashion trends here. Home of British designer streetwear, terrace wear, smart casual wear and highly anticipated co-labs." />

    
    <!-- Social Meta Information -->

<meta property="twitter:image" content="http://www.luke1977.com/cdn/shop/files/Luke_logo_1200x628_c090a79c-78b5-44b4-a8cf-e514094d7eff_1200x1200.png?v=1708360494">



<meta property="og:site_name" content="Luke1977">
<meta property="og:url" content="https://www.luke1977.com/">
<meta property="og:title" content="LUKE 1977 I Designer British Menswear I Official UK Online Store">
<meta property="og:type" content="website">
<meta property="og:description" content="Discover luxury men’s clothing collections from the LUKE 1977 online store. Find premium designer essentials, must-have statement pieces, everyday wardrobe staples and the latest fashion trends here. Home of British designer streetwear, terrace wear, smart casual wear and highly anticipated co-labs.">

<meta property="og:image" content="http://www.luke1977.com/cdn/shop/files/Luke_logo_1200x628_c090a79c-78b5-44b4-a8cf-e514094d7eff_1200x1200.png?v=1708360494">
<meta property="og:image:secure_url" content="https://www.luke1977.com/cdn/shop/files/Luke_logo_1200x628_c090a79c-78b5-44b4-a8cf-e514094d7eff_1200x1200.png?v=1708360494">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">




<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="LUKE 1977 I Designer British Menswear I Official UK Online Store">
<meta name="twitter:description" content="Discover luxury men’s clothing collections from the LUKE 1977 online store. Find premium designer essentials, must-have statement pieces, everyday wardrobe staples and the latest fashion trends here. Home of British designer streetwear, terrace wear, smart casual wear and highly anticipated co-labs.">



      <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-TX7WLTQ');</script>
  <!-- End Google Tag Manager -->
  
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-PBXR5MZ');</script>
  <!-- End Google Tag Manager -->

<meta name="google-site-verification" content="ogWcZNBrsfSbZVfkZRDylsaSvktWLyNCYXRfb8jbBUg" />
    
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1015757914"></script> 
  <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1015757914'); </script>


    <!-- Critical inline styles to prevent FOUC and layout shift -->
    <style>
      [x-cloak] { display: none !important; }
    </style>

    <!-- global scripts & styles -->


  <link href="//www.luke1977.com/cdn/shop/t/147/assets/theme-wv0bArVO.css" rel="stylesheet" type="text/css" media="all" />




  <script src="//www.luke1977.com/cdn/shop/t/147/assets/theme-BcTukJHx.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/modulepreload-polyfill-B5Qt9EMX.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/overlay-store-FD7tYZxg.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/cart-drawer-FfomxYZm.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/header-2lswLCtF.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/klevu-search-8O-F4Jri.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/mobile-nav-BPn7svke.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/announcement-bar-BrE-6ePG.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/scrolling-strapline-CHkxbE1W.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/hero-banner-BDiaMOdN.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/multi-carousel-VS689mst.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/collection-carousel-6OAi6Q9l.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/featured-collection-carousel-Wmff-bhR.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/recently-viewed-carousel-BGp0yNDZ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/product-image-carousel-DnNmWHqQ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/product-detail-focus-carousel-DVUX33Jl.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/product-variant-selector-CYwX4ITD.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/next-day-delivery-timer-CQ1RTCaA.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/cart-manager-D9T7Evk4.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/get-the-look-carousel-B7QPqLp7.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/quick-add-modal-DEad0EFi.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/product-form-handler-Ck5pabMx.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/product-main-columns-011PRZVZ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/timeline-carousel-CUk724TT.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/buy-the-set-carousel-CuTsqag0.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/collection-filters-B-LmdosM.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/wishlist-mOH9Yb7_.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/search-dropdown-carousel-BnigLKqW.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/ugc-carousel-N5RySGhE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/seo-product-focus-slider-3yzy4wJG.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/swiper-D1QFfQbi.js" crossorigin="anonymous">
  <link href="//www.luke1977.com/cdn/shop/t/147/assets/swiper-8CSGW0I3.css" rel="stylesheet" type="text/css" media="all" />
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/autoplay-CR2JK7hJ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/effect-fade-D6EZZg58.js" crossorigin="anonymous">
  <link href="//www.luke1977.com/cdn/shop/t/147/assets/effect-fade-DyjU0h27.css" rel="stylesheet" type="text/css" media="all" />
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/mousewheel-Dj5pVzfn.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/pagination-CSDKoVn1.js" crossorigin="anonymous">
  <link href="//www.luke1977.com/cdn/shop/t/147/assets/pagination-I61kUBa1.css" rel="stylesheet" type="text/css" media="all" />
  <link rel="modulepreload" href="//www.luke1977.com/cdn/shop/t/147/assets/navigation-opqexam2.js" crossorigin="anonymous">

<!-- Wishlist -->
    


    <script>
      const cake = {
        
        customer_id: null,
        customer_api_token: null
        
      };

      // Expose wishlist product IDs as a global array
      
      window.customer_wishlist_ids = [
        
      ];
    </script>


    
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Luke1977",
  "url": "https:\/\/www.luke1977.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://www.luke1977.com/search?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Luke1977",
  "url": "https:\/\/www.luke1977.com"
,"logo": "//www.luke1977.com/cdn/shop/files/logo.svg?v=1764842841&width=500","contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer service",
    "url": "https://www.luke1977.com/pages/contact"
  },"sameAs": ["https://www.facebook.com/Luke1977Clothing","https://www.instagram.com/luke1977official","https://www.tiktok.com/@luke1977","https://twitter.com/LukeRoper"]}
</script>











    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/65230831869/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="18f20a4e69b6fe968584ad0b74994b29">
<meta id="in-context-paypal-metadata" data-shop-id="65230831869" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&shop_id=65230831869" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":65230831869,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/65230831869","merchantName":"Luke1977","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Luke1977","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"18f20a4e69b6fe968584ad0b74994b29","betas":["rich-media-storefront-analytics"],"domain":"www.luke1977.com","predictiveSearch":true,"shopId":65230831869,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "luke1977.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"Cake: LIVE NEW HOMEPAGE [5\/5\/26]","id":181755150715,"schema_name":"Cake Vite","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.luke1977.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.luke1977.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.luke1977.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.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"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.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"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/www.hukcommerce.com\/apps\/mega-menu-creator-pro\/assets\/js\/scriptfe.js?shop=luke1977.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiI1Nk5hQ2ZMQmthelYzV0hDIiwicyI6Im5vbmUifQ==\u0026v=2.5\u0026shop=luke1977.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/luke1977.myshopify.com.js?settings=1695632531082\u0026shop=luke1977.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=luke1977.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=luke1977.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=luke1977.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=luke1977.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=15255\u0026v=shopifyApp_5.2.3\u0026ts=1755612861726\u0026shop=luke1977.myshopify.com","https:\/\/intg.snapchat.com\/shopify\/shopify-scevent-init.js?id=25c258ab-ce74-4daa-ae7e-af147bbe1e08\u0026shop=luke1977.myshopify.com","https:\/\/cdn.salesfire.co.uk\/code\/99cf095b-f672-4525-8aba-ecbe1c04b1b8.js?shop=luke1977.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":65230831869,"offset":3600,"reqid":"90086040-45ad-43c9-9740-479790bba17e-1780970706","pageurl":"www.luke1977.com\/shop.css","u":"08cd32a4843f","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.luke1977.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.luke1977.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<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.luke1977.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://www.luke1977.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script integrity="sha256-cA6YAGRbT6smD/187TDD20LcE6ljHwdUNi68QataOL0=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01KTN20NAFK5WQZXPTX2HXM49G&quot;,&quot;publisher_shop_id&quot;:65230831869,&quot;theme_id&quot;:181755150715,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;&quot;,&quot;page_type&quot;:&quot;home&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//www.luke1977.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-e0c70457.js" crossorigin="anonymous"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.luke1977.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    <!-- Klaviyo Identify -->
    

    <!-- global variables -->
    <script>
        Shopify.money_format = '£{{amount}}';
        
        
    </script>

    <!-- Track recently viewed products -->
    

    <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/QNuvmL/klaviyo.js?company_id=QNuvmL"></script>
  <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>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>



  <!-- BEGIN app snippet: customer-hub-data --><script>
  if (!window.customerHub) {
    window.customerHub = {};
  }
  window.customerHub.storefrontRoutes = {
    login: "https://www.luke1977.com/customer_authentication/redirect?locale=en&region_country=GB?return_url=%2F%23k-hub",
    register: "https://shopify.com/65230831869/account?locale=en&region_country=GB&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJsdWtlMTk3Ny5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3ODE1NzU1MDcsIm5iZiI6MTc4MDk3MDcwN30.8i_f7J98PJAVtZRtvb_4z9LW86z1BvUffPC_QA3HQ24?return_url=%2F%23k-hub",
    logout: "/account/logout",
    profile: "/account",
    addresses: "/account/addresses",
  };
  
  window.customerHub.userId = null;
  
  window.customerHub.storeDomain = "luke1977.myshopify.com";

  

  
    window.customerHub.storeLocale = {
        currentLanguage: 'en',
        currentCountry: 'GB',
        availableLanguages: [
          
            {
              iso_code: 'en',
              endonym_name: 'English'
            }
          
        ],
        availableCountries: [
          
            {
              iso_code: 'AI',
              name: 'Anguilla',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'AG',
              name: 'Antigua &amp; Barbuda',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'AW',
              name: 'Aruba',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'AU',
              name: 'Australia',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'AT',
              name: 'Austria',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'BS',
              name: 'Bahamas',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'BH',
              name: 'Bahrain',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'BB',
              name: 'Barbados',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'BE',
              name: 'Belgium',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'BZ',
              name: 'Belize',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'BM',
              name: 'Bermuda',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'VG',
              name: 'British Virgin Islands',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'BG',
              name: 'Bulgaria',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'CA',
              name: 'Canada',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'BQ',
              name: 'Caribbean Netherlands',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'KY',
              name: 'Cayman Islands',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'CX',
              name: 'Christmas Island',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'CC',
              name: 'Cocos (Keeling) Islands',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'CK',
              name: 'Cook Islands',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'CR',
              name: 'Costa Rica',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'HR',
              name: 'Croatia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'CW',
              name: 'Curaçao',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'CY',
              name: 'Cyprus',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'CZ',
              name: 'Czechia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'DK',
              name: 'Denmark',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'DM',
              name: 'Dominica',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'DO',
              name: 'Dominican Republic',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'SV',
              name: 'El Salvador',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'EE',
              name: 'Estonia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'FJ',
              name: 'Fiji',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'FI',
              name: 'Finland',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'FR',
              name: 'France',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'PF',
              name: 'French Polynesia',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'GE',
              name: 'Georgia',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'DE',
              name: 'Germany',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'GI',
              name: 'Gibraltar',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'GR',
              name: 'Greece',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'GL',
              name: 'Greenland',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'GD',
              name: 'Grenada',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'GP',
              name: 'Guadeloupe',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'GT',
              name: 'Guatemala',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'GG',
              name: 'Guernsey',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'HT',
              name: 'Haiti',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'HN',
              name: 'Honduras',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'HK',
              name: 'Hong Kong SAR',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'HU',
              name: 'Hungary',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'IS',
              name: 'Iceland',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'IE',
              name: 'Ireland',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'IM',
              name: 'Isle of Man',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'IT',
              name: 'Italy',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'JM',
              name: 'Jamaica',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'JP',
              name: 'Japan',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'JE',
              name: 'Jersey',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'KI',
              name: 'Kiribati',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'KW',
              name: 'Kuwait',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'LV',
              name: 'Latvia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'LT',
              name: 'Lithuania',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'LU',
              name: 'Luxembourg',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'MT',
              name: 'Malta',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'MQ',
              name: 'Martinique',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'MX',
              name: 'Mexico',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'MS',
              name: 'Montserrat',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'NR',
              name: 'Nauru',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'NL',
              name: 'Netherlands',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'NC',
              name: 'New Caledonia',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'NZ',
              name: 'New Zealand',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'NI',
              name: 'Nicaragua',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'NU',
              name: 'Niue',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'NF',
              name: 'Norfolk Island',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'OM',
              name: 'Oman',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'PA',
              name: 'Panama',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'PG',
              name: 'Papua New Guinea',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'PN',
              name: 'Pitcairn Islands',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'PL',
              name: 'Poland',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'PT',
              name: 'Portugal',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'QA',
              name: 'Qatar',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'RO',
              name: 'Romania',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'WS',
              name: 'Samoa',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'SA',
              name: 'Saudi Arabia',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'SG',
              name: 'Singapore',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'SX',
              name: 'Sint Maarten',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'SK',
              name: 'Slovakia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'SI',
              name: 'Slovenia',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'SB',
              name: 'Solomon Islands',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'ES',
              name: 'Spain',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'BL',
              name: 'St. Barthélemy',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'KN',
              name: 'St. Kitts &amp; Nevis',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'LC',
              name: 'St. Lucia',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'MF',
              name: 'St. Martin',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'PM',
              name: 'St. Pierre &amp; Miquelon',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'VC',
              name: 'St. Vincent &amp; Grenadines',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'SE',
              name: 'Sweden',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'CH',
              name: 'Switzerland',
              currency_code: 'EUR'
            },
          
            {
              iso_code: 'TK',
              name: 'Tokelau',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'TO',
              name: 'Tonga',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'TT',
              name: 'Trinidad &amp; Tobago',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'TC',
              name: 'Turks &amp; Caicos Islands',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'TV',
              name: 'Tuvalu',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'UM',
              name: 'U.S. Outlying Islands',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'AE',
              name: 'United Arab Emirates',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'GB',
              name: 'United Kingdom',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'US',
              name: 'United States',
              currency_code: 'USD'
            },
          
            {
              iso_code: 'VU',
              name: 'Vanuatu',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'WF',
              name: 'Wallis &amp; Futuna',
              currency_code: 'GBP'
            },
          
            {
              iso_code: 'YE',
              name: 'Yemen',
              currency_code: 'GBP'
            }
          
        ]
    };
  
</script>
<!-- END app snippet -->







<!-- END app block --><!-- BEGIN app block: shopify://apps/klevu-ai-search-filter/blocks/global-configuration/3fd783f0-6a26-4856-8c5b-59083a014991 -->




    <script>
        if (typeof klevu_lang === "undefined") {
            var klevu_lang = "en";
        }
    </script>
    
        <script src="https://js.klevu.com/core/v2/klevu.js" defer></script>
    

    <!-- BEGIN app snippet: metadata --><script>
    
</script>
<!-- END app snippet -->
    <!-- BEGIN app snippet: init-klevu-settings -->
<script>
    if (typeof klevuSettings === "undefined") {
        var klevuSettings = {};
    }

    (() => {
        let klevuSettingsMerge = function(target, overrides) {
            switch (true) {
                case typeof target !== typeof overrides:
                    return target;

                case Array.isArray(target):
                    return target.concat(overrides);

                case typeof target === "object":
                    Object.keys(overrides).forEach(function (overrideKey) {
                        switch (true) {
                            case typeof target[overrideKey] === "undefined":
                            case typeof target[overrideKey] !== typeof overrides[overrideKey]:
                            case typeof target[overrideKey] !== "object":
                                target[overrideKey] = overrides[overrideKey];
                                break;

                            default:
                                target[overrideKey] = klevuSettingsMerge(target[overrideKey], overrides[overrideKey]);
                                break;
                        }
                    });
                    return target;

                default:
                    throw new Error("Invalid target or overrides type");
            }
        };

        let defaultKlevuSettings = {
            global: {
                apiKey: "klevu-173988322575617908"
            },
            search: {
                minChars: 0,
                searchBoxSelector: "input[name=q]"
            },
            url: {
                search: "https://eucs34v2.ksearchnet.com/cs/v2/search",
                landing: "/search"
            },
            powerUp: {}
        };
        

        

        let documentClickPreventSelectors = [];
        if (document.querySelector('.modal-overlay')) {
            documentClickPreventSelectors.push('.modal-overlay');
        }
        if (document.querySelector('.modal__toggle-open')) {
            documentClickPreventSelectors.push('.modal__toggle-open');
        }
        if (documentClickPreventSelectors.length > 0) {
            defaultKlevuSettings.search.documentClickPreventSelector = documentClickPreventSelectors.join(',');
        }

        klevuSettings = klevuSettingsMerge(defaultKlevuSettings, klevuSettings);
    })();

    
        document.addEventListener('DOMContentLoaded', () => klevu(klevuSettings));
    
</script><!-- END app snippet -->

    
        <script src="https://js.klevu.com/theme/default/v2/quick-search-theme.js" defer></script>
    
    
    
    
    


<!-- END app block --><script src="https://cdn.shopify.com/extensions/01998017-f5c1-7f30-b82d-976b48571f05/klevu-search-7/assets/functions.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/01998017-f5c1-7f30-b82d-976b48571f05/klevu-search-7/assets/quick-search.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 65230831869,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 65230831869,storefrontBaseUrl: "https://www.luke1977.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2191163771","configuration":"{\"pixelCode\":\"D6E1ORBC77UEJ1OT5DRG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2187362683","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\",\\\"GT-PZSJVGWD\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/KRDACOrE5fobENr4rOQD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/BDkuCP_A5vobENr4rOQD\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/_7i6CPzA5vobENr4rOQD\\\",\\\"MC-0EX8CQW91Q\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/lYIWCOfE5fobENr4rOQD\\\",\\\"MC-0EX8CQW91Q\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/53-iCPnA5vobENr4rOQD\\\",\\\"MC-0EX8CQW91Q\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/LzAXCILB5vobENr4rOQD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-06VMB4HVQ4\\\",\\\"AW-1015757914\\\/pmAxCO3E5fobENr4rOQD\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","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":"2016510331","configuration":"{\"accountID\":\"QNuvmL\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","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":"1947894139","configuration":"{\"advertiserId\":\"15255\",\"shopDomain\":\"luke1977.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.3\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"110308a0e5cef2680d096c831a6295ee","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"227442941","configuration":"{\"pixel_id\":\"163600984072820\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","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":"25919741","configuration":"{\"siteID\":\"99cf095b-f672-4525-8aba-ecbe1c04b1b8\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"63ca3058e662882aaf19f1f91a09f108","type":"APP","apiClientId":3983114241,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"25002237","configuration":"{\"pixelId\":\"25c258ab-ce74-4daa-ae7e-af147bbe1e08\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"262766971","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":[],"name":"Klevu - Search Led Sales"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Luke1977","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"luke1977.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/www.luke1977.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.luke1977.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"65230831869","storefrontBaseUrl":"https:\/\/www.luke1977.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'GBP';
  var meta = {"page":{"pageType":"home","requestId":"90086040-45ad-43c9-9740-479790bba17e-1780970706"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 65230831869,
      theme_id: 181755150715,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.luke1977.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.luke1977.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.luke1977.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":65230831869,"isMerchantRequest":null,"themeId":181755150715,"themeCityHash":"6611430956709847178","contentLanguage":"en","currency":"GBP","eventMetadataId":"83fdef83-cfe9-4ded-b373-3473b5529004"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"90086040-45ad-43c9-9740-479790bba17e-1780970706","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.luke1977.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      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.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://www.luke1977.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="65230831869"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="181755150715"
  data-theme-name="Cake Vite"
  data-theme-version="1.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.luke1977.com/api/collect"
></script>
</head>

  <body class="template-index overflow-x-hidden">

    
      <div id="shopify-section-announcement-bar" class="shopify-section announcement-bar-section">
<style>
  /* Hide all slides except the first one before Swiper initializes */
  .js-announcement-bar-carousel:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
  }
</style>
<div
  class="relative overflow-hidden announcement-bar"
  style="background-color: #94803b; color: #ffffff; -webkit-transform: translateZ(0); transform: translateZ(0);"
  x-data="AnnouncementBar(true, 4, 'slide')"
>
  <div class="container py-3">
    <div class="js-announcement-bar-carousel">
      <div class="swiper-wrapper">
        
          <div class="swiper-slide" >
            <div class="font-mono text-sm text-center uppercase richtext-area">
              
                <a href="/products/world-cup-2026-football-black-gold" class="transition-opacity hover:opacity-80">
                  <p><strong>FREE FOOTBALL </strong>ON ORDERS OVER £100 - <span style="text-decoration:underline">SHOP NOW</span></p>
                </a>
              
            </div>
          </div>
        
      </div>
    </div>
  </div>
</div>



</div>
      <div id="shopify-section-header" class="shopify-section"><header id="site-header" class="relative z-50 bg-white border-y">
    <div class="relative flex items-center justify-between mx-4">
        <div class="block md:hidden" x-data="mobileMenuData()"><button @click="toggleMenu()" class="py-4"><div x-show="!isOpen" x-cloak>
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6h18M3 12h18M3 18h18"></path>
            </svg>
        </div><div x-show="isOpen" x-cloak>
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
        </div>
    </button><div
        x-show="isOpen"
        class="fixed bottom-0 left-0 right-0 z-40 w-full overflow-x-hidden overflow-y-auto bg-white"
        style="top: var(--header-bottom, 0px);"
        @click.away="closeMenu()"
        x-cloak
    >
        <div class="flex flex-col h-full overflow-x-hidden"><div x-show="!activeSubmenu" class="flex flex-col flex-1 overflow-y-auto">
                <nav class="px-4 pt-7"><ul class="flex flex-col gap-3">
                        
                            <li>
                                
                                    <button
                                        @click="openSubmenu('shop', 'Shop ')"
                                        class="flex items-center justify-between w-full text-2xl font-semibold text-left transition-colors hover:underline"
                                    >
                                        <span>Shop </span>
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
                                        </svg>
                                    </button>
                                
                            </li>
                        
                            <li>
                                
                                    <button
                                        @click="openSubmenu('brand', 'Brand')"
                                        class="flex items-center justify-between w-full text-2xl font-semibold text-left transition-colors hover:underline"
                                    >
                                        <span>Brand</span>
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
                                        </svg>
                                    </button>
                                
                            </li>
                        
                            <li>
                                
                                    <a href="/pages/luke-stores" class="block text-2xl font-semibold transition-colors hover:underline">
                                        Stores
                                    </a>
                                
                            </li>
                        
                    </ul>
                        
                            
                        
                            
                        
                            
                        
                            
                        
                            
                                
                                    <div class="pt-6 mt-8 border-t border-gray-200">
                                        <a href="/collections/summer-26" class="block overflow-hidden group" >
                                            <div class="overflow-hidden aspect-square">
                                                <img
                                                    src="//www.luke1977.com/cdn/shop/files/SS26.jpg?v=1776413168&width=600"
                                                    alt="New S26 Collection"
                                                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                    loading="lazy"
                                                />
                                            </div>
                                            
                                                <div class="py-4 bg-white">
                                                    <h4 class="text-lg font-semibold">New S26 Collection</h4>
                                                </div>
                                            
                                        </a>
                                    </div>
                                
                            
                        
                    
<div class="pt-6">
                        <ul class="space-y-2">
                            <li>
                                <a href="/pages/wishlist" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2196)">
<path d="M15 17.5L10 14.375L5 17.5V3.75C5 3.40469 5.27969 3.125 5.625 3.125H14.375C14.7203 3.125 15 3.40469 15 3.75V17.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2196">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Wishlist</span>
                                </a>
                            </li>
                            <li>
                                
                                    <a href="https://www.luke1977.com/customer_authentication/redirect?locale=en&region_country=GB" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2199)">
<path d="M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 16.875C4.01328 14.2602 6.76172 12.5 10 12.5C13.2383 12.5 15.9867 14.2602 17.5 16.875" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2199">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Sign In</span>
                                    </a>
                                
                            </li>
                        </ul>
                    </div>
                        <div class="pt-6 mt-8 border-t border-gray-200">
                            <ul class="space-y-2">
                                
                                    <li>
                                        <a href="/products/online-gift-card" class="block py-1 font-normal transition-colors hover:underline">
                                            E-Gift Cards
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/luke-stores" class="block py-1 font-normal transition-colors hover:underline">
                                            Stores
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/contact" class="block py-1 font-normal transition-colors hover:underline">
                                            Contact Us
                                        </a>
                                    </li>
                                
                            </ul>
                        </div>
                    
<div class="pt-6 mt-8 border-t border-gray-200">
                        <button
                            type="button"
                            @click="$dispatch('open-country-selector')"
                            class="flex items-center gap-2 text-sm font-normal hover:underline transition-colors"
                        >
                            <span>GB / GBP £</span>
                            <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                        </button>
                    </div>
                </nav><div class="px-4 pt-6 pb-8 mt-auto">
                    <h4 class="mb-4 text-base font-normal">Social</h4>
                    <ul class="flex gap-4 list-none">
                        
                            <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8255)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8255">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                        
                        
                            <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8250)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#111111"/>
</g>
<defs>
<clipPath id="clip0_6144_8250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                        
                        
                            <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8243)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8243">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                        
                        
                            <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8238)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4559L4.5 20.25" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8238">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                        
                        
                    </ul>
                </div>
            </div>
                
                    <div x-show="activeSubmenu === 'shop' && !activeSubSubmenu" class="flex-1 overflow-x-hidden overflow-y-auto"><nav class="px-4 pt-7"><ul class="flex flex-col gap-3">
                                
                                    
                                        <li>
                                            <a href="/collections/new-in" class="block text-lg font-normal transition-colors hover:underline">
                                                <b>New Arrivals</b>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/best-selling-styles" class="block text-lg font-normal transition-colors hover:underline">
                                                <b>Bestsellers</b>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/holiday-shop" class="block text-lg font-normal transition-colors hover:underline">
                                                <b>Holiday Shop</b>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/summer-26" class="block text-lg font-normal transition-colors hover:underline">
                                                <b>Summer '26</b>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/pages/fathers-day-gifts" class="block text-lg font-normal transition-colors hover:underline">
                                                <b>Father's Day Gifts</b>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="#" class="block text-lg font-normal transition-colors hover:underline">
                                                <br>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="#" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: x-small"><b>Featured</b></p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/mens-t-shirts" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: small">T-Shirts for Warmer Days</p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/mens-shorts" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: small">Must-Have Shorts</p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/holiday-sets" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: small">Summer Sets</p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/mens-short-sleeve-shirts" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: small">Short Sleeve Shirts</p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/collections/mens-swimwear" class="block text-lg font-normal transition-colors hover:underline">
                                                <p style="font-size: small">Poolside Swimwear</p>
                                            </a>
                                        </li>
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                            </ul>
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                


                            
                                <div class="pt-6 mt-8 border-t border-gray-200">
                                    <ul class="space-y-2">
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                                <li>
                                                    <button
                                                        @click="openSubSubmenu('clothing', 'Clothing')"
                                                        class="flex items-center justify-between w-full text-lg font-normal text-left transition-colors hover:underline"
                                                    >
                                                        <span>Clothing</span>
                                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                        </svg>
                                                    </button>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <button
                                                        @click="openSubSubmenu('accessories-footwear', 'Accessories & Footwear')"
                                                        class="flex items-center justify-between w-full text-lg font-normal text-left transition-colors hover:underline"
                                                    >
                                                        <span>Accessories & Footwear</span>
                                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                        </svg>
                                                    </button>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <button
                                                        @click="openSubSubmenu('outlet', 'Outlet')"
                                                        class="flex items-center justify-between w-full text-lg font-normal text-left transition-colors hover:underline"
                                                    >
                                                        <span>Outlet</span>
                                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                        </svg>
                                                    </button>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <button
                                                        @click="openSubSubmenu('collections', 'Collections')"
                                                        class="flex items-center justify-between w-full text-lg font-normal text-left transition-colors hover:underline"
                                                    >
                                                        <span>Collections</span>
                                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                        </svg>
                                                    </button>
                                                </li>
                                            
                                        
                                    </ul>
                                </div>
                            
<div class="pt-6 mt-8 border-t border-gray-200">
                                <ul class="space-y-2">
                                    <li>
                                        <a href="/pages/wishlist" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2196)">
<path d="M15 17.5L10 14.375L5 17.5V3.75C5 3.40469 5.27969 3.125 5.625 3.125H14.375C14.7203 3.125 15 3.40469 15 3.75V17.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2196">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Wishlist</span>
                                        </a>
                                    </li>
                                    <li>
                                        
                                            <a href="https://www.luke1977.com/customer_authentication/redirect?locale=en&region_country=GB" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2199)">
<path d="M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 16.875C4.01328 14.2602 6.76172 12.5 10 12.5C13.2383 12.5 15.9867 14.2602 17.5 16.875" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2199">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Sign In</span>
                                            </a>
                                        
                                    </li>
                                </ul>
                            </div>
                                <div class="pt-6 mt-8 border-t border-gray-200">
                                    <ul class="space-y-2">
                                        
                                            <li>
                                                <a href="/products/online-gift-card" class="block py-1 font-normal transition-colors hover:underline">
                                                    E-Gift Cards
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/pages/luke-stores" class="block py-1 font-normal transition-colors hover:underline">
                                                    Stores
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/pages/contact" class="block py-1 font-normal transition-colors hover:underline">
                                                    Contact Us
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            
<div class="pt-6 mt-6 border-t border-gray-200">
                                <h4 class="mb-4 text-base font-normal">Social</h4>
                                <ul class="flex gap-4 list-none">
                                    
                                        <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8255)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8255">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8250)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#111111"/>
</g>
<defs>
<clipPath id="clip0_6144_8250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8243)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8243">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8238)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4559L4.5 20.25" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8238">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                </ul>
                            </div>


                                
                                    <div class="mt-6 -mx-8">
                                        <div class="swiper mobile-nav-carousel">
                                            <div class="swiper-wrapper">
                                                
                                                    

                                                    
                                                
                                                    

                                                    
                                                
                                                    

                                                            
                                                                <div class="swiper-slide" >
                                                                    <a href="/pages/terrace-division" class="block overflow-hidden group">
                                                                        <div class="overflow-hidden aspect-square">
                                                                            <img
                                                                                src="//www.luke1977.com/cdn/shop/files/Terrace_Division_6fe942c4-aa97-404a-9414-de642f9d8dad.jpg?v=1772637499&width=600"
                                                                                alt="Terrace Division"
                                                                                class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                loading="lazy"
                                                                            />
                                                                        </div>
                                                                        
                                                                            <div class="py-4 bg-white">
                                                                                <h4 class="text-base font-semibold">Terrace Division</h4>
                                                                            </div>
                                                                        
                                                                    </a>
                                                                </div>
                                                            
                                                        
                                                    
                                                
                                                    

                                                    
                                                
                                                    
                                                
                                            </div>
                                        </div>
                                    </div>
                                
                            
                        </nav>
                    </div>
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                            <div x-show="activeSubSubmenu === 'clothing'" class="flex-1 overflow-x-hidden overflow-y-auto"><div class="px-4 pb-4 pt-7">
                                    <button @click="closeSubSubmenu()" class="flex items-center gap-2 text-base font-semibold">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                        </svg>
                                        <span>Back</span>
                                    </button>
                                </div><nav class="px-4">
                                    <ul class="flex flex-col gap-2">
                                        
                                            <li>
                                                <a href="/collections/shop-all" class="block font-normal transition-colors hover:underline">
                                                    Shop All
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-t-shirts" class="block font-normal transition-colors hover:underline">
                                                    T-Shirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-polo-shirts" class="block font-normal transition-colors hover:underline">
                                                    Polo Shirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-shorts" class="block font-normal transition-colors hover:underline">
                                                    Shorts & Swimwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-sweatshirts-hoodies" class="block font-normal transition-colors hover:underline">
                                                    Sweatshirts & Hoodies
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/men-sets" class="block font-normal transition-colors hover:underline">
                                                    Tracksuits & Sets
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-shirts" class="block font-normal transition-colors hover:underline">
                                                    Shirts & Overshirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-jackets" class="block font-normal transition-colors hover:underline">
                                                    Jackets & Coats
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-knitwear" class="block font-normal transition-colors hover:underline">
                                                    Knitwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-joggers" class="block font-normal transition-colors hover:underline">
                                                    Joggers
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-jeans-trousers" class="block font-normal transition-colors hover:underline">
                                                    Jeans, Trousers & Cargos
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-activewear" class="block font-normal transition-colors hover:underline">
                                                    Activewear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-plus-size" class="block font-normal transition-colors hover:underline">
                                                    Plus Size
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/junior-luke" class="block font-normal transition-colors hover:underline">
                                                    Luke Junior
                                                </a>
                                            </li>
                                        
                                    </ul>


                                        
                                            <div class="mt-6 -mx-8">
                                                <div class="swiper mobile-nav-carousel">
                                                    <div class="swiper-wrapper">
                                                        
                                                            

                                                            
                                                        
                                                            

                                                                    
                                                                        <div class="swiper-slide" >
                                                                            <a href="/collections/summer-26" class="block overflow-hidden group">
                                                                                <div class="overflow-hidden aspect-square">
                                                                                    <img
                                                                                        src="//www.luke1977.com/cdn/shop/files/NEW_COLLECTION_c2b3a5e4-3ce1-4767-8a6a-0eb6bd9665ff.jpg?v=1775044627&width=600"
                                                                                        alt="New S26 Collection"
                                                                                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                        loading="lazy"
                                                                                    />
                                                                                </div>
                                                                                
                                                                                    <div class="py-4 bg-white">
                                                                                        <h4 class="text-base font-semibold">New S26 Collection</h4>
                                                                                    </div>
                                                                                
                                                                            </a>
                                                                        </div>
                                                                    
                                                                
                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        
                                    
                                </nav>
                            </div>
                        
                    
                        
                            <div x-show="activeSubSubmenu === 'accessories-footwear'" class="flex-1 overflow-x-hidden overflow-y-auto"><div class="px-4 pb-4 pt-7">
                                    <button @click="closeSubSubmenu()" class="flex items-center gap-2 text-base font-semibold">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                        </svg>
                                        <span>Back</span>
                                    </button>
                                </div><nav class="px-4">
                                    <ul class="flex flex-col gap-2">
                                        
                                            <li>
                                                <a href="/collections/mens-accessories" class="block font-normal transition-colors hover:underline">
                                                    Shop All
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-shoes" class="block font-normal transition-colors hover:underline">
                                                    Footwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-underwear" class="block font-normal transition-colors hover:underline">
                                                    Underwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/grooming-fragrance" class="block font-normal transition-colors hover:underline">
                                                    Grooming & Fragrance
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-socks" class="block font-normal transition-colors hover:underline">
                                                    Socks
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-caps-hats" class="block font-normal transition-colors hover:underline">
                                                    Caps & Hats
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-watches" class="block font-normal transition-colors hover:underline">
                                                    Jewellery & Watches
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-belts" class="block font-normal transition-colors hover:underline">
                                                    Belts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/wallets" class="block font-normal transition-colors hover:underline">
                                                    Wallets
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/mens-bags" class="block font-normal transition-colors hover:underline">
                                                    Bags
                                                </a>
                                            </li>
                                        
                                    </ul>


                                        
                                            <div class="mt-6 -mx-8">
                                                <div class="swiper mobile-nav-carousel">
                                                    <div class="swiper-wrapper">
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                                    
                                                                        <div class="swiper-slide" >
                                                                            <a href="/collections/mens-watches" class="block overflow-hidden group">
                                                                                <div class="overflow-hidden aspect-square">
                                                                                    <img
                                                                                        src="//www.luke1977.com/cdn/shop/files/WATCHES.jpg?v=1772631687&width=600"
                                                                                        alt="Jewellery & Watches"
                                                                                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                        loading="lazy"
                                                                                    />
                                                                                </div>
                                                                                
                                                                                    <div class="py-4 bg-white">
                                                                                        <h4 class="text-base font-semibold">Jewellery & Watches</h4>
                                                                                    </div>
                                                                                
                                                                            </a>
                                                                        </div>
                                                                    
                                                                
                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        
                                    
                                </nav>
                            </div>
                        
                    
                        
                            <div x-show="activeSubSubmenu === 'outlet'" class="flex-1 overflow-x-hidden overflow-y-auto"><div class="px-4 pb-4 pt-7">
                                    <button @click="closeSubSubmenu()" class="flex items-center gap-2 text-base font-semibold">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                        </svg>
                                        <span>Back</span>
                                    </button>
                                </div><nav class="px-4">
                                    <ul class="flex flex-col gap-2">
                                        
                                            <li>
                                                <a href="/collections/mens-outlet-shop-all" class="block font-normal transition-colors hover:underline">
                                                    Shop All
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-mens-t-shirts" class="block font-normal transition-colors hover:underline">
                                                    T-Shirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-polo" class="block font-normal transition-colors hover:underline">
                                                    Polo Shirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-shorts" class="block font-normal transition-colors hover:underline">
                                                    Shorts & Swimwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-shirts" class="block font-normal transition-colors hover:underline">
                                                    Shirts & Overshirts
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-sweats" class="block font-normal transition-colors hover:underline">
                                                    Sweatshirts & Hoodies
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-jackets" class="block font-normal transition-colors hover:underline">
                                                    Jackets & Coats
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-sets" class="block font-normal transition-colors hover:underline">
                                                    Tracksuits & Sets
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-jogging-bottoms" class="block font-normal transition-colors hover:underline">
                                                    Joggers
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-knitwear" class="block font-normal transition-colors hover:underline">
                                                    Knitwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-jeans" class="block font-normal transition-colors hover:underline">
                                                    Jeans, Trousers & Cargos
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-accessories" class="block font-normal transition-colors hover:underline">
                                                    Accessories & Footwear
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/outlet-junior-shop-all" class="block font-normal transition-colors hover:underline">
                                                    Junior
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/womens-shop-all" class="block font-normal transition-colors hover:underline">
                                                    Women
                                                </a>
                                            </li>
                                        
                                    </ul>


                                        
                                            <div class="mt-6 -mx-8">
                                                <div class="swiper mobile-nav-carousel">
                                                    <div class="swiper-wrapper">
                                                        
                                                            

                                                                    
                                                                        <div class="swiper-slide" >
                                                                            <a href="/collections/mens-outlet-shop-all" class="block overflow-hidden group">
                                                                                <div class="overflow-hidden aspect-square">
                                                                                    <img
                                                                                        src="//www.luke1977.com/cdn/shop/files/OUTLET_d476ae48-2cea-446f-aa3f-222bf7614d70.jpg?v=1772547065&width=600"
                                                                                        alt="Outlet - Up to 50% OFF"
                                                                                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                        loading="lazy"
                                                                                    />
                                                                                </div>
                                                                                
                                                                                    <div class="py-4 bg-white">
                                                                                        <h4 class="text-base font-semibold">Outlet - Up to 50% OFF</h4>
                                                                                    </div>
                                                                                
                                                                            </a>
                                                                        </div>
                                                                    
                                                                
                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        
                                    
                                </nav>
                            </div>
                        
                    
                        
                            <div x-show="activeSubSubmenu === 'collections'" class="flex-1 overflow-x-hidden overflow-y-auto"><div class="px-4 pb-4 pt-7">
                                    <button @click="closeSubSubmenu()" class="flex items-center gap-2 text-base font-semibold">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                        </svg>
                                        <span>Back</span>
                                    </button>
                                </div><nav class="px-4">
                                    <ul class="flex flex-col gap-2">
                                        
                                            <li>
                                                <a href="/collections/luke" class="block font-normal transition-colors hover:underline">
                                                    Luke Mainline
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/luke-est-1977" class="block font-normal transition-colors hover:underline">
                                                    Luke Est 1977
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/luke-essentials" class="block font-normal transition-colors hover:underline">
                                                    Luke Essentials
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/luke-performance" class="block font-normal transition-colors hover:underline">
                                                    Luke Performance
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/pages/luke-juniors" class="block font-normal transition-colors hover:underline">
                                                    Luke Junior
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/gran-paradiso" class="block font-normal transition-colors hover:underline">
                                                    Gran Paradiso
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/womens-shop-all" class="block font-normal transition-colors hover:underline">
                                                    Women
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/collections/sprayground" class="block font-normal transition-colors hover:underline">
                                                    Guest Brand - Sprayground
                                                </a>
                                            </li>
                                        
                                    </ul>


                                        
                                    
                                </nav>
                            </div>
                        
                    
                
            
                
                    <div x-show="activeSubmenu === 'brand' && !activeSubSubmenu" class="flex-1 overflow-x-hidden overflow-y-auto"><nav class="px-4 pt-7"><ul class="flex flex-col gap-3">
                                
                                    
                                        <li>
                                            <a href="/pages/sign-up" class="block text-lg font-normal transition-colors hover:underline">
                                                Sign Up
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/pages/about" class="block text-lg font-normal transition-colors hover:underline">
                                                About Us
                                            </a>
                                        </li>
                                    
                                
                                    
                                        <li>
                                            <a href="/blogs/news" class="block text-lg font-normal transition-colors hover:underline">
                                                The Programme
                                            </a>
                                        </li>
                                    
                                
                            </ul>
                                
                            
                                
                            
                                
                            

                            
<div class="pt-6 mt-8 border-t border-gray-200">
                                <ul class="space-y-2">
                                    <li>
                                        <a href="/pages/wishlist" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2196)">
<path d="M15 17.5L10 14.375L5 17.5V3.75C5 3.40469 5.27969 3.125 5.625 3.125H14.375C14.7203 3.125 15 3.40469 15 3.75V17.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2196">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Wishlist</span>
                                        </a>
                                    </li>
                                    <li>
                                        
                                            <a href="https://www.luke1977.com/customer_authentication/redirect?locale=en&region_country=GB" class="flex items-center gap-2 py-1 font-normal transition-colors hover:underline"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2199)">
<path d="M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 16.875C4.01328 14.2602 6.76172 12.5 10 12.5C13.2383 12.5 15.9867 14.2602 17.5 16.875" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2199">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
<span>Sign In</span>
                                            </a>
                                        
                                    </li>
                                </ul>
                            </div>
                                <div class="pt-6 mt-8 border-t border-gray-200">
                                    <ul class="space-y-2">
                                        
                                            <li>
                                                <a href="/products/online-gift-card" class="block py-1 font-normal transition-colors hover:underline">
                                                    E-Gift Cards
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/pages/luke-stores" class="block py-1 font-normal transition-colors hover:underline">
                                                    Stores
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/pages/contact" class="block py-1 font-normal transition-colors hover:underline">
                                                    Contact Us
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            
<div class="pt-6 mt-6 border-t border-gray-200">
                                <h4 class="mb-4 text-base font-normal">Social</h4>
                                <ul class="flex gap-4 list-none">
                                    
                                        <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8255)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8255">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8250)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#111111"/>
</g>
<defs>
<clipPath id="clip0_6144_8250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8243)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8243">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                        <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8238)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4559L4.5 20.25" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8238">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                    
                                    
                                </ul>
                            </div>


                                
                            
                        </nav>
                    </div>
                        
                    
                        
                    
                        
                    
                
            
                
            
        </div>
    </div>
</div>

<style>
    [x-cloak] {
        display: none !important;
    }
</style>
        <div class="hidden md:block" x-data="megamenuData()" @keydown.escape.window="closeAll()" @close-megamenu.window="closeAll()" @mouseleave>
    <nav class="flex gap-2 text-base font-semibold capitalize font-body">
        
            <div class="relative after:content-[''] after:absolute after:-bottom-1 after:left-0 after:right-0 after:h-2 after:bg-transparent">
                
                    <button
                        class="inline-block px-4 py-6 hover:text-gray-600"
                        @mouseenter="openMenu('shop')"
                    >
                        Shop 
                        <span
                            class="inline-block w-2 ml-1 transition-transform"
                            x-text="activeMenu === 'shop' ? '-' : '+'"
                        ></span>
                    </button>
                

                
<div
                        x-show="activeMenu === 'shop'"
                        x-transition:enter="transition-opacity ease-out duration-300"
                        x-transition:enter-start="opacity-0"
                        x-transition:enter-end="opacity-100"
                        x-transition:leave="transition-opacity ease-in duration-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0"
                        @mouseleave="closeAll()"
                        x-cloak
                        class="fixed bottom-0 left-0 z-40 max-w-full overflow-y-auto bg-white"
                        style="top: var(--header-bottom, 0px);"
                    >
                        <div class="flex h-full" x-data="{ hoveredSublink: null, clickedSublink: null }"
                             x-init="$watch('activeMenu', () => { hoveredSublink = null; clickedSublink = null; })"><div class="flex flex-col justify-between w-[248px] border-r border-gray-200">
                                <div><ul class="flex flex-col gap-3 px-8 pt-7">
                                        
                                            
                                                <li>
                                                    <a href="/collections/new-in" class="block text-lg font-normal transition-colors hover:underline">
                                                        <b>New Arrivals</b>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/best-selling-styles" class="block text-lg font-normal transition-colors hover:underline">
                                                        <b>Bestsellers</b>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/holiday-shop" class="block text-lg font-normal transition-colors hover:underline">
                                                        <b>Holiday Shop</b>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/summer-26" class="block text-lg font-normal transition-colors hover:underline">
                                                        <b>Summer '26</b>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/pages/fathers-day-gifts" class="block text-lg font-normal transition-colors hover:underline">
                                                        <b>Father's Day Gifts</b>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="#" class="block text-lg font-normal transition-colors hover:underline">
                                                        <br>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="#" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: x-small"><b>Featured</b></p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/mens-t-shirts" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: small">T-Shirts for Warmer Days</p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/mens-shorts" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: small">Must-Have Shorts</p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/holiday-sets" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: small">Summer Sets</p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/mens-short-sleeve-shirts" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: small">Short Sleeve Shirts</p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/collections/mens-swimwear" class="block text-lg font-normal transition-colors hover:underline">
                                                        <p style="font-size: small">Poolside Swimwear</p>
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                    </ul>
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                    
                                        


                                    
                                        <div class="px-8 pt-6 mt-8 border-gray-200">
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    <div>
                                                        <button
                                                            @click="clickedSublink = (clickedSublink === 'clothing' ? null : 'clothing'); hoveredSublink = clickedSublink"
                                                            class="flex items-center justify-between w-full py-1 text-base font-normal text-left transition-colors hover:underline"
                                                        >
                                                            <span>Clothing</span>
                                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                
                                            
                                                
                                                    <div>
                                                        <button
                                                            @click="clickedSublink = (clickedSublink === 'accessories-footwear' ? null : 'accessories-footwear'); hoveredSublink = clickedSublink"
                                                            class="flex items-center justify-between w-full py-1 text-base font-normal text-left transition-colors hover:underline"
                                                        >
                                                            <span>Accessories & Footwear</span>
                                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                
                                            
                                                
                                                    <div>
                                                        <button
                                                            @click="clickedSublink = (clickedSublink === 'outlet' ? null : 'outlet'); hoveredSublink = clickedSublink"
                                                            class="flex items-center justify-between w-full py-1 text-base font-normal text-left transition-colors hover:underline"
                                                        >
                                                            <span>Outlet</span>
                                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                
                                            
                                                
                                                    <div>
                                                        <button
                                                            @click="clickedSublink = (clickedSublink === 'collections' ? null : 'collections'); hoveredSublink = clickedSublink"
                                                            class="flex items-center justify-between w-full py-1 text-base font-normal text-left transition-colors hover:underline"
                                                        >
                                                            <span>Collections</span>
                                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                
                                            
                                        </div>
                                    

                                        <div class="px-8 pt-6 mt-8 border-gray-200">
                                            
                                                <a href="/products/online-gift-card" class="block py-3 font-normal transition-colors hover:underline">
                                                    E-Gift Cards
                                                </a>
                                            
                                                <a href="/pages/luke-stores" class="block py-3 font-normal transition-colors hover:underline">
                                                    Stores
                                                </a>
                                            
                                                <a href="/pages/contact" class="block py-3 font-normal transition-colors hover:underline">
                                                    Contact Us
                                                </a>
                                            
                                        </div>
                                    
                                </div><div class="px-8 pt-6 pb-8 mt-auto">
                                    <h4 class="mb-4 text-base font-normal">Social</h4>
                                    <ul class="flex gap-4 list-none">
                                        
                                            <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8255)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8255">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8250)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#111111"/>
</g>
<defs>
<clipPath id="clip0_6144_8250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8243)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8243">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8238)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4559L4.5 20.25" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8238">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                    </ul>
                                </div>
                            </div><div class="flex-1 w-full max-w-[744px]"
                                 x-show="hoveredSublink !== null">
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
                                
                                    
<div x-show="hoveredSublink === 'clothing'" class="p-8 space-y-6"><div class="flex flex-col gap-2">
                                                
                                                    <a href="/collections/shop-all" class="block font-normal transition-colors hover:underline">
                                                        Shop All
                                                    </a>
                                                
                                                    <a href="/collections/mens-t-shirts" class="block font-normal transition-colors hover:underline">
                                                        T-Shirts
                                                    </a>
                                                
                                                    <a href="/collections/mens-polo-shirts" class="block font-normal transition-colors hover:underline">
                                                        Polo Shirts
                                                    </a>
                                                
                                                    <a href="/collections/mens-shorts" class="block font-normal transition-colors hover:underline">
                                                        Shorts & Swimwear
                                                    </a>
                                                
                                                    <a href="/collections/mens-sweatshirts-hoodies" class="block font-normal transition-colors hover:underline">
                                                        Sweatshirts & Hoodies
                                                    </a>
                                                
                                                    <a href="/collections/men-sets" class="block font-normal transition-colors hover:underline">
                                                        Tracksuits & Sets
                                                    </a>
                                                
                                                    <a href="/collections/mens-shirts" class="block font-normal transition-colors hover:underline">
                                                        Shirts & Overshirts
                                                    </a>
                                                
                                                    <a href="/collections/mens-jackets" class="block font-normal transition-colors hover:underline">
                                                        Jackets & Coats
                                                    </a>
                                                
                                                    <a href="/collections/mens-knitwear" class="block font-normal transition-colors hover:underline">
                                                        Knitwear
                                                    </a>
                                                
                                                    <a href="/collections/mens-joggers" class="block font-normal transition-colors hover:underline">
                                                        Joggers
                                                    </a>
                                                
                                                    <a href="/collections/mens-jeans-trousers" class="block font-normal transition-colors hover:underline">
                                                        Jeans, Trousers & Cargos
                                                    </a>
                                                
                                                    <a href="/collections/mens-activewear" class="block font-normal transition-colors hover:underline">
                                                        Activewear
                                                    </a>
                                                
                                                    <a href="/collections/mens-plus-size" class="block font-normal transition-colors hover:underline">
                                                        Plus Size
                                                    </a>
                                                
                                                    <a href="/collections/junior-luke" class="block font-normal transition-colors hover:underline">
                                                        Luke Junior
                                                    </a>
                                                
                                            </div>


                                                
                                                    <div class="flex justify-center">
                                                        
                                                            

                                                            
                                                        
                                                            

                                                                    
                                                                        <a href="/collections/summer-26" class="relative overflow-hidden group max-w-sm" >
                                                                            <div class="overflow-hidden aspect-square">
                                                                                <img
                                                                                    src="//www.luke1977.com/cdn/shop/files/NEW_COLLECTION_c2b3a5e4-3ce1-4767-8a6a-0eb6bd9665ff.jpg?v=1775044627&width=600"
                                                                                    alt="New S26 Collection"
                                                                                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                    loading="lazy"
                                                                                />
                                                                            </div>
                                                                            <div class="py-4 bg-white bg-opacity-95">
                                                                                <h4 class="text-lg font-semibold">New S26 Collection</h4>
                                                                            </div>
                                                                        </a>
                                                                    
                                                                
                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                
                                            
                                        </div>
                                    
                                
                                    
<div x-show="hoveredSublink === 'accessories-footwear'" class="p-8 space-y-6"><div class="flex flex-col gap-2">
                                                
                                                    <a href="/collections/mens-accessories" class="block font-normal transition-colors hover:underline">
                                                        Shop All
                                                    </a>
                                                
                                                    <a href="/collections/mens-shoes" class="block font-normal transition-colors hover:underline">
                                                        Footwear
                                                    </a>
                                                
                                                    <a href="/collections/mens-underwear" class="block font-normal transition-colors hover:underline">
                                                        Underwear
                                                    </a>
                                                
                                                    <a href="/collections/grooming-fragrance" class="block font-normal transition-colors hover:underline">
                                                        Grooming & Fragrance
                                                    </a>
                                                
                                                    <a href="/collections/mens-socks" class="block font-normal transition-colors hover:underline">
                                                        Socks
                                                    </a>
                                                
                                                    <a href="/collections/mens-caps-hats" class="block font-normal transition-colors hover:underline">
                                                        Caps & Hats
                                                    </a>
                                                
                                                    <a href="/collections/mens-watches" class="block font-normal transition-colors hover:underline">
                                                        Jewellery & Watches
                                                    </a>
                                                
                                                    <a href="/collections/mens-belts" class="block font-normal transition-colors hover:underline">
                                                        Belts
                                                    </a>
                                                
                                                    <a href="/collections/wallets" class="block font-normal transition-colors hover:underline">
                                                        Wallets
                                                    </a>
                                                
                                                    <a href="/collections/mens-bags" class="block font-normal transition-colors hover:underline">
                                                        Bags
                                                    </a>
                                                
                                            </div>


                                                
                                                    <div class="flex justify-center">
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                                    
                                                                        <a href="/collections/mens-watches" class="relative overflow-hidden group max-w-sm" >
                                                                            <div class="overflow-hidden aspect-square">
                                                                                <img
                                                                                    src="//www.luke1977.com/cdn/shop/files/WATCHES.jpg?v=1772631687&width=600"
                                                                                    alt="Jewellery & Watches"
                                                                                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                    loading="lazy"
                                                                                />
                                                                            </div>
                                                                            <div class="py-4 bg-white bg-opacity-95">
                                                                                <h4 class="text-lg font-semibold">Jewellery & Watches</h4>
                                                                            </div>
                                                                        </a>
                                                                    
                                                                
                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                
                                            
                                        </div>
                                    
                                
                                    
<div x-show="hoveredSublink === 'outlet'" class="p-8 space-y-6"><div class="flex flex-col gap-2">
                                                
                                                    <a href="/collections/mens-outlet-shop-all" class="block font-normal transition-colors hover:underline">
                                                        Shop All
                                                    </a>
                                                
                                                    <a href="/collections/outlet-mens-t-shirts" class="block font-normal transition-colors hover:underline">
                                                        T-Shirts
                                                    </a>
                                                
                                                    <a href="/collections/outlet-polo" class="block font-normal transition-colors hover:underline">
                                                        Polo Shirts
                                                    </a>
                                                
                                                    <a href="/collections/outlet-shorts" class="block font-normal transition-colors hover:underline">
                                                        Shorts & Swimwear
                                                    </a>
                                                
                                                    <a href="/collections/outlet-shirts" class="block font-normal transition-colors hover:underline">
                                                        Shirts & Overshirts
                                                    </a>
                                                
                                                    <a href="/collections/outlet-sweats" class="block font-normal transition-colors hover:underline">
                                                        Sweatshirts & Hoodies
                                                    </a>
                                                
                                                    <a href="/collections/outlet-jackets" class="block font-normal transition-colors hover:underline">
                                                        Jackets & Coats
                                                    </a>
                                                
                                                    <a href="/collections/outlet-sets" class="block font-normal transition-colors hover:underline">
                                                        Tracksuits & Sets
                                                    </a>
                                                
                                                    <a href="/collections/outlet-jogging-bottoms" class="block font-normal transition-colors hover:underline">
                                                        Joggers
                                                    </a>
                                                
                                                    <a href="/collections/outlet-knitwear" class="block font-normal transition-colors hover:underline">
                                                        Knitwear
                                                    </a>
                                                
                                                    <a href="/collections/outlet-jeans" class="block font-normal transition-colors hover:underline">
                                                        Jeans, Trousers & Cargos
                                                    </a>
                                                
                                                    <a href="/collections/outlet-accessories" class="block font-normal transition-colors hover:underline">
                                                        Accessories & Footwear
                                                    </a>
                                                
                                                    <a href="/collections/outlet-junior-shop-all" class="block font-normal transition-colors hover:underline">
                                                        Junior
                                                    </a>
                                                
                                                    <a href="/collections/womens-shop-all" class="block font-normal transition-colors hover:underline">
                                                        Women
                                                    </a>
                                                
                                            </div>


                                                
                                                    <div class="flex justify-center">
                                                        
                                                            

                                                                    
                                                                        <a href="/collections/mens-outlet-shop-all" class="relative overflow-hidden group max-w-sm" >
                                                                            <div class="overflow-hidden aspect-square">
                                                                                <img
                                                                                    src="//www.luke1977.com/cdn/shop/files/OUTLET_d476ae48-2cea-446f-aa3f-222bf7614d70.jpg?v=1772547065&width=600"
                                                                                    alt="Outlet - Up to 50% OFF"
                                                                                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                                                                                    loading="lazy"
                                                                                />
                                                                            </div>
                                                                            <div class="py-4 bg-white bg-opacity-95">
                                                                                <h4 class="text-lg font-semibold">Outlet - Up to 50% OFF</h4>
                                                                            </div>
                                                                        </a>
                                                                    
                                                                
                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            

                                                            
                                                        
                                                            
                                                        
                                                    </div>
                                                
                                            
                                        </div>
                                    
                                
                                    
<div x-show="hoveredSublink === 'collections'" class="p-8 space-y-6"><div class="flex flex-col gap-2">
                                                
                                                    <a href="/collections/luke" class="block font-normal transition-colors hover:underline">
                                                        Luke Mainline
                                                    </a>
                                                
                                                    <a href="/collections/luke-est-1977" class="block font-normal transition-colors hover:underline">
                                                        Luke Est 1977
                                                    </a>
                                                
                                                    <a href="/collections/luke-essentials" class="block font-normal transition-colors hover:underline">
                                                        Luke Essentials
                                                    </a>
                                                
                                                    <a href="/collections/luke-performance" class="block font-normal transition-colors hover:underline">
                                                        Luke Performance
                                                    </a>
                                                
                                                    <a href="/pages/luke-juniors" class="block font-normal transition-colors hover:underline">
                                                        Luke Junior
                                                    </a>
                                                
                                                    <a href="/collections/gran-paradiso" class="block font-normal transition-colors hover:underline">
                                                        Gran Paradiso
                                                    </a>
                                                
                                                    <a href="/collections/womens-shop-all" class="block font-normal transition-colors hover:underline">
                                                        Women
                                                    </a>
                                                
                                                    <a href="/collections/sprayground" class="block font-normal transition-colors hover:underline">
                                                        Guest Brand - Sprayground
                                                    </a>
                                                
                                            </div>


                                                
                                            
                                        </div>
                                    
                                



                                    <div x-show="hoveredSublink === null" class="grid grid-cols-2 gap-4 p-8">
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            
                                        
                                    </div>
                                
                            </div>
                        </div>
                </div>
            
            </div>
        
            <div class="relative after:content-[''] after:absolute after:-bottom-1 after:left-0 after:right-0 after:h-2 after:bg-transparent">
                
                    <button
                        class="inline-block px-4 py-6 hover:text-gray-600"
                        @mouseenter="openMenu('brand')"
                    >
                        Brand
                        <span
                            class="inline-block w-2 ml-1 transition-transform"
                            x-text="activeMenu === 'brand' ? '-' : '+'"
                        ></span>
                    </button>
                

                
<div
                        x-show="activeMenu === 'brand'"
                        x-transition:enter="transition-opacity ease-out duration-300"
                        x-transition:enter-start="opacity-0"
                        x-transition:enter-end="opacity-100"
                        x-transition:leave="transition-opacity ease-in duration-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0"
                        @mouseleave="closeAll()"
                        x-cloak
                        class="fixed bottom-0 left-0 z-40 max-w-full overflow-y-auto bg-white"
                        style="top: var(--header-bottom, 0px);"
                    >
                        <div class="flex h-full" x-data="{ hoveredSublink: null, clickedSublink: null }"
                             x-init="$watch('activeMenu', () => { hoveredSublink = null; clickedSublink = null; })"><div class="flex flex-col justify-between w-[248px] border-r border-gray-200">
                                <div><ul class="flex flex-col gap-3 px-8 pt-7">
                                        
                                            
                                                <li>
                                                    <a href="/pages/sign-up" class="block text-lg font-normal transition-colors hover:underline">
                                                        Sign Up
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/pages/about" class="block text-lg font-normal transition-colors hover:underline">
                                                        About Us
                                                    </a>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    <a href="/blogs/news" class="block text-lg font-normal transition-colors hover:underline">
                                                        The Programme
                                                    </a>
                                                </li>
                                            
                                        
                                    </ul>
                                        
                                    
                                        
                                    
                                        
                                    

                                    

                                        <div class="px-8 pt-6 mt-8 border-gray-200">
                                            
                                                <a href="/products/online-gift-card" class="block py-3 font-normal transition-colors hover:underline">
                                                    E-Gift Cards
                                                </a>
                                            
                                                <a href="/pages/luke-stores" class="block py-3 font-normal transition-colors hover:underline">
                                                    Stores
                                                </a>
                                            
                                                <a href="/pages/contact" class="block py-3 font-normal transition-colors hover:underline">
                                                    Contact Us
                                                </a>
                                            
                                        </div>
                                    
                                </div><div class="px-8 pt-6 pb-8 mt-auto">
                                    <h4 class="mb-4 text-base font-normal">Social</h4>
                                    <ul class="flex gap-4 list-none">
                                        
                                            <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8255)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8255">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8250)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#111111"/>
</g>
<defs>
<clipPath id="clip0_6144_8250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8243)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8243">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                            <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6144_8238)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4559L4.5 20.25" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6144_8238">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
                                        
                                        
                                    </ul>
                                </div>
                            </div><div class="flex-1 w-full max-w-[744px]"
                                 x-show="hoveredSublink !== null">
                                    
                                
                                    
                                
                                    
                                



                                    <div x-show="hoveredSublink === null" class="grid grid-cols-2 gap-4 p-8">
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            

                                            
                                        
                                            
                                        
                                    </div>
                                
                            </div>
                        </div>
                </div>
            
            </div>
        
            <div class="relative after:content-[''] after:absolute after:-bottom-1 after:left-0 after:right-0 after:h-2 after:bg-transparent">
                
                    <a href="/pages/luke-stores" class="inline-block px-4 py-6 hover:text-gray-600">
                        Stores
                    </a>
                

                
            </div>
        
    </nav>
</div>

<style>
    [x-cloak] {
        display: none !important;
    }
</style>

<script>
    document.addEventListener('alpine:init', () => {
        Alpine.data('megamenuData', () => ({
            activeMenu: null,
            hoverEnabled: true,

            openMenu(menuId) {
                if (!this.hoverEnabled) return;

                this.activeMenu = menuId;
                this.$store.overlay.show('megamenu-' + menuId, () => this.closeViaOverlay());
            },

            closeAll() {
                this.activeMenu = null;
                if (this.$store.overlay.isOpen) {
                    this.$store.overlay.hide();
                }
            },

            closeViaOverlay() {
                this.activeMenu = null;
                this.$store.overlay.hide();

                // Temporarily disable hover to prevent immediate reopen
                this.hoverEnabled = false;
                setTimeout(() => {
                    this.hoverEnabled = true;
                }, 300);
            }
        }));
    });
</script>


        
<div class="absolute -translate-x-1/2 left-1/2">
    
        <a href="/">
            <img src="//www.luke1977.com/cdn/shop/files/logo.svg?v=1764842841" alt="Luke1977">
        </a>
    
</div>
        <div class="flex gap-3 py-4.5" x-data="{ cartCount: 0 }">
    <button
        type="button"
        class="transition-opacity cursor-pointer hover:opacity-70"
        id="klevu-search-trigger"
        aria-label="Open search"
    >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2192)">
<path d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.1699 13.1695L17.5004 17.5" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2192">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

    </button>
    <div class="hidden md:block"><a href="/pages/wishlist"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2196)">
<path d="M15 17.5L10 14.375L5 17.5V3.75C5 3.40469 5.27969 3.125 5.625 3.125H14.375C14.7203 3.125 15 3.40469 15 3.75V17.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2196">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
</a></div>
    <a href="/account" class="hidden md:block"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2199)">
<path d="M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 16.875C4.01328 14.2602 6.76172 12.5 10 12.5C13.2383 12.5 15.9867 14.2602 17.5 16.875" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2199">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
    <button
        type="button"
        @click="$dispatch('open-country-selector')"
        class="items-center hidden gap-1 pt-0.5 font-mono text-xs transition-opacity md:flex hover:opacity-70"
        aria-label="Select your country/region"
    >
        GBP £
    </button>
    <button
        type="button"
        class="flex items-center justify-center gap-1 transition-opacity cursor-pointer hover:opacity-70"
        @click="$dispatch('cart:open')"
        aria-label="Open cart"
        x-init="
            window.addEventListener('cart:count-updated', (e) => {
                cartCount = e.detail.count;
            });
        "
    >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_2204)">
<path d="M15.6076 5.625H4.39277C4.05234 5.625 3.77637 5.90097 3.77637 6.24141V17.4563C3.77637 17.7967 4.05234 18.0727 4.39277 18.0727H15.6076C15.948 18.0727 16.224 17.7967 16.224 17.4563V6.24141C16.224 5.90097 15.948 5.625 15.6076 5.625Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.875 7.5V5C6.875 3.27422 8.27422 1.875 10 1.875C11.7258 1.875 13.125 3.27422 13.125 5V7.5" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6364_2204">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

        <span class="font-mono text-xs font-light" x-text="`(${cartCount})`">(0)</span>
    </button>
</div>
    </div>
</header>

<script>
  // Set CSS variable for header height to position search panel correctly
  function setHeaderHeight() {
    const header = document.getElementById('site-header');

    if (header) {
      // Get the bottom position of the header relative to the viewport
      const headerRect = header.getBoundingClientRect();
      const topPosition = headerRect.bottom;

      document.documentElement.style.setProperty('--header-height', `${topPosition}px`);
    }
  }

  // Set on load and resize
  setHeaderHeight();
  window.addEventListener('resize', setHeaderHeight);
  window.addEventListener('scroll', setHeaderHeight); // Update on scroll
</script>

<!-- Search Dropdown -->


<div
  x-data="customKlevuSearch()"
  x-show="isOpen"
  @keydown.escape.window="close()"
  x-cloak
  class="fixed bottom-0 left-0 right-0 z-40 overflow-y-auto bg-white border-b border-gray-200"
  style="display: none; top: var(--header-height, 89px);"
>
  <div class="container py-8">
    <!-- Search Input -->
    <div class="relative mb-9">
      <div class="absolute -translate-y-1/2 pointer-events-none left-4 top-1/2">
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8004_15963)">
<path d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.1694 13.1695L17.4999 17.5" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_8004_15963">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

      </div>
      <input
        type="search"
        x-model="searchQuery"
        @input.debounce.300ms="performSearch()"
        @keydown.escape="close()"
        @keydown.enter.prevent="submitSearch()"
        placeholder="Search"
        class="w-full py-3 pl-12 pr-12 text-lg text-black placeholder-black border-0 bg-cold-stone focus:outline-none focus:ring-1 focus:ring-cold-stone search-input-no-clear"
        x-ref="searchInput"
      />
      <button @click="close()" class="absolute text-gray-900 transition-opacity top-3 right-4 hover:opacity-70">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
        </svg>
      </button>
    </div>

    <!-- Related Collections (Shopify Predictive Search) -->
    <div class="mb-8" x-show="collections.length > 0">
      <h3 class="mb-3 font-mono text-base font-semibold uppercase">COLLECTIONS</h3>
      <div class="flex gap-6">
        <template x-for="(col, idx) in collections" :key="col.url + '-' + idx">
          <a :href="col.url" @click="close()" class="hover:underline" x-text="col.title"></a>
        </template>
      </div>
    </div>

    <!-- Loading State -->
    <div x-show="loading" class="py-8 text-center text-gray-600">
      <svg class="w-6 h-6 mx-auto mb-2 animate-spin" fill="none" viewBox="0 0 24 24">
        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
    </svg>
      Searching...
    </div>

    <div x-show="!loading && results.length > 0" class="space-y-8">
      <!-- Product Grid -->
      <div class="grid grid-cols-2 gap-6 md:grid-cols-4" x-html="productCardsHtml"></div>

      <!-- View All Results Button -->
      <div class="flex justify-center" x-show="totalResults > 4">
        <a
          :href="`/search?q=${encodeURIComponent(searchQuery)}`"
          class="inline-flex items-center justify-center gap-1 px-8 py-3 text-sm font-semibold text-white transition-colors bg-gold hover:bg-gold-dark"
        >
          <span>View all</span>
          <span x-text="totalResults"></span>
          <span>results</span>
        </a>
      </div>
    </div>

    <div x-show="!searchQuery || searchQuery.length === 0" class="grid grid-cols-1 gap-8 lg:grid-cols-12">
      <!-- Left Column: Search Input and Lists -->
      <div class="space-y-6 lg:col-span-3">

        <!-- Popular Searches -->
        <div x-show="popularSearches && popularSearches.length > 0">
          <h3 class="mb-3 font-mono text-base font-semibold uppercase">POPULAR SEARCHES</h3>
          <ul class="space-y-2">
            <template x-for="(search, index) in popularSearches" :key="'popular-' + index">
              <li>
                <a
                  :href="`/search?q=${encodeURIComponent(search)}`"
                  class="capitalize hover:underline"
                  @click="close()"
                  x-text="search"
                ></a>
              </li>
            </template>
          </ul>
        </div>

        <!-- Recent Searches -->
        <div x-show="!searchQuery || searchQuery.length === 0">
          <h3 class="mb-3 font-mono text-base font-semibold uppercase">YOUR RECENT SEARCHES</h3>
          <ul class="space-y-2" x-show="recentSearches && recentSearches.length > 0">
            <template x-for="(search, index) in recentSearches" :key="'recent-' + index">
              <li>
                <a
                  :href="`/search?q=${encodeURIComponent(search)}`"
                  class="capitalize hover:underline"
                  @click="close()"
                  x-text="search"
                ></a>
              </li>
            </template>
          </ul>
          <p x-show="!recentSearches || recentSearches.length === 0" class="text-sm text-gray-500">No recent searches</p>
        </div>

        <!-- No Results -->
        <div x-show="!loading && searchQuery.length > 0 && results.length === 0" class="py-8 text-center text-gray-600">
          No results found for "<span x-text="searchQuery"></span>"
        </div>
      </div>

      <!-- Right Column: Featured Content -->
      <div class="lg:col-span-9">
        <!-- Desktop: Grid of 3 columns -->
        <div class="hidden lg:grid lg:grid-cols-3 lg:gap-6">
          
            <a href="/collections/summer-26" @click="close()" class="block group">
              <h3 class="mb-2 text-sm font-semibold uppercase group-hover:underline">New S26 Collection</h3>
              <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                <img 
                  src="//www.luke1977.com/cdn/shop/files/SS26.jpg?v=1776413168&width=600" 
                  alt="New S26 Collection"
                  width="600" height="600"
                  class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                  loading="lazy"
                />
              </div>
            </a>
          
          
          
            <a href="/pages/terrace-division" @click="close()" class="block group">
              <h3 class="mb-2 text-sm font-semibold uppercase group-hover:underline">Terrace Division</h3>
              <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                <img 
                  src="//www.luke1977.com/cdn/shop/files/Bonehead_Jacket.jpg?v=1772098152&width=600" 
                  alt="Terrace Division"
                  width="600" height="600"
                  class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                  loading="lazy"
                />
              </div>
            </a>
          
          
          
            <a href="/collections/mens-plus-size" @click="close()" class="block group">
              <h3 class="mb-2 text-sm font-semibold uppercase group-hover:underline">Extended Sizes - up to 6XL</h3>
              <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                <img 
                  src="//www.luke1977.com/cdn/shop/files/Extended_Sizing.jpg?v=1772547863&width=600" 
                  alt="Extended Sizes - up to 6XL"
                  width="600" height="600"
                  class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                  loading="lazy"
                />
              </div>
            </a>
          
        </div>

        <!-- Mobile: Swiper Carousel -->
        <div class="lg:hidden" x-data="SearchDropdownCarousel()">
          <div class="swiper js-search-dropdown-carousel">
            <div class="swiper-wrapper">
              
                <div class="swiper-slide">
                  <a href="/collections/summer-26" @click="close()" class="block group">
                    <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                      <img 
                        src="//www.luke1977.com/cdn/shop/files/SS26.jpg?v=1776413168&width=600" 
                        alt="New S26 Collection"
                        width="600" height="600"
                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                        loading="lazy"
                      />
                    </div>
                    <h3 class="text-sm font-semibold uppercase group-hover:underline">New S26 Collection</h3>
                  </a>
                </div>
              
              
              
                <div class="swiper-slide">
                  <a href="/pages/terrace-division" @click="close()" class="block group">
                    <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                      <img 
                        src="//www.luke1977.com/cdn/shop/files/Bonehead_Jacket.jpg?v=1772098152&width=600" 
                        alt="Terrace Division"
                        width="600" height="600"
                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                        loading="lazy"
                      />
                    </div>
                    <h3 class="text-sm font-semibold uppercase group-hover:underline">Terrace Division</h3>
                  </a>
                </div>
              
              
              
                <div class="swiper-slide">
                  <a href="/collections/mens-plus-size" @click="close()" class="block group">
                    <div class="mb-3 overflow-hidden bg-gray-100 aspect-square">
                      <img 
                        src="//www.luke1977.com/cdn/shop/files/Extended_Sizing.jpg?v=1772547863&width=600" 
                        alt="Extended Sizes - up to 6XL"
                        width="600" height="600"
                        class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                        loading="lazy"
                      />
                    </div>
                    <h3 class="text-sm font-semibold uppercase group-hover:underline">Extended Sizes - up to 6XL</h3>
                  </a>
                </div>
              
            </div>
            <div class="mt-4 swiper-pagination js-search-dropdown-pagination"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
// Intercept add-to-cart calls to inject Klevu search term as a line item property
(function() {
  var _fetch = window.fetch;
  window.fetch = function(input, init) {
    var url = typeof input === 'string' ? input : (input && input.url) || '';
    if (url.includes('/cart/add') && init && init.body) {
      var searchTerms = sessionStorage.getItem('klevu_search_terms');
      if (searchTerms) {
        try {
          if (typeof init.body === 'string') {
            var body = JSON.parse(init.body);
            if (body) {
              if (body.items) {
                body.items = body.items.map(function(item) {
                  item.properties = Object.assign({}, item.properties, { '_klevu_search_term': searchTerms });
                  return item;
                });
              } else {
                body.properties = Object.assign({}, body.properties, { '_klevu_search_term': searchTerms });
              }
              init = Object.assign({}, init, { body: JSON.stringify(body) });
            }
          } else if (init.body instanceof FormData) {
            var fd = new FormData();
            for (var pair of init.body.entries()) { fd.append(pair[0], pair[1]); }
            fd.append('properties[_klevu_search_term]', searchTerms);
            init = Object.assign({}, init, { body: fd });
          }
        } catch(e) {}
      }
    }
    return _fetch.call(this, input, init);
  };
})();

var KLEVU_API_KEY = KLEVU_API_KEY || 'klevu-173988322575617908';

function klevuAnalyticsSearch(term, totalResults, typeOfQuery) {
  try {
    const url = new URL('https://stats.ksearchnet.com/analytics/n-search/search');
    url.searchParams.set('apiKey', KLEVU_API_KEY);
    url.searchParams.set('term', term);
    url.searchParams.set('klevu_totalResults', totalResults);
    url.searchParams.set('klevu_typeOfQuery', typeOfQuery || 'WILDCARD_AND');
    if (navigator.sendBeacon) { navigator.sendBeacon(url.toString()); }
    else { fetch(url.toString(), { method: 'GET', keepalive: true }).catch(() => {}); }
  } catch (e) {}
}

function klevuAnalyticsClick(keywords, productGroupId, productVariantId, productName, productUrl) {
  try {
    const compoundId = productGroupId && productVariantId ? productGroupId + '-' + productVariantId : (productGroupId || productVariantId);
    const url = new URL('https://stats.ksearchnet.com/analytics/productTracking');
    url.searchParams.set('klevu_apiKey', KLEVU_API_KEY);
    url.searchParams.set('klevu_keywords', keywords);
    url.searchParams.set('klevu_type', 'clicked');
    url.searchParams.set('klevu_productId', compoundId);
    url.searchParams.set('klevu_productGroupId', productGroupId || '');
    url.searchParams.set('klevu_productVariantId', productVariantId || '');
    url.searchParams.set('klevu_productName', productName);
    url.searchParams.set('klevu_productUrl', productUrl);
    if (navigator.sendBeacon) { navigator.sendBeacon(url.toString()); }
    else { fetch(url.toString(), { method: 'GET', keepalive: true }).catch(() => {}); }
  } catch (e) {}
}

function customKlevuSearch() {
  return {
    isOpen: false,
    searchQuery: '',
    results: [],
    totalResults: 0,
    loading: false,
    productCardsHtml: '',
    recentSearches: [],
    popularSearches: [],
    productIdMap: {},
    // Collections predictive search state
    collections: [],
    colLoading: false,

    init() {
      // Listen for the open event from the search icon
      window.addEventListener('open-custom-search', () => {
        this.open();
      });
      // Load recent searches from localStorage
      this.loadRecentSearches();
      // Load popular searches from Klevu
      this.loadPopularSearches();
      // Watch searchQuery to fetch related collections
      this.$watch('searchQuery', (val) => this.fetchCollections(val));
      // Click analytics via event delegation (works with x-html injected cards)
      this.$el.addEventListener('click', (e) => {
        const link = e.target.closest('a[href*="/products/"]');
        if (!link || !this.searchQuery) return;
        const match = (link.getAttribute('href') || '').match(/\/products\/([^/?#]+)/);
        if (!match) return;
        const handle = match[1];
        const info = this.productIdMap[handle] || {};
        klevuAnalyticsClick(this.searchQuery, info.groupId || handle, info.id || handle, info.name || handle, window.location.origin + link.getAttribute('href'));
        try {
          const existingRaw = sessionStorage.getItem('klevu_search_terms') || '';
          const terms = existingRaw ? existingRaw.split(',').filter(Boolean) : [];
          if (!terms.includes(this.searchQuery)) terms.push(this.searchQuery);
          const termsStr = terms.join(',');
          sessionStorage.setItem('klevu_search_terms', termsStr);
          const data = JSON.stringify({ attributes: { klevu_search_term: termsStr } });
          navigator.sendBeacon('/cart/update.js', new Blob([data], { type: 'application/json' }));
        } catch(e) {}
      });
    },

    open() {
      this.isOpen = true;
      this.searchQuery = '';
      this.results = [];
      this.totalResults = 0;
      this.productCardsHtml = '';
      // Prevent body scroll
      document.body.style.overflow = 'hidden';
      // Reload recent searches when opening
      this.loadRecentSearches();
      // Focus the input after the modal opens
      this.$nextTick(() => {
        this.$refs.searchInput.focus();
      });
    },

    close() {
      this.isOpen = false;
      this.searchQuery = '';
      this.results = [];
      this.totalResults = 0;
      this.productCardsHtml = '';
      // Restore body scroll
      document.body.style.overflow = '';
    },

    async performSearch() {
      if (this.searchQuery.length < 2) {
        this.results = [];
        return;
      }

      this.loading = true;

      try {
        const apiKey = 'klevu-173988322575617908';

        // Use Klevu's search API
        const requestBody = {
          context: {
            apiKeys: [apiKey],
          },
          recordQueries: [
            {
              id: 'productSearch',
              typeOfRecords: ['KLEVU_PRODUCT'],
              settings: {
                limit: 500,
                offset: 0,
                typeOfSearch: 'WILDCARD_AND',
                sort: 'RELEVANCE',
                fields: ['url', 'id', 'name', 'itemGroupId'],
                query: {
                  term: this.searchQuery
                }
              },
              filters: {
                applyFilters: {
                  filters: []
                }
              }
            }
          ]
        };

        const response = await fetch('https://eucs34v2.ksearchnet.com/cs/v2/search', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(requestBody)
        });

        const data = await response.json();

        // Parse the results
        if (data.queryResults && data.queryResults.length > 0) {
          const productResults = data.queryResults[0];
          this.results = (productResults.records || []).filter(r => (r.url || '').includes('/products/'));
          this.totalResults = this.results.length;

          // Build handle → {id, name} map for click analytics
          this.productIdMap = {};
          this.results.forEach(r => {
            const m = (r.url || '').match(/\/products\/([^/?#]+)/);
            if (m) this.productIdMap[m[1]] = { id: r.id, groupId: r.itemGroupId || r.id, name: r.name };
          });

          // Fire search analytics
          klevuAnalyticsSearch(this.searchQuery, this.totalResults, 'WILDCARD_AND');

          // Only save to recent searches if there are actual results
          if (this.results.length > 0) {
            // Extract product handles from first 4 product URLs
            const productHandles = this.results.slice(0, 4).map(record => {
              const urlMatch = record.url.match(/\/products\/([^/?]+)/);
              return urlMatch ? urlMatch[1] : null;
            }).filter(handle => handle);

            // Fetch rendered product cards from Shopify
            await this.fetchProductCards(productHandles);

            // Save this search to recent searches (only if results exist)
            this.saveRecentSearch(this.searchQuery);
          } else {
            this.results = [];
            this.totalResults = 0;
            this.productCardsHtml = '';
          }
        } else {
          this.results = [];
          this.totalResults = 0;
          this.productCardsHtml = '';
        }
      } catch (error) {
        console.error('[Custom Search] Error fetching results:', error);
        this.results = [];
        this.productCardsHtml = '';
      } finally {
        this.loading = false;
      }
    },

    // Fetch Shopify predictive search for collections
    async fetchCollections(query) {
      try {
        const qTrim = (query || '').trim();
        if (!qTrim || qTrim.length < 2) { this.collections = []; return; }
        this.colLoading = true;
        const url = `/search/suggest.json?q=${encodeURIComponent(qTrim)}&resources[type]=collection&resources[limit]=4`;
        const resp = await fetch(url, { headers: { 'Accept': 'application/json' } });
        if (!resp.ok) { this.collections = []; return; }
        const data = await resp.json();
        const cols = (data && data.resources && data.resources.results && data.resources.results.collections) ? data.resources.results.collections : [];
        console.debug('[Search] Collections suggest URL:', url);
        console.debug('[Search] Collections found:', cols.length, cols);
        this.collections = cols.map(c => ({
          title: c.title,
          url: c.url,
          image: (c.image && c.image.url) ? c.image.url : (c.featured_image && c.featured_image.url ? c.featured_image.url : null)
        }));
      } catch (e) {
        console.error('[Search] Error fetching collections:', e);
        this.collections = [];
      } finally {
        this.colLoading = false;
      }
    },

    async fetchProductCards(productHandles) {
      try {
        const productCardsPromises = productHandles.map(async (handle) => {
          try {
            // Use Section Rendering API to fetch each product card
            const response = await fetch(`/products/${handle}?section_id=search-results`);

            if (!response.ok) {
              console.error(`[Search] Failed to fetch product: ${handle}`);
              return '';
            }

            return await response.text();
          } catch (error) {
            console.error(`[Search] Error fetching product ${handle}:`, error);
            return '';
          }
        });

        const productCards = await Promise.all(productCardsPromises);
        this.productCardsHtml = productCards.filter(html => html).join('');
      } catch (error) {
        console.error('[Search] Error fetching product cards:', error);
        this.productCardsHtml = '';
      }
    },

    loadRecentSearches() {
      try {
        const stored = localStorage.getItem('klevuRecentSearches');
        this.recentSearches = stored ? JSON.parse(stored) : [];
      } catch (error) {
        console.error('[Search] Error loading recent searches:', error);
        this.recentSearches = [];
      }
    },

    saveRecentSearch(query) {
      try {
        if (!query || query.length < 2) return;

        // Get existing searches
        let searches = this.recentSearches || [];

        // Remove if already exists (we'll add it to the front)
        searches = searches.filter(s => s.toLowerCase() !== query.toLowerCase());

        // Add to the beginning
        searches.unshift(query);

        // Limit to 5 recent searches
        searches = searches.slice(0, 5);

        // Save to localStorage
        localStorage.setItem('klevuRecentSearches', JSON.stringify(searches));

        // Update the component state
        this.recentSearches = searches;
      } catch (error) {
        console.error('[Search] Error saving recent search:', error);
      }
    },

    loadPopularSearches() {
      // Use theme settings for popular searches
      const searches = [
        't-shirts',
        'jackets',
        'polo shirts',
        'shorts',
        'hoodies'
      ].filter(search => search && search.trim().length > 0);

      this.popularSearches = searches.length > 0 ? searches : ['jackets', 'shirts', 'polo shirts', 'hoodies', 'trainers'];
    },

    submitSearch() {
      if (this.searchQuery && this.searchQuery.trim().length > 0) {
        window.location.href = `/search?q=${encodeURIComponent(this.searchQuery.trim())}`;
      }
    }
  }
}
</script>

<style>
/* Hide native browser clear button on search inputs */
.search-input-no-clear::-webkit-search-cancel-button,
.search-input-no-clear::-webkit-search-decoration,
.search-input-no-clear::-webkit-search-results-button,
.search-input-no-clear::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.search-input-no-clear::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
</style>


</div>
      <!-- this is inlined so the header doesn't jump about -->
      <script>
        function positionStickyHeader() {
          var ann = document.getElementById('shopify-section-announcement-bar');
          var hdr = document.getElementById('shopify-section-header');
          if (ann) {
            ann.style.cssText = 'position:fixed;top:0;left:0;right:0;width:100%;z-index:50;';
          }
          if (hdr) {
            var annHeight = ann ? ann.offsetHeight : 0;
            hdr.style.cssText = 'position:fixed;top:' + (annHeight - 1) + 'px;left:0;right:0;width:100%;z-index:50;';
            document.body.style.paddingTop = (annHeight + hdr.offsetHeight - 1) + 'px';
          }
        }
        positionStickyHeader();
        document.addEventListener('shopify:section:load', positionStickyHeader);
        document.addEventListener('shopify:section:unload', positionStickyHeader);
      </script>
      <div id="shopify-section-cart-drawer" class="shopify-section">
<div x-data="CartDrawer('court-crew-3pk-tennis-socks-white,captain-3-pk-boxer-shorts-blk-grey-white,m821205-black,pocket-spray-luke-city', 6)" x-cloak>
  <!-- Drawer Panel -->
  <div
    x-show="isOpen"
    x-transition:enter="transform transition ease-in-out duration-300"
    x-transition:enter-start="translate-x-full"
    x-transition:enter-end="translate-x-0"
    x-transition:leave="transform transition ease-in-out duration-300"
    x-transition:leave-start="translate-x-0"
    x-transition:leave-end="translate-x-full"
    class="fixed top-0 right-0 z-52 flex flex-col w-full h-full bg-white shadow-xl sm:w-[480px]"
  >
    <!-- Header with Tabs -->
    <div class="border-b border-gray-200">
      <div class="flex items-center justify-between px-6 pt-4 pb-2">
        <div class="flex gap-6">
          <button
            @click="activeTab = 'bag'"
            class="relative pb-2 text-lg font-semibold transition-colors"
            :class="activeTab === 'bag' ? 'text-black' : 'text-gray-400 hover:text-gray-600'"
          >
            Bag
            <div x-show="activeTab === 'bag'" class="absolute bottom-0 left-0 right-0 h-0.5 bg-black"></div>
          </button>
          <button
            @click="activeTab = 'recent'"
            class="relative pb-2 text-lg font-semibold transition-colors"
            :class="activeTab === 'recent' ? 'text-black' : 'text-gray-400 hover:text-gray-600'"
          >
            Recently Viewed
            <div x-show="activeTab === 'recent'" class="absolute bottom-0 left-0 right-0 h-0.5 bg-black"></div>
          </button>
        </div>
        <button
          @click="close()"
          class="p-2 text-black transition-colors hover:text-gray-600"
          aria-label="Close cart"
        >
          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 18L18 6M6 6l12 12"/>
          </svg>
        </button>
      </div>
    </div>

    <!-- Content Area -->
    <div class="flex flex-col flex-1 overflow-hidden">
      <!-- Bag Tab Content -->
      <div x-show="activeTab === 'bag'" class="flex flex-col flex-1 overflow-hidden">
        <!-- Free Delivery Progress Bar (at top) -->
        <div x-show="cart && cart.item_count > 0" class="px-6 pt-4 pb-3 border-b border-gray-200" x-data="{
          freeDeliveryThreshold: 5000,
          get amountRemaining() { return Math.max(0, this.freeDeliveryThreshold - (cart ? cart.total_price : 0)); },
          get progressPercentage() { return Math.min(100, ((cart ? cart.total_price : 0) / this.freeDeliveryThreshold) * 100); }
        }">
          <div class="mb-2 font-mono text-xs tracking-wide text-center">
            <span x-show="amountRemaining > 0" x-text="`SPEND ${formatMoney(amountRemaining)} FOR FREE UK DELIVERY`"></span>
            <span x-show="amountRemaining === 0" class="text-green-700">✓ YOU QUALIFY FOR FREE UK DELIVERY</span>
          </div>
          <div class="w-full h-2 overflow-hidden bg-gray-200 rounded-full">
            <div class="h-full bg-[#156240] transition-all duration-300" :style="`width: ${progressPercentage}%`"></div>
          </div>
        </div>

        <!-- Empty State -->
        <div x-show="!cart || cart.item_count === 0" class="flex flex-col items-center justify-center flex-1 px-6 py-4 text-center">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 mb-4 text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
          </svg>
          <h3 class="mb-2 text-lg font-semibold">Your bag is empty</h3>
          <p class="mb-6 text-gray-600">Add some items to get started</p>
          <button
            @click="close()"
            class="px-6 py-3 text-white transition-colors bg-black hover:bg-black/90"
          >
            Continue Shopping
          </button>
        </div>

        <!-- Cart Items and Recommendations -->
        <div x-show="cart && cart.item_count > 0" class="flex-1 px-6 py-4 overflow-y-auto">
          <div class="pb-6 space-y-6">
            <template x-for="item in (cart?.items || [])" :key="item.key">
              <div class="flex gap-4 pb-6 border-b border-gray-200">

                <!-- Product Image -->
                <a :href="item.url" class="w-20 h-24 overflow-hidden bg-gray-100 shrink-0">
                  <img
                    :src="item.image ? item.image.replace(/(\.[^.]+)$/, '_160x$1') : ''"
                    :alt="item.product_title"
                    class="object-cover w-full h-full"
                    loading="lazy"
                  />
                </a>

                <!-- Product Details -->
                <div class="flex flex-col flex-1 min-w-0 py-4">

                  <!-- Title and Price Row -->
                  <div class="flex justify-between gap-4 mb-3">
                    <div class="flex-1 min-w-0">
                      <a :href="item.url" class="block">
                        <h3 class="text-sm font-normal truncate hover:underline" x-text="item.product_title"></h3>
                      </a>

                      <!-- Variant Options with Color -->
                      <div class="flex gap-4 mt-3 font-mono text-sm text-mid-stone">

                        <!-- Variant Options -->
                        <template x-if="item.options_with_values && item.options_with_values.length > 0">
                            <template x-for="option in getSortedOptions(item.options_with_values)" :key="option.name">
                              <span x-show="option.name.toLowerCase() !== 'colour' && option.name.toLowerCase() !== 'color'" x-text="option.name.toLowerCase() === 'size' ? `${option.name} ${option.value}` : option.value"></span>
                          </template>
                        </template>
                        <!-- Color Name (from metafield, preferred over variant option) -->
                        <span x-show="item.colorName" x-text="`${item.colorName}`"></span>
                      </div>
                    </div>

                    <!-- Price -->
                    <div class="text-right">
                      <div class="font-mono text-sm" x-text="formatMoney(item.final_line_price)"></div>
                      <template x-if="item.original_line_price > item.final_line_price">
                        <div class="text-xs text-gray-500 line-through" x-text="formatMoney(item.original_line_price)"></div>
                      </template>
                    </div>
                  </div>

                  <!-- Quantity Controls and Wishlist -->
                  <div class="flex items-center justify-between mt-auto">
                    <div class="flex flex-col gap-1">
                      <div class="flex items-center gap-1 font-mono text-base">
                        <button
                          type="button"
                          class="flex items-center justify-center w-6 h-6 transition-colors"
                          @click="updateQuantity(item.key, item.quantity - 1)"
                          :disabled="updating"
                          aria-label="Decrease quantity"
                        >
                          <span>-</span>
                        </button>
                        <span x-text="item.quantity"></span>
                        <button
                          type="button"
                          class="flex items-center justify-center w-6 h-6 transition-colors"
                          @click="updateQuantity(item.key, item.quantity + 1)"
                          :disabled="updating"
                          aria-label="Increase quantity"
                        >
                          <span>+</span>
                        </button>
                      </div>
                      <button
                        type="button"
                        class="font-mono text-xs text-gray-400 transition-colors hover:text-black text-left"
                        @click="updateQuantity(item.key, 0)"
                        :disabled="updating"
                        aria-label="Remove item"
                      >
                        Remove
                      </button>
                    </div>

                    <!-- Wishlist Button - Move to Wishlist -->
                    <button
                      type="button"
                      class="transition-opacity hover:opacity-70"
                      @click="
                        
                          window.location.href = 'https://www.luke1977.com/customer_authentication/redirect?locale=en&region_country=GB?return_url=/pages/wishlist';
                        
                      "
                      aria-label="Translation missing: en.accessibility.move_to_wishlist"
                    ><svg class="wishlist-icon" width="13" height="18" viewBox="0 0 13 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M12 17L6.5 13.1739L1 17V1.56522C1 1.25293 1.2237 1 1.5 1H11.5C11.7763 1 12 1.25293 12 1.56522V17Z"
    stroke="#111111"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
</svg>
</button>
              </div>

                </div>
              </div>
            </template>
          </div>

          <!-- Why Not Add Section -->
          <div class="px-6 pt-4 pb-4 -mx-6 border-t border-gray-200">
            <h3 class="mb-4 text-base font-normal">Why not add</h3>

            <!-- Loading State -->
            <div x-show="recommendationsLoading" class="flex items-center justify-center py-8">
              <p class="text-sm text-gray-500">Loading recommendations...</p>
            </div>

            <!-- Recommendations List -->
            <div x-show="!recommendationsLoading && recommendations.length > 0" class="space-y-4">
              <template x-for="product in recommendations" :key="product.id">
                <div x-html="product.html"></div>
              </template>
            </div>

            <!-- Empty State -->
            <div x-show="!recommendationsLoading && recommendations.length === 0" class="py-8 text-center">
              <p class="text-sm text-gray-500">No recommendations available</p>
            </div>
          </div>

        </div>
      </div>

      <!-- Recently Viewed Tab Content -->
      <div x-show="activeTab === 'recent'" class="flex flex-col flex-1 overflow-hidden">
        <!-- Free Delivery Progress Bar (at top) -->
        <div class="px-6 pt-4 pb-3 border-b border-gray-200" x-data="{
          freeDeliveryThreshold: 5000,
          get amountRemaining() { return Math.max(0, this.freeDeliveryThreshold - (cart ? cart.total_price : 0)); },
          get progressPercentage() { return Math.min(100, ((cart ? cart.total_price : 0) / this.freeDeliveryThreshold) * 100); }
        }">
          <div class="mb-2 font-mono text-xs tracking-wide text-center">
            <span x-show="amountRemaining > 0" x-text="`SPEND ${formatMoney(amountRemaining)} FOR FREE UK DELIVERY`"></span>
            <span x-show="amountRemaining === 0" class="text-green-700">✓ YOU QUALIFY FOR FREE UK DELIVERY</span>
          </div>
          <div class="w-full h-2 overflow-hidden bg-gray-200 rounded-full">
            <div class="h-full bg-[#156240] transition-all duration-300" :style="`width: ${progressPercentage}%`"></div>
          </div>
        </div>

        <div class="flex-1 px-6 py-4 overflow-y-auto">
          <!-- Loading State -->
          <div x-show="recentProductsLoading" class="flex items-center justify-center h-full">
            <p class="text-gray-500">Loading recently viewed products...</p>
          </div>

          <!-- Empty State -->
          <div x-show="!recentProductsLoading && recentProducts.length === 0" class="flex flex-col items-center justify-center h-full text-center">
            <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 mb-4 text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
            </svg>
            <h3 class="mb-2 text-lg font-semibold">No recently viewed products</h3>
            <p class="mb-6 text-gray-600">Products you view will appear here</p>
          </div>

          <!-- Recently Viewed Products Grid (2 columns) -->
          <div x-show="!recentProductsLoading && recentProducts.length > 0" class="grid grid-cols-2 gap-4">
            <template x-for="product in recentProducts" :key="product.id">
              <div x-html="product.html"></div>
            </template>
          </div>
        </div>
      </div>
    </div>

    <!-- Footer -->
    <div x-show="activeTab === 'bag' && cart && cart.item_count > 0" class="px-6 py-4 border-t border-gray-200">
      <!-- Order Total -->
      <div class="flex items-center justify-between mb-4">
        <span class="text-base uppercase">Est. Total</span>
        <span class="text-base" x-text="cart ? formatMoney(cart.total_price) : ''"></span>
      </div>

      <!-- Checkout Button -->
      <a
        href="/checkout"
        class="flex items-center justify-center w-full gap-2 px-6 py-4 text-sm tracking-wider text-white transition-colors bg-black hover:bg-black/90"
      >
      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.75 8.25V6C12.75 3.92893 11.0711 2.25 9 2.25C6.92893 2.25 5.25 3.92893 5.25 6V8.25M6.6 15.75H11.4C12.6601 15.75 13.2902 15.75 13.7715 15.5048C14.1948 15.289 14.539 14.9448 14.7548 14.5215C15 14.0402 15 13.4101 15 12.15V11.85C15 10.5899 15 9.95982 14.7548 9.47852C14.539 9.05516 14.1948 8.71095 13.7715 8.49524C13.2902 8.25 12.6601 8.25 11.4 8.25H6.6C5.33988 8.25 4.70982 8.25 4.22852 8.49524C3.80516 8.71095 3.46095 9.05516 3.24524 9.47852C3 9.95982 3 10.5899 3 11.85V12.15C3 13.4101 3 14.0402 3.24524 14.5215C3.46095 14.9448 3.80516 15.289 4.22852 15.5048C4.70982 15.75 5.33988 15.75 6.6 15.75Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        Checkout Securely
      </a>

      <!-- Express Delivery Message -->
      <div class="pt-3 text-center">
        
        <p class="font-mono text-xs uppercase">
          Express Delivery Available
        </p>
        
      </div>
    </div>
  </div>
</div>


</div>
    

    <main>
      <section id="shopify-section-template--25495110877563__hero-banner" class="shopify-section hero-banner">
<section
  class="relative overflow-hidden"
  
>
  
    
<div class="hero-slide-slide_EERNck relative flex flex-col items-center justify-center md:justify-end" >

        
<div class="absolute -z-2 left-0 top-0 h-full hidden md:block w-full">
            <img src="//www.luke1977.com/cdn/shop/files/Homepage_-_Banner-12.5.jpg?v=1778573090" alt="" class="object-cover min-w-full min-h-full">
          </div>

          

          <img src="//www.luke1977.com/cdn/shop/files/MOBILE_BANNER_2_31e18a0a-a994-4162-8e3e-a3f43723803b.jpg?v=1777037195" alt="" class="absolute bottom-0 object-cover w-full h-full md:hidden -z-2">
        

          <div class="absolute inset-0 -z-1 bg-linear-to-t from-black to-transparent"></div>
        

        <div class="relative z-10 flex flex-col items-center justify-center">
          <h3 class="mb-8 font-mono text-base text-center text-white uppercase">[LIGHTER LAYERS FOR BRIGHTER DAYS]</h3>

          <h1 class="text-3xl md:text-4xl font-semibold text-white font-body text-center">Summer '26</h1>

          
            <div class="flex flex-col items-center justify-center gap-4 mt-12 sm:flex-row">
              
                


<a 
    href="/collections/summer-26" 
    class="inline-block font-sans text-center transition-colors focus:outline-none bg-transparent border border-white text-white hover:bg-white hover:text-black font-semibold px-6 py-4 text-base"
>
    Shop Collection
</a>

              
              
              
            </div>
          
        </div>
      </div>
    
  

</section><style data-shopify>#shopify-section-template--25495110877563__hero-banner > section {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__hero-banner > section {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }
  
    #shopify-section-template--25495110877563__hero-banner .hero-slide-slide_EERNck {
      
        padding-top: 100px;
        padding-bottom: 100px;
      
    }
    @media (min-width: 768px) {
      #shopify-section-template--25495110877563__hero-banner .hero-slide-slide_EERNck {
        
          height: calc(100vh - var(--header-height, 0px) - 50px);
          
            padding-bottom: 100px;
          
        
      }
    }
  
</style>
</section><div id="shopify-section-template--25495110877563__scrolling_strapline_VpTbKb" class="shopify-section">



  <link href="//www.luke1977.com/cdn/shop/t/147/assets/scrolling-strapline-Dk_cT4tt.css" rel="stylesheet" type="text/css" media="all" />

<section class="py-3 overflow-hidden  ">
<!--  required classes: marquee inline-flex max-w-full  -->
  <ul class="inline-flex max-w-full space-x-4 marquee  whitespace-nowrap" x-data="Marquee({speed: 0.25, spaceX: 4})">
    <span class="uppercase font-mono text-base font-normal">British menswear, designed in the UK. 25 years Strong.</span>
  </ul>
</section>


<style data-shopify>#shopify-section-template--25495110877563__scrolling_strapline_VpTbKb > section {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: px;
    padding-bottom: px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__scrolling_strapline_VpTbKb > section {
      margin-top: 16px;
      margin-bottom: 20px;
      padding-top: px;
      padding-bottom: px;
    }
  }</style>


</div><div id="shopify-section-template--25495110877563__multi_carousel_7gGPag" class="shopify-section"><style>
    #shopify-section-template--25495110877563__multi_carousel_7gGPag {
        padding-top: 96px;
        padding-bottom: 96px;

    @media (max-width: 767px) {
        padding-top: 36px;
        padding-bottom: 8px;
    }
</style>
<div
    class="overflow-hidden"
    x-data='MultiCarousel({
        tabTypes: ["collection_one","collection_two"],
        collectionUrls: ["\/collections\/new-in","\/collections\/best-selling-styles"],
        enableRecentlyViewed: false,
        recentlyViewedMaxProducts: 8,
        recentlyViewedFallbackHandles: "",
        enableProductRecommendations: false,
        recommendationsMaxProducts: 8
    })'
>

    <!-- Collection Tabs -->
    
        <div class="container flex items-center justify-between gap-4 mb-6">
            <div class="flex gap-4">
                
                    <button
                        @click="changeTab(0)"
                        :class="activeTab === 0 ? 'border-black' : 'opacity-40 border-transparent hover:border-black hover:opacity-100'"
                        class="text-lg font-semibold transition-all border-b-2 sm:text-xl lg:text-2xl"
                    >
                        New Arrivals
                    </button>
                

                
                    <button
                        @click="changeTab(1)"
                        :class="activeTab === 1 ? 'border-black' : 'opacity-40 border-transparent hover:border-black hover:opacity-100'"
                        class="text-lg font-semibold transition-all border-b-2 sm:text-xl lg:text-2xl"
                    >
                        Bestsellers
                    </button>
                
            </div>
            <a
                x-bind:href="getActiveCollectionUrl()"
                class="text-sm font-semibold underline"
                x-show="isCollectionTab(activeTab)"
                x-cloak
            >
                Shop All
            </a>
        </div>
    

    <!-- Collection Products -->
    <div class="container relative" x-ref="carouselContainer">
        

        
            <!-- Collection One Tab (shows when tab type switches to collection fallback) -->
            <div
                x-show="tabTypes[0] === 'collection_one' && displayTab === 0 && !isTransitioning"
                x-transition:enter="transition-opacity ease-in-out duration-150"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="transition-opacity ease-in-out duration-150"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0"
                :class="tabTypes[0] === 'collection_one' && displayTab === 0 && !isTransitioning ? 'relative z-10' : 'absolute inset-0 -z-10 pointer-events-none invisible'"
                x-cloak
            >
                <div class="js-multi-carousel multi-carousel">
                    <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'Mykynos Short Set');
        </script>
        
        
        <div class="relative group">
            <a href="/products/mykynos-paraga-set-stone">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M720119-STONE-1_36ea5a60-4294-4b30-8aa4-e7e6aea57d4c.jpg?v=1777988696&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M720119-STONE-1_36ea5a60-4294-4b30-8aa4-e7e6aea57d4c.jpg?v=1777988696&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M720119-STONE-1_36ea5a60-4294-4b30-8aa4-e7e6aea57d4c.jpg?v=1777988696&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M720119-STONE-1_36ea5a60-4294-4b30-8aa4-e7e6aea57d4c.jpg?v=1777988696&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M720119-STONE-1_36ea5a60-4294-4b30-8aa4-e7e6aea57d4c.jpg?v=1777988696&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-stone.jpg?v=1777988842&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">mykynos short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'mykynos-paraga-set-stone', id: 15378930368891 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£100</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MILLOOK TEXTURED SHORT SET');
        </script>
        
        
        <div class="relative group">
            <a href="/products/millook-textured-short-set-ice-grey">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey short set with short-sleeve button-up shirt and matching shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710808-ICEGREY-1-MODEL.jpg?v=1775832867&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710808-ICEGREY-1-MODEL.jpg?v=1775832867&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710808-ICEGREY-1-MODEL.jpg?v=1775832867&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710808-ICEGREY-1-MODEL.jpg?v=1775832867&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710808-ICEGREY-1-MODEL.jpg?v=1775832867&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey short set with short-sleeve button-up shirt and matching shorts, worn by a model."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/m710808-set-ice-grey.jpg?v=1775832867&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey short set with short-sleeve button-up shirt and matching shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">millook textured short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'millook-textured-short-set-ice-grey', id: 15369131721083 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£120</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    5 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'Gwithian short set');
        </script>
        
        
        <div class="relative group">
            <a href="/products/gwithian-short-set-dark-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN-SHIRT-DK-ECRU-CLOVER-1_b003d854-fc26-4a03-b055-4df3e4f8d538.jpg?v=1777018693&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN-SHIRT-DK-ECRU-CLOVER-1_b003d854-fc26-4a03-b055-4df3e4f8d538.jpg?v=1777018693&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN-SHIRT-DK-ECRU-CLOVER-1_b003d854-fc26-4a03-b055-4df3e4f8d538.jpg?v=1777018693&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN-SHIRT-DK-ECRU-CLOVER-1_b003d854-fc26-4a03-b055-4df3e4f8d538.jpg?v=1777018693&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN-SHIRT-DK-ECRU-CLOVER-1_b003d854-fc26-4a03-b055-4df3e4f8d538.jpg?v=1777018693&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/gwithian-set-ecruclover.jpg?v=1776081591&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">gwithian short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'gwithian-short-set-dark-ecru', id: 15369721905531 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£115</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'JOHNYS 3 PACK T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/johnys-3-pack-t-shirts-blk-teal-stripe">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">johnys 3 pack t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'johnys-3-pack-t-shirts-blk-teal-stripe', id: 15330217427323 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£35</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    7 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'OPHI SHORT SET');
        </script>
        
        
        <div class="relative group">
            <a href="/products/ophi-short-set-black">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s black short set with short-sleeve button-up shirt and drawstring shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830806_M831008-_BLACK-ophi_short_set-1.jpg?v=1776778257&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830806_M831008-_BLACK-ophi_short_set-1.jpg?v=1776778257&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830806_M831008-_BLACK-ophi_short_set-1.jpg?v=1776778257&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830806_M831008-_BLACK-ophi_short_set-1.jpg?v=1776778257&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830806_M831008-_BLACK-ophi_short_set-1.jpg?v=1776778257&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="OPHI SHORT SET"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/OPHI-SHORT-SET-BLACK_850013ba-0f02-4253-b26c-9fd00f2bd538.jpg?v=1776954799&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s black short set with short-sleeve button-up shirt and drawstring shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">ophi short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'ophi-short-set-black', id: 15369167143291 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£115</span>
            
            </div>

            
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'Mykynos Short Set');
        </script>
        
        
        <div class="relative group">
            <a href="/products/mykynos-paraga-set-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M720119-DARKNAVY-1_4ec28bcc-6734-46d0-9344-d0519b5d6483.jpg?v=1777988542&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M720119-DARKNAVY-1_4ec28bcc-6734-46d0-9344-d0519b5d6483.jpg?v=1777988542&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M720119-DARKNAVY-1_4ec28bcc-6734-46d0-9344-d0519b5d6483.jpg?v=1777988542&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M720119-DARKNAVY-1_4ec28bcc-6734-46d0-9344-d0519b5d6483.jpg?v=1777988542&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M720119-DARKNAVY-1_4ec28bcc-6734-46d0-9344-d0519b5d6483.jpg?v=1777988542&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/Mykynos-set-navy.jpg?v=1777988863&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Mykynos Short Set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">mykynos short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'mykynos-paraga-set-dark-navy', id: 15378930434427 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£100</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MILLOOK TEXTURED SHORT SET');
        </script>
        
        
        <div class="relative group">
            <a href="/products/millook-textured-short-set-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy short set with short-sleeve button-up shirt and matching shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710808-NAVY-1-MODEL_921b4a6e-1ca3-426e-bd58-7d3f1b3e80ac.jpg?v=1776070068&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710808-NAVY-1-MODEL_921b4a6e-1ca3-426e-bd58-7d3f1b3e80ac.jpg?v=1776070068&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710808-NAVY-1-MODEL_921b4a6e-1ca3-426e-bd58-7d3f1b3e80ac.jpg?v=1776070068&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710808-NAVY-1-MODEL_921b4a6e-1ca3-426e-bd58-7d3f1b3e80ac.jpg?v=1776070068&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710808-NAVY-1-MODEL_921b4a6e-1ca3-426e-bd58-7d3f1b3e80ac.jpg?v=1776070068&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy short set with short-sleeve button-up shirt and matching shorts, worn by a model."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/MILLOOK-SET-NAVY_51fa5671-ec3d-40f0-bb4a-4528a2953f7a.jpg?v=1776954688&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy short set with short-sleeve button-up shirt and matching shorts, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">millook textured short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'millook-textured-short-set-navy', id: 15369131590011 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£120</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    5 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'JOHNYS 3 PACK T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/johnys-3-pack-t-shirts-watermelon-sky-stripe">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1_efb4ad0a-0bac-4122-a074-2a97891f485a.jpg?v=1777374530&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1_efb4ad0a-0bac-4122-a074-2a97891f485a.jpg?v=1777374530&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1_efb4ad0a-0bac-4122-a074-2a97891f485a.jpg?v=1777374530&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1_efb4ad0a-0bac-4122-a074-2a97891f485a.jpg?v=1777374530&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1_efb4ad0a-0bac-4122-a074-2a97891f485a.jpg?v=1777374530&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-BLUESTRIPE3PK-1.jpg?v=1769006653&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">johnys 3 pack t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'johnys-3-pack-t-shirts-watermelon-sky-stripe', id: 15330217492859 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£35</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    7 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'WORLD CUP 2026 SIZE 5 FOOTBALL');
        </script>
        
        
        <div class="relative group">
            <a href="/products/world-cup-2026-football-black-gold">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="WORLD CUP 2026 SIZE 5 FOOTBALL"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/FOOTBALLLifestyle.jpg?v=1780390784&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/FOOTBALLLifestyle.jpg?v=1780390784&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLLifestyle.jpg?v=1780390784&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLLifestyle.jpg?v=1780390784&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLLifestyle.jpg?v=1780390784&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="WORLD CUP 2026 SIZE 5 FOOTBALL"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/FOOTBALLProduct.jpg?v=1780390783&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="WORLD CUP 2026 SIZE 5 FOOTBALL"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8a754c;"
        >
          Free Gift
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">world cup 2026 size 5 football</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'world-cup-2026-football-black-gold', id: 15393013072251 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£25</span>
            
            </div>

            
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'Gwithian short set');
        </script>
        
        
        <div class="relative group">
            <a href="/products/gwithian-short-set-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">gwithian short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'gwithian-short-set-dark-navy', id: 15369721741691 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£115</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'TECSHORT CARGO SHORTS');
        </script>
        
        
        <div class="relative group">
            <a href="/products/tecshort-cargo-short-stone">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s beige shorts with elasticated waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M651010-STONE-2_f7051d8a-c3b5-48e1-8109-abfa5c2f4d5b.jpg?v=1774438844&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M651010-STONE-2_f7051d8a-c3b5-48e1-8109-abfa5c2f4d5b.jpg?v=1774438844&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-2_f7051d8a-c3b5-48e1-8109-abfa5c2f4d5b.jpg?v=1774438844&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-2_f7051d8a-c3b5-48e1-8109-abfa5c2f4d5b.jpg?v=1774438844&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-2_f7051d8a-c3b5-48e1-8109-abfa5c2f4d5b.jpg?v=1774438844&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s beige shorts with elasticated waistband, worn by a model, side view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M651010-STONE-1.jpg?v=1774438844&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s beige shorts with elasticated waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">tecshort cargo shorts</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'tecshort-cargo-short-stone', id: 15330686468475 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    5 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'THEO RIBBED T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/theo-t-shirt-black">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s black t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1_959d88ef-8f7d-4f12-807f-5290fd3237de.jpg?v=1774276190&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1_959d88ef-8f7d-4f12-807f-5290fd3237de.jpg?v=1774276190&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1_959d88ef-8f7d-4f12-807f-5290fd3237de.jpg?v=1774276190&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1_959d88ef-8f7d-4f12-807f-5290fd3237de.jpg?v=1774276190&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1_959d88ef-8f7d-4f12-807f-5290fd3237de.jpg?v=1774276190&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s black t-shirt with crew neck and short sleeves, worn by a model, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830102-BLACK-1.jpg?v=1774276190&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s black t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">theo ribbed t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'theo-t-shirt-black', id: 15330727625083 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£40</span>
            
            </div>

            
            
        </div>
    </div>
</div>
                            </div>
                        
                    </div>

                    <!-- Pagination -->
                    <div class="js-multi-carousel-pagination multi-carousel-pagination"></div>
                </div>
            </div>
        

        
            <!-- Collection Two Tab -->
            <div
                x-show="displayTab === 1 && !isTransitioning"
                x-transition:enter="transition-opacity ease-in-out duration-150"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="transition-opacity ease-in-out duration-150"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0"
                :class="displayTab === 1 && !isTransitioning ? 'relative z-10' : 'absolute inset-0 -z-10 pointer-events-none invisible'"
                x-cloak
            >
                <div class="js-multi-carousel multi-carousel">
                    <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'GWITHIAN SHORT SLEEVE SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/gwithian-short-sleeve-shirt-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">gwithian short sleeve shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'gwithian-short-sleeve-shirt-dark-navy', id: 15329035747707 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£65</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MAKATI HONEYCOMB TEXTURED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/makati-polo-ice-grey">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="MAKATI HONEYCOMB TEXTURED POLO"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_954a5576-482a-4a03-8306-faeb04ff6fbc.jpg?v=1775749847&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_954a5576-482a-4a03-8306-faeb04ff6fbc.jpg?v=1775749847&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_954a5576-482a-4a03-8306-faeb04ff6fbc.jpg?v=1775749847&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_954a5576-482a-4a03-8306-faeb04ff6fbc.jpg?v=1775749847&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_954a5576-482a-4a03-8306-faeb04ff6fbc.jpg?v=1775749847&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="MAKATI HONEYCOMB TEXTURED POLO"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-ICEGREY-1_df0acc73-60a8-4852-886c-834a7ac60575.jpg?v=1769007787&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="MAKATI HONEYCOMB TEXTURED POLO"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">makati honeycomb textured polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'makati-polo-ice-grey', id: 15330315534715 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    4 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'SANIP SHORTS');
        </script>
        
        
        <div class="relative group">
            <a href="/products/sanip-shorts-ice-grey">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey shorts with drawstring waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_a007d413-8084-4c99-a95a-2472058a2f3b.jpg?v=1775750558&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_a007d413-8084-4c99-a95a-2472058a2f3b.jpg?v=1775750558&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_a007d413-8084-4c99-a95a-2472058a2f3b.jpg?v=1775750558&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_a007d413-8084-4c99-a95a-2472058a2f3b.jpg?v=1775750558&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_a007d413-8084-4c99-a95a-2472058a2f3b.jpg?v=1775750558&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey shorts with drawstring waistband, worn by a model, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M801053-ICEGREY-1_20b108a9-d4af-40dc-bca3-93e39a3a7456.jpg?v=1775750558&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s grey shorts with drawstring waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">sanip shorts</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'sanip-shorts-ice-grey', id: 15330688434555 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£65</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    5 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'DECK KNITTED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/deck-knitted-polo-sage-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">deck knitted polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'deck-knitted-polo-sage-ecru', id: 15328813056379 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MAUGHOLD TEXTURED KNIT POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/maughold-textured-knit-polo-sky-blue-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">maughold textured knit polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'maughold-textured-knit-polo-sky-blue-ecru', id: 15330317369723 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'DECK KNITTED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/deck-knitted-polo-dk-navy-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">deck knitted polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'deck-knitted-polo-dk-navy-ecru', id: 15328813023611 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'SADDLEWORTH POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/saddleworth-polo-fawn">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #909292;"
        >
          Trending
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">saddleworth polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'saddleworth-polo-fawn', id: 15330686959995 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'TURRET ZIP POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/turret-quarter-zip-polo-sky-blue">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1.jpg?v=1769436761&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1.jpg?v=1769436761&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1.jpg?v=1769436761&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1.jpg?v=1769436761&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1.jpg?v=1769436761&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M751412-SKYBLUE-1_97ef9687-14ae-472d-b0f2-71e784a3c342.jpg?v=1769436761&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">turret zip polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'turret-quarter-zip-polo-sky-blue', id: 15330727461243 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£65</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MAUGHOLD TEXTURED KNIT POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/maughold-textured-knit-polo-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-DARK-NAVY-1.jpg?v=1775658597&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-DARK-NAVY-1.jpg?v=1775658597&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-DARK-NAVY-1.jpg?v=1775658597&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-DARK-NAVY-1.jpg?v=1775658597&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-DARK-NAVY-1.jpg?v=1775658597&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-DARKNAVY-1.jpg?v=1769439463&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">maughold textured knit polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'maughold-textured-knit-polo-dark-navy', id: 15330317336955 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'GARNEDD 2500 HOODED JACKET');
        </script>
        
        
        <div class="relative group">
            <a href="/products/garnedd-jacket-navy-ice-grey-delf">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jacket with zip-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M750705-NAVYDELFT-1_49ab245a-d547-47e5-9ae3-e8348469e29c.jpg?v=1776777831&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M750705-NAVYDELFT-1_49ab245a-d547-47e5-9ae3-e8348469e29c.jpg?v=1776777831&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYDELFT-1_49ab245a-d547-47e5-9ae3-e8348469e29c.jpg?v=1776777831&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYDELFT-1_49ab245a-d547-47e5-9ae3-e8348469e29c.jpg?v=1776777831&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYDELFT-1_49ab245a-d547-47e5-9ae3-e8348469e29c.jpg?v=1776777831&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="GARNEDD 2500 HOODED JACKET"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M750705-NAVYICEGREY-1.jpg?v=1770721672&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jacket with zip-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #909292;"
        >
          Trending
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">garnedd 2500 hooded jacket</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'garnedd-jacket-navy-ice-grey-delf', id: 15329038107003 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£75</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'FLOYD 5 PACK T-SHIRTS');
        </script>
        
        
        <div class="relative group">
            <a href="/products/floyd-5-pack-blk-wht-dn-stn-msh">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multicolour 5-pack t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="FLOYD 5 PACK T-SHIRTS"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multicolour 5-pack t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">floyd 5 pack t-shirts</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'floyd-5-pack-blk-wht-dn-stn-msh', id: 15160616157563 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£45</span>
            
            </div>

            
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'JOHNYS 3 PACK T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/johnys-3-pack-t-shirts-blk-teal-stripe">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1_2f6d11ab-5a4d-42cc-9db2-3b19edcbc104.jpg?v=1777374563&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-TEALSTRIPE3PK-1.jpg?v=1769006717&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">johnys 3 pack t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'johnys-3-pack-t-shirts-blk-teal-stripe', id: 15330217427323 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£35</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    7 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                    </div>

                    <!-- Pagination -->
                    <div class="js-multi-carousel-pagination multi-carousel-pagination"></div>
                </div>
            </div>
        

        
    </div>

</div>


</div><div id="shopify-section-template--25495110877563__collection_carousel_yJRWdt" class="shopify-section">

<div class="overflow-hidden" x-data="CollectionCarousel">
    <!-- Collections -->
    <div class="relative">
        <!-- Swiper Carousel -->
        <div class="js-collection-carousel collection-carousel">
            <div class="swiper-wrapper">
                
                    <div class="swiper-slide relative aspect-collection-slider border border-black overflow-hidden group " >
                            <img src="//www.luke1977.com/cdn/shop/files/T-Shirts_-2.jpg?v=1777031181&width=600" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102" alt="T-Shirts" loading="lazy">
                        

                        <div class="absolute top-0 left-0 z-10 px-3 py-1 font-mono text-base text-white uppercase bg-black">T-Shirts</div>

                        <a href="/collections/mens-t-shirts" class="absolute inset-0">
                            <span class="sr-only">T-Shirts</span>
                        </a>
                    </div>
                
                    <div class="swiper-slide relative aspect-collection-slider border border-black overflow-hidden group border-l-0" >
                            <img src="//www.luke1977.com/cdn/shop/files/Shorts_d66612f8-fb50-4643-b9bf-14cbf8f8501e.jpg?v=1777031289&width=600" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102" alt="Shorts" loading="lazy">
                        

                        <div class="absolute top-0 left-0 z-10 px-3 py-1 font-mono text-base text-white uppercase bg-black">Shorts</div>

                        <a href="/collections/mens-shorts" class="absolute inset-0">
                            <span class="sr-only">Shorts</span>
                        </a>
                    </div>
                
                    <div class="swiper-slide relative aspect-collection-slider border border-black overflow-hidden group border-l-0" >
                            <img src="//www.luke1977.com/cdn/shop/files/Sets_9947344c-1443-44c1-8ed5-b25436610d06.jpg?v=1777031289&width=600" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102" alt="Summer Sets" loading="lazy">
                        

                        <div class="absolute top-0 left-0 z-10 px-3 py-1 font-mono text-base text-white uppercase bg-black">Summer Sets</div>

                        <a href="/collections/holiday-sets" class="absolute inset-0">
                            <span class="sr-only">Summer Sets</span>
                        </a>
                    </div>
                
                    <div class="swiper-slide relative aspect-collection-slider border border-black overflow-hidden group border-l-0" >
                            <img src="//www.luke1977.com/cdn/shop/files/SHORT_SLEEVE_SHIRTS_1.jpg?v=1778850849&width=600" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102" alt="Short Sleeve Shirts" loading="lazy">
                        

                        <div class="absolute top-0 left-0 z-10 px-3 py-1 font-mono text-base text-white uppercase bg-black">Short Sleeve Shirts</div>

                        <a href="/collections/mens-short-sleeve-shirts" class="absolute inset-0">
                            <span class="sr-only">Short Sleeve Shirts</span>
                        </a>
                    </div>
                
            </div>
            <!-- Pagination -->
            <div class="js-collection-carousel-pagination collection-carousel-pagination"></div>
        </div>
    </div>
</div>

</div><div id="shopify-section-template--25495110877563__multi_carousel_BDFJJA" class="shopify-section"><style>
    #shopify-section-template--25495110877563__multi_carousel_BDFJJA {
        padding-top: 96px;
        padding-bottom: 96px;

    @media (max-width: 767px) {
        padding-top: 36px;
        padding-bottom: 8px;
    }
</style>
<div
    class="overflow-hidden"
    x-data='MultiCarousel({
        tabTypes: ["collection_one"],
        collectionUrls: ["\/collections\/holiday-shop"],
        enableRecentlyViewed: false,
        recentlyViewedMaxProducts: 8,
        recentlyViewedFallbackHandles: "",
        enableProductRecommendations: false,
        recommendationsMaxProducts: 8
    })'
>

    <!-- Collection Tabs -->
    
        <div class="container flex items-center justify-between gap-4 mb-6">
            <div class="flex gap-4">
                
                    <button
                        @click="changeTab(0)"
                        :class="activeTab === 0 ? 'border-black' : 'opacity-40 border-transparent hover:border-black hover:opacity-100'"
                        class="text-lg font-semibold transition-all border-b-2 sm:text-xl lg:text-2xl"
                    >
                        Holiday Shop
                    </button>
                

                
            </div>
            <a
                x-bind:href="getActiveCollectionUrl()"
                class="text-sm font-semibold underline"
                x-show="isCollectionTab(activeTab)"
                x-cloak
            >
                Shop All
            </a>
        </div>
    

    <!-- Collection Products -->
    <div class="container relative" x-ref="carouselContainer">
        

        
            <!-- Collection One Tab (shows when tab type switches to collection fallback) -->
            <div
                x-show="tabTypes[0] === 'collection_one' && displayTab === 0 && !isTransitioning"
                x-transition:enter="transition-opacity ease-in-out duration-150"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="transition-opacity ease-in-out duration-150"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0"
                :class="tabTypes[0] === 'collection_one' && displayTab === 0 && !isTransitioning ? 'relative z-10' : 'absolute inset-0 -z-10 pointer-events-none invisible'"
                x-cloak
            >
                <div class="js-multi-carousel multi-carousel">
                    <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'GWITHIAN SHORT SLEEVE SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/gwithian-short-sleeve-shirt-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-GWITHIAN_SS_SHIRT-DARK-NAVY-1.jpg?v=1775572750&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1.jpg?v=1769438607&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit navy shirt with Cuban collar and button-up front, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">gwithian short sleeve shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'gwithian-short-sleeve-shirt-dark-navy', id: 15329035747707 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£65</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'HELSTON TEXTURED SHORTS');
        </script>
        
        
        <div class="relative group">
            <a href="/products/helston-shorts-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy shorts with drawstring waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-2_23ade5e1-203b-4540-8dcc-2078245ddd25.jpg?v=1774438102&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-2_23ade5e1-203b-4540-8dcc-2078245ddd25.jpg?v=1774438102&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-2_23ade5e1-203b-4540-8dcc-2078245ddd25.jpg?v=1774438102&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-2_23ade5e1-203b-4540-8dcc-2078245ddd25.jpg?v=1774438102&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-2_23ade5e1-203b-4540-8dcc-2078245ddd25.jpg?v=1774438102&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy shorts with drawstring waistband, worn by a model, side view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M711009-DARKNAVY-1.jpg?v=1774438102&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy shorts with drawstring waistband, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">helston textured shorts</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'helston-shorts-dark-navy', id: 15329036566907 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£50</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'BYRON CORD T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/byron-relax-fit-cord-t-shirt-chocolate">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit brown t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-2_2c4b1645-c038-49c5-b6ac-0fc676dc4c73.jpg?v=1773333772&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-2_2c4b1645-c038-49c5-b6ac-0fc676dc4c73.jpg?v=1773333772&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-2_2c4b1645-c038-49c5-b6ac-0fc676dc4c73.jpg?v=1773333772&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-2_2c4b1645-c038-49c5-b6ac-0fc676dc4c73.jpg?v=1773333772&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-2_2c4b1645-c038-49c5-b6ac-0fc676dc4c73.jpg?v=1773333772&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit brown t-shirt with crew neck and short sleeves, worn by a model, side view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CHOCOLATE-1.jpg?v=1773248193&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit brown t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">byron cord t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'byron-relax-fit-cord-t-shirt-chocolate', id: 15344786964859 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£40</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'BYRON CORD T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/byron-relax-fit-cord-t-shirt-concrete">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit grey t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1_00e12f42-b76f-44c2-8ab1-362c641f34ce.jpg?v=1775118599&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1_00e12f42-b76f-44c2-8ab1-362c641f34ce.jpg?v=1775118599&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1_00e12f42-b76f-44c2-8ab1-362c641f34ce.jpg?v=1775118599&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1_00e12f42-b76f-44c2-8ab1-362c641f34ce.jpg?v=1775118599&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1_00e12f42-b76f-44c2-8ab1-362c641f34ce.jpg?v=1775118599&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit grey t-shirt with crew neck and short sleeves, worn by a model, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830164-CONCRETE-1.jpg?v=1775118599&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s relaxed-fit grey t-shirt with crew neck and short sleeves, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">byron cord t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'byron-relax-fit-cord-t-shirt-concrete', id: 15344787227003 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£40</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'DECK KNITTED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/deck-knitted-polo-sage-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-SAGE-ECRU-1.jpg?v=1775572674&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-SAGEECRU-1.jpg?v=1769438539&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s green knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">deck knitted polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'deck-knitted-polo-sage-ecru', id: 15328813056379 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'Gwithian short set');
        </script>
        
        
        <div class="relative group">
            <a href="/products/gwithian-short-set-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710807-DARKNAVY-1_1.jpg?v=1777018693&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1200"
                        height="1600"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/GWITHIAN-SET-NAVY_5fe8a2ff-6fcb-4ec2-b856-76cb01e02278.jpg?v=1776954639&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Gwithian short set"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">gwithian short set</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'gwithian-short-set-dark-navy', id: 15369721741691 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£115</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'DECK KNITTED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/deck-knitted-polo-dk-navy-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-DECK-KNITTED-POLO-7GG-DARK-NAVY-1.jpg?v=1776164413&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M710606-NAVYECRU-1.jpg?v=1769438529&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy knitted polo with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">deck knitted polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'deck-knitted-polo-dk-navy-ecru', id: 15328813023611 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MAKATI HONEYCOMB TEXTURED POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/makati-polo-dark-navy">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy polo shirt with polo collar."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-NAVY-2_0e6d3f54-992a-4ebb-b0c9-ce67918412b5.jpg?v=1772536493&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-NAVY-2_0e6d3f54-992a-4ebb-b0c9-ce67918412b5.jpg?v=1772536493&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY-2_0e6d3f54-992a-4ebb-b0c9-ce67918412b5.jpg?v=1772536493&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY-2_0e6d3f54-992a-4ebb-b0c9-ce67918412b5.jpg?v=1772536493&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY-2_0e6d3f54-992a-4ebb-b0c9-ce67918412b5.jpg?v=1772536493&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy polo shirt with polo collar."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M771452-NAVY_GOLD-1.jpg?v=1772536493&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s navy polo shirt with polo collar."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">makati honeycomb textured polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'makati-polo-dark-navy', id: 14873793364347 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£60</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    4 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'MAUGHOLD TEXTURED KNIT POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/maughold-textured-knit-polo-sky-blue-ecru">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-MAUGHOLD-ZIG-ZAG-KNIT-POLO-12gg-Sky-Blue-Ecru-1.jpg?v=1775658928&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M830608-SKYBLUE-1.jpg?v=1769439450&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s blue jumper with half-zip neck, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">maughold textured knit polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'maughold-textured-knit-polo-sky-blue-ecru', id: 15330317369723 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    2 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'SADDLEWORTH POLO');
        </script>
        
        
        <div class="relative group">
            <a href="/products/saddleworth-polo-fawn">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M741454-FAWN-1_5c973212-3054-40fb-b40c-87d512e0acf5.jpg?v=1769007455&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s brown polo shirt with polo collar, front view"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            
<div class="absolute top-2 left-2 flex gap-1.5 z-10"><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #8A754C;"
        >
          New
        </div><div
          class="px-1 text-sm font-normal font-mono uppercase rounded-[1px]"
          style="color: #ffffff; background-color: #909292;"
        >
          Trending
        </div></div>

            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">saddleworth polo</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'saddleworth-polo-fawn', id: 15330686959995 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£55</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    3 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'FLOYD 5 PACK T-SHIRTS');
        </script>
        
        
        <div class="relative group">
            <a href="/products/floyd-5-pack-blk-wht-dn-stn-msh">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multicolour 5-pack t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1_ad9c55b1-71bd-42ae-bb71-2241407bf225.jpg?v=1777374764&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="FLOYD 5 PACK T-SHIRTS"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M820150-5PACK-1.jpg?v=1760694036&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multicolour 5-pack t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">floyd 5 pack t-shirts</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'floyd-5-pack-blk-wht-dn-stn-msh', id: 15160616157563 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£45</span>
            
            </div>

            
            
        </div>
    </div>
</div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div x-data class="max-w-[332px]">
    
<script>
            console.log('Product: ' + 'JOHNYS 3 PACK T-SHIRT');
        </script>
        
        
        <div class="relative group">
            <a href="/products/johnys-3-pack-t-shirts-black-white-mushroom">
                
                <div class="relative">
                    <!-- Default image (shown when toggle OFF, hidden on hover) -->
                    <img
                        class="w-full transition-opacity duration-200 opacity-100 group-hover:opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-0 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Model image (shown on hover when toggle OFF, or always when toggle ON) -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0 group-hover:opacity-100"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? '!opacity-100 group-hover:!opacity-0' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_7ef0d6e4-dfac-4346-b5c0-a79a0c0e57af.jpg?v=1777374784&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_7ef0d6e4-dfac-4346-b5c0-a79a0c0e57af.jpg?v=1777374784&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_7ef0d6e4-dfac-4346-b5c0-a79a0c0e57af.jpg?v=1777374784&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_7ef0d6e4-dfac-4346-b5c0-a79a0c0e57af.jpg?v=1777374784&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_7ef0d6e4-dfac-4346-b5c0-a79a0c0e57af.jpg?v=1777374784&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="JOHNYS 3 PACK T-SHIRT"
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                    <!-- Default image for hover when toggle ON -->
                    <img
                        class="absolute inset-0 w-full transition-opacity duration-200 opacity-0"
                        :class="(typeof modelMode !== 'undefined' && modelMode) ? 'group-hover:!opacity-100' : ''"
                        src="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=400"
                        srcset="//www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=200 200w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=400 400w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=600 600w,
                                //www.luke1977.com/cdn/shop/files/M420150-MUSHROOM-WHITE-BLACK-1_efdd92a9-8c7a-4e90-b722-8980a7f53377.jpg?v=1772620867&width=800 800w"
                        sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"
                        alt="Men&#39;s multi t-shirt with crew neck and short sleeves."
                        width="1500"
                        height="2000"
                        loading="lazy"
                    >
                </div>
                
            </a>

            <!-- Product Badges -->
            


            <!-- Wishlist Icon -->
            
        </div>
    
    <div class="pt-3.5">
        <div class="flex justify-between mb-2 align-middle">
            
            <h3 class="text-sm capitalize">johnys 3 pack t-shirt</h3>

            <!-- Quick Add Plus Icon -->
            <button
                @click.prevent="$dispatch('open-quick-add', { handle: 'johnys-3-pack-t-shirts-black-white-mushroom', id: 8572213559549 })"
                class="flex items-center justify-center pr-3 transition-all hover:opacity-70"
                aria-label="Quick add to cart"
            >
                <svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="10" y1="0" x2="10" y2="20" stroke="currentColor" stroke-width="1.5"/>
    <line x1="0" y1="10" x2="20" y2="10" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </button>
        </div>

        <div class="items-center block gap-2 font-mono text-base uppercase sm:flex">
            <div class="flex flex-col gap-2 md:flex-row">
                
                <span class="inline-block">£35</span>
            
            </div>

            
            
                
                <span class="inline-block ml-auto text-sm text-gray-700">
                    7 colours
                </span>
            
        </div>
    </div>
</div>
                            </div>
                        
                    </div>

                    <!-- Pagination -->
                    <div class="js-multi-carousel-pagination multi-carousel-pagination"></div>
                </div>
            </div>
        

        

        
    </div>

</div>


</div><div id="shopify-section-template--25495110877563__collection_split_nzpHhi" class="shopify-section">

<style>
    #shopify-section-template--25495110877563__collection_split_nzpHhi {
        padding-top: 96px;
        padding-bottom: 16px;

    @media (max-width: 767px) {
        padding-top: 36px;
        padding-bottom: 16px;
    }
</style>

<div class="container grid gap-4 md:grid-cols-2">

    
<a href="/pages/fathers-day-gifts" class="relative flex justify-center group">
            <img src="//www.luke1977.com/cdn/shop/files/Polos_7159baf3-1557-4172-8647-cf7e13f93a54.jpg?v=1780500187" alt="The Ultimate Gift Guide" class="object-cover w-full h-full" loading="lazy">

            

                
                    <div class="absolute inset-0 bg-linear-to-b from-black/0 to-black/50"></div>
                

            

            <div class="absolute inset-0 flex flex-col justify-end px-4 py-2 mb-12 text-center text-white">
                <h4 class="font-mono text-base uppercase">[The Ultimate Gift Guide]</h4>
                
                    <h2 class="mt-6 mb-8 font-semibold text-2xl md:text-3xl">Father's Day Gifts</h2>
                
                <span class="mx-auto text-lg font-semibold w-fit relative after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-full after:h-[2px] after:bg-current after:scale-x-0 after:origin-right after:transition-transform after:duration-600 after:ease-in-out group-hover:after:scale-x-100 group-hover:after:origin-left">Explore Collection</span>
            </div>
        </a>
    
<a href="/collections/mens-polo-shirts" class="relative flex justify-center group">
            <img src="//www.luke1977.com/cdn/shop/files/Untitled-33.jpg?v=1778849458" alt="A Classic Choice" class="object-cover w-full h-full" loading="lazy">

            

                
                    <div class="absolute inset-0 bg-linear-to-b from-black/0 to-black/50"></div>
                

            

            <div class="absolute inset-0 flex flex-col justify-end px-4 py-2 mb-12 text-center text-white">
                <h4 class="font-mono text-base uppercase">[A Classic Choice]</h4>
                
                    <h2 class="mt-6 mb-8 font-semibold text-2xl md:text-3xl">Timeless Polos</h2>
                
                <span class="mx-auto text-lg font-semibold w-fit relative after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-full after:h-[2px] after:bg-current after:scale-x-0 after:origin-right after:transition-transform after:duration-600 after:ease-in-out group-hover:after:scale-x-100 group-hover:after:origin-left">Explore Collection</span>
            </div>
        </a>
    

</div>



</div><div id="shopify-section-template--25495110877563__collection_split_8jnVTp" class="shopify-section">

<style>
    #shopify-section-template--25495110877563__collection_split_8jnVTp {
        padding-top: 0px;
        padding-bottom: 96px;

    @media (max-width: 767px) {
        padding-top: 0px;
        padding-bottom: 24px;
    }
</style>

<div class="container grid gap-4 md:grid-cols-2">

    
<a href="/collections/mens-swimwear" class="relative flex justify-center group">
            <img src="//www.luke1977.com/cdn/shop/files/Swim_Shorts_2843f5cb-ed46-4c77-9139-a3c030887ac1.jpg?v=1779879668" alt="For when it heats up" class="object-cover w-full h-full" loading="lazy">

            

                
                    <div class="absolute inset-0 bg-linear-to-b from-black/0 to-black/50"></div>
                

            

            <div class="absolute inset-0 flex flex-col justify-end px-4 py-2 mb-12 text-center text-white">
                <h4 class="font-mono text-base uppercase">[For when it heats up]</h4>
                
                    <h2 class="mt-6 mb-8 font-semibold text-2xl md:text-3xl">Poolside Swimwear</h2>
                
                <span class="mx-auto text-lg font-semibold w-fit relative after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-full after:h-[2px] after:bg-current after:scale-x-0 after:origin-right after:transition-transform after:duration-600 after:ease-in-out group-hover:after:scale-x-100 group-hover:after:origin-left">Explore Collection</span>
            </div>
        </a>
    
<a href="/collections/mens-lightweight-jackets" class="relative flex justify-center group">
            <img src="//www.luke1977.com/cdn/shop/files/Untitled-3_2a1061c0-d421-495e-9ae1-a27a81a3ecbe.jpg?v=1778849458" alt="For the festival season" class="object-cover w-full h-full" loading="lazy">

            

                
                    <div class="absolute inset-0 bg-linear-to-b from-black/0 to-black/50"></div>
                

            

            <div class="absolute inset-0 flex flex-col justify-end px-4 py-2 mb-12 text-center text-white">
                <h4 class="font-mono text-base uppercase">[For the festival season]</h4>
                
                    <h2 class="mt-6 mb-8 font-semibold text-2xl md:text-3xl">Lightweight Jackets</h2>
                
                <span class="mx-auto text-lg font-semibold w-fit relative after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-full after:h-[2px] after:bg-current after:scale-x-0 after:origin-right after:transition-transform after:duration-600 after:ease-in-out group-hover:after:scale-x-100 group-hover:after:origin-left">Explore Collection</span>
            </div>
        </a>
    

</div>



</div><section id="shopify-section-template--25495110877563__hero_banner_BB6Cwg" class="shopify-section hero-banner">
<section
  class="relative overflow-hidden"
  
>
  
    
  

</section><style data-shopify>#shopify-section-template--25495110877563__hero_banner_BB6Cwg > section {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__hero_banner_BB6Cwg > section {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }
  
</style>
</section><section id="shopify-section-template--25495110877563__logo_bg_text_pJVrpi" class="shopify-section logo-bg-text">

<section class="container">
    <div class="grid grid-cols-1 gap-8 md:grid-cols-12 md:gap-12">

        <!-- Top Left - Title (6 columns) -->
        
        <div class="md:col-span-6">
            
                <div class="w-16 h-1 mb-6 bg-red"></div>
            
            <h2 class="text-3xl md:text-5xl font-semibold leading-none">
                <span class="block">Pride of</span>
                <span class="block pl-12 md:pl-20">The Midlands</span>
            </h2>
        </div>

        <div class="hidden md:block md:col-span-6"></div>

        <div class="relative block md:col-span-7">
            <!-- Background Logo -->
            
                <div class="absolute pointer-events-none -top-40 md:top-0 w-full translate-x-1/6 md:translate-x-0 md:-translate-y-[300px] left-1/4 opacity-10">
                    <img src="//www.luke1977.com/cdn/shop/files/Untitled-1.svg?v=1769520736" alt="Background logo" class="object-contain w-[418px] h-[640px] md:w-[487px] md:h-[752px]">
                </div>
            
        </div>

        <div class="md:col-span-5 relative min-h-[300px] flex items-start md:items-center">
            <div class="relative z-10 w-full">
                <div class="space-y-4 max-w-[360px] sm:max-w-none">
                    <p>Born in the heart of the Midlands, Luke 1977 is a brand built on pride. We represent the spirit of our community: strong, determined, and unapologetically bold. Every stitch, every design, every collection is crafted to inspire confidence and celebrate individuality.</p><p>This isn't just clothing; it's a statement. A symbol of where we're from and what we stand for. Whether you're making your mark on the streets, in the stands, or anywhere in between, Luke 1977 is here to back you all the way.</p><p>Proud of our roots. Driven by our people. Together, we rise.</p>
                </div>

                
                    <div class="mt-8">
                        <a href="/pages/about" class="text-base font-semibold underline-swipe">Discover about us</a>
                    </div>
                
            </div>
        </div>
    </div>
</section>


<style data-shopify>#shopify-section-template--25495110877563__logo_bg_text_pJVrpi > section {
    margin-top: 32px;
    margin-bottom: 20px;
    padding-top: 48px;
    padding-bottom: 0px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__logo_bg_text_pJVrpi > section {
      margin-top: 60px;
      margin-bottom: 48px;
      padding-top: 60px;
      padding-bottom: 64px;
    }
  }</style>


</section><section id="shopify-section-template--25495110877563__trustpilot_reviews_carousel_y3bDH4" class="shopify-section trustpilot-reviews-section">

<section class="py-8 md:py-12">
  <div class="container">
      <h2 class="mb-6 text-xl font-semibold">Customer Reviews</h2>
    

    <div class="trustpilot-reviews-widget">



      <!-- TrustBox widget - Slider -->
<div class="trustpilot-widget" data-locale="en-US" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="4f0eb30d0000640005123706" data-style-height="140px" data-style-width="100%" data-token="dd18d7c2-aee6-4cba-b0e0-4f9bc9c39e53" data-stars="4,5" data-review-languages="en">
  <a href="https://www.trustpilot.com/review/luke1977.com" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->

    </div>
  </div>
</section><style data-shopify>#shopify-section-template--25495110877563__trustpilot_reviews_carousel_y3bDH4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__trustpilot_reviews_carousel_y3bDH4 {
      margin-top: 32px;
      margin-bottom: 32px;
    }
  }</style>
</section><section id="shopify-section-template--25495110877563__links_block_wp8LBK" class="shopify-section links-block"><style>
    #shopify-section-template--25495110877563__links_block_wp8LBK {
        padding-top: 72px;
        padding-bottom: 100px;

    @media (max-width: 767px) {
        padding-top: 70px;
        padding-bottom: 70px;
    }
</style>

<div class="container">
    <div class="grid items-stretch grid-cols-1 gap-4 md:grid-cols-12">

        
            
                <a href="/pages/luke-stores" class="relative block overflow-hidden md:col-span-5 group aspect-square md:aspect-auto">
                    <img src="//www.luke1977.com/cdn/shop/files/freepik__text1-turn-this-image-black-and-white-and-straight__19415.jpg?v=1769510237" alt="" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102 md:hidden" loading="lazy">
                    <img src="//www.luke1977.com/cdn/shop/files/freepik__text1-turn-this-image-black-and-white-and-straight__19415.jpg?v=1769510237" alt="" class="hidden object-cover w-full h-full transition-transform duration-300 md:block group-hover:scale-102" loading="lazy">

                    

                    <div class="absolute top-0 left-0 px-3 py-2 font-mono text-xs tracking-wider text-white uppercase bg-black">
                        STORE FINDER
                    </div>
                </a>
            
        
            
        
            
        

        <div class="grid grid-cols-1 gap-4 md:col-span-7 md:grid-cols-2">
            
                
            
                
                    <a href="/pages/student-discount" class="relative block overflow-hidden group aspect-video md:aspect-auto">
                        <img src="//www.luke1977.com/cdn/shop/files/DISCOUNT.jpg?v=1771341251" alt="Luke 1977 Discount" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102 md:hidden" loading="lazy">
                        <img src="//www.luke1977.com/cdn/shop/files/DISCOUNT.jpg?v=1771341251" alt="Luke 1977 Discount" class="hidden object-cover w-full h-full transition-transform duration-300 md:block group-hover:scale-102" loading="lazy">

                        

                        <div class="absolute top-0 left-0 px-3 py-2 font-mono text-xs tracking-wider text-white uppercase bg-black">
                            student discount
                        </div>
                    </a>
                
            
                
                    <a href="/products/online-gift-card" class="relative block overflow-hidden group aspect-video md:aspect-auto">
                        <img src="//www.luke1977.com/cdn/shop/files/GIFT_CARDS.jpg?v=1771341249" alt="" class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102 md:hidden" loading="lazy">
                        <img src="//www.luke1977.com/cdn/shop/files/GIFT_CARDS.jpg?v=1771341249" alt="" class="hidden object-cover w-full h-full transition-transform duration-300 md:block group-hover:scale-102" loading="lazy">

                        

                        <div class="absolute top-0 left-0 px-3 py-2 font-mono text-xs tracking-wider text-white uppercase bg-black">
                            Gift Cards
                        </div>
                    </a>
                
            
        </div>
    </div>
</div>


</section><section id="shopify-section-template--25495110877563__separator_8cGBWa" class="shopify-section section-separator">

<section class="container">
  <hr class="w-full border-0 border-t border-black">
</section>


<style data-shopify>#shopify-section-template--25495110877563__separator_8cGBWa > section {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: px;
    padding-bottom: px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__separator_8cGBWa > section {
      margin-top: 0px;
      margin-bottom: 44px;
      padding-top: px;
      padding-bottom: px;
    }
  }</style>


</section><section id="shopify-section-template--25495110877563__ugc_carousel_xGbHze" class="shopify-section ugc-carousel-section">
<section 
  class="py-8 md:py-12"
  data-slides-per-view-mobile="1.5"
  data-slides-per-view-desktop="4.5"
  data-carousel-mode="false"
  data-scroll-speed="9000"
  data-show-pagination="false"
><div class="container mb-8">
    <div class="flex flex-col items-center justify-between gap-4 md:flex-row">
      <h2 class="font-mono text-base uppercase">part of the pack</h2>
      
      
        <a href="https://www.instagram.com/Luke1977official" class="text-base underline-swipe">
          Follow us on instagram @Luke1977official
        </a>
      
    </div>
  </div>
    <div x-data="UGCCarousel()">
      <div class="swiper js-ugc-carousel ugc-carousel">
        <div class="swiper-wrapper">
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/1_668b8924-a4d0-4a12-b6ac-bcf6ce78666f.jpg?v=1777301822&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/2_9bf98c95-426d-4cbb-a3e5-fcaf1d657ff7.jpg?v=1777301823&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/3_06686df2-cc14-4d2a-bd71-7d4665c0e282.jpg?v=1777301823&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/4_d5f2536a-e0e5-46f4-bec8-4affb83f4abc.jpg?v=1777301823&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/5_aed42904-69ae-401b-a952-39810088765f.jpg?v=1777301823&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
            <div class="swiper-slide" >
              
                <div class="relative overflow-hidden aspect-ugc-carousel-item group">
                  <img
                    src="//www.luke1977.com/cdn/shop/files/6_951f91ff-651b-4190-ad02-e2726cb196b4.jpg?v=1777301823&width=800"
                    alt="UGC Image"
                    class="object-cover w-full h-full transition-transform duration-300 group-hover:scale-102"
                    loading="lazy"
                  />
                </div>
              
            </div>
          
        </div>
      </div>
    </div>
  
</section><style data-shopify>#shopify-section-template--25495110877563__ugc_carousel_xGbHze {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__ugc_carousel_xGbHze {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }</style>
</section><div id="shopify-section-template--25495110877563__scrolling_strapline_6WzPjj" class="shopify-section">



  <link href="//www.luke1977.com/cdn/shop/t/147/assets/scrolling-strapline-Dk_cT4tt.css" rel="stylesheet" type="text/css" media="all" />

<section class="py-3 overflow-hidden  ">
<!--  required classes: marquee inline-flex max-w-full  -->
  <ul class="inline-flex max-w-full space-x-4 marquee marquee-pause whitespace-nowrap" x-data="Marquee({speed: 0.25, spaceX: 8})">
    <span class="uppercase font-mono text-3xl font-normal">25 Years of Strong British Design</span>
  </ul>
</section>


<style data-shopify>#shopify-section-template--25495110877563__scrolling_strapline_6WzPjj > section {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: px;
    padding-bottom: px;
  }
  @media (min-width: 768px) {
    #shopify-section-template--25495110877563__scrolling_strapline_6WzPjj > section {
      margin-top: 32px;
      margin-bottom: 32px;
      padding-top: px;
      padding-bottom: px;
    }
  }</style>


</div>
    </main>

    
      <div id="shopify-section-footer" class="shopify-section">
<div class="border-t">
    <div class="flex flex-col w-full pl-0 pr-0 container-md md:flex-row">
        
            
            
            
            
            
            

            
                <div class="flex flex-row-reverse md:flex-col justify-between items-center w-full md:w-1/4 gap-4 py-8 px-4 text-center border-r-0 border-b md:border-r md:border-b-0">
            
                <img class="max-w-16" src="//www.luke1977.com/cdn/shop/files/delivery.svg?v=1764956871" alt="Free UK Delivery Over £50" loading="lazy">
                <div class="text-base"><p>Free UK Delivery Over £50</p></div>
            
                </div>
            
        
            
            
            
            
            
            

            
                <div class="flex flex-row-reverse md:flex-col justify-between items-center w-full md:w-1/4 gap-4 py-8 px-4 text-center border-r-0 border-b md:border-r md:border-b-0">
            
                <img class="max-w-16" src="//www.luke1977.com/cdn/shop/files/rating.svg?v=1764956872" alt="Rated Excellent on Trustpilot" loading="lazy">
                <div class="text-base"><p>Rated Excellent on Trustpilot</p></div>
            
                </div>
            
        
            
            
            
            
            
            

            
                <div class="flex flex-row-reverse md:flex-col justify-between items-center w-full md:w-1/4 gap-4 py-8 px-4 text-center border-r-0 border-b md:border-r md:border-b-0">
            
                <img class="max-w-16" src="//www.luke1977.com/cdn/shop/files/refunds.svg?v=1764956871" alt="Instant Refunds & Free Exchanges" loading="lazy">
                <div class="text-base"><p>Instant Refunds & Free Exchanges</p></div>
            
                </div>
            
        
            
            
            
            
            
            

            
                <div class="flex flex-row-reverse md:flex-col justify-between items-center w-full md:w-1/4 gap-4 py-8 px-4 text-center">
            
                <img class="max-w-16" src="//www.luke1977.com/cdn/shop/files/klarna-logo.svg?v=1770629196" alt="Buy Now, Pay Later" loading="lazy">
                <div class="text-base"><p>Buy Now, Pay Later</p></div>
            
                </div>
            
        
    </div>
</div>
<div class="text-white bg-black">
    <div class="container py-20">
        <div class="flex flex-col justify-between w-full gap-10 mb-18 md:mb-48 md:flex-row">
            <div x-data="{ open: null }" class="w-full max-w-[564px]">
    
        <ul class="flex flex-col gap-7">
            
                <li class="relative">
                    <div class="flex items-center justify-between">
                        
                            <button
                                type="button"
                                class="text-xl font-medium font-body text-left hover:underline"
                                @click="open === 0 ? open = null : open = 0"
                            >
                                Shop
                            </button>
                        

                        
                            <button
                                type="button"
                                class="ml-2 text-lg focus:outline-none"
                                @click="open === 0 ? open = null : open = 0"
                                aria-label="Toggle sublinks"
                            >
                                <span class="inline-block transition-transform duration-300 ease-in-out" :class="open === 0 ? 'rotate-90' : 'rotate-0'">
                                    

<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="8.5" y1="2.18557e-08" x2="8.5" y2="17" stroke="#F5F5F5"/>
    <line y1="8.5" x2="17" y2="8.5" stroke="#F5F5F5" class="transition-opacity duration-300 ease-in-out" :class="open === 0 ? 'opacity-0' : 'opacity-100'"/>
</svg>

                                </span>
                            </button>
                        
                    </div>
                    
                        <div
                            x-show="open === 0"
                            x-transition:enter="transition-all ease-in-out duration-300"
                            x-transition:enter-start="opacity-100 max-h-0"
                            x-transition:enter-end="opacity-100 max-h-96"
                            x-transition:leave="transition-all ease-in-out duration-300"
                            x-transition:leave-start="opacity-100 max-h-96"
                            x-transition:leave-end="opacity-100 max-h-0"
                            class="overflow-hidden"
                        >
                            <ul
                                x-show="open === 0"
                                x-transition:enter="transition-opacity ease-in-out duration-200 delay-150"
                                x-transition:enter-start="opacity-0"
                                x-transition:enter-end="opacity-100"
                                x-transition:leave="transition-opacity ease-in-out duration-150"
                                x-transition:leave-start="opacity-100"
                                x-transition:leave-end="opacity-0"
                                class="flex flex-col gap-2 mt-2 ml-4"
                            >
                                
                                    <li>
                                        <a href="/collections/new-in" class="hover:underline">
                                            New Arrivals
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/collections/best-selling-styles" class="hover:underline">
                                            Bestsellers
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/collections/summer-26" class="hover:underline">
                                            Summer 26
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/terrace-division" class="hover:underline">
                                            Terrace Division
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/top-tier-tracksuits" class="hover:underline">
                                            Top-Tier Tracksuits
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/gran-paradiso" class="hover:underline">
                                            Gran Paradiso
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/collections/mens-cargos" class="hover:underline">
                                            Classic Cargos
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/luke-juniors" class="hover:underline">
                                            Luke Junior
                                        </a>
                                    </li>
                                
                            </ul>
                        </div>
                    
                </li>
            
                <li class="relative">
                    <div class="flex items-center justify-between">
                        
                            <button
                                type="button"
                                class="text-xl font-medium font-body text-left hover:underline"
                                @click="open === 1 ? open = null : open = 1"
                            >
                                Brand
                            </button>
                        

                        
                            <button
                                type="button"
                                class="ml-2 text-lg focus:outline-none"
                                @click="open === 1 ? open = null : open = 1"
                                aria-label="Toggle sublinks"
                            >
                                <span class="inline-block transition-transform duration-300 ease-in-out" :class="open === 1 ? 'rotate-90' : 'rotate-0'">
                                    

<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="8.5" y1="2.18557e-08" x2="8.5" y2="17" stroke="#F5F5F5"/>
    <line y1="8.5" x2="17" y2="8.5" stroke="#F5F5F5" class="transition-opacity duration-300 ease-in-out" :class="open === 1 ? 'opacity-0' : 'opacity-100'"/>
</svg>

                                </span>
                            </button>
                        
                    </div>
                    
                        <div
                            x-show="open === 1"
                            x-transition:enter="transition-all ease-in-out duration-300"
                            x-transition:enter-start="opacity-100 max-h-0"
                            x-transition:enter-end="opacity-100 max-h-96"
                            x-transition:leave="transition-all ease-in-out duration-300"
                            x-transition:leave-start="opacity-100 max-h-96"
                            x-transition:leave-end="opacity-100 max-h-0"
                            class="overflow-hidden"
                        >
                            <ul
                                x-show="open === 1"
                                x-transition:enter="transition-opacity ease-in-out duration-200 delay-150"
                                x-transition:enter-start="opacity-0"
                                x-transition:enter-end="opacity-100"
                                x-transition:leave="transition-opacity ease-in-out duration-150"
                                x-transition:leave-start="opacity-100"
                                x-transition:leave-end="opacity-0"
                                class="flex flex-col gap-2 mt-2 ml-4"
                            >
                                
                                    <li>
                                        <a href="/pages/about" class="hover:underline">
                                            About Us
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/blogs/news" class="hover:underline">
                                            The Programme
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/luke-stores" class="hover:underline">
                                            Store Finder
                                        </a>
                                    </li>
                                
                            </ul>
                        </div>
                    
                </li>
            
                <li class="relative">
                    <div class="flex items-center justify-between">
                        
                            <button
                                type="button"
                                class="text-xl font-medium font-body text-left hover:underline"
                                @click="open === 2 ? open = null : open = 2"
                            >
                                Customer Service
                            </button>
                        

                        
                            <button
                                type="button"
                                class="ml-2 text-lg focus:outline-none"
                                @click="open === 2 ? open = null : open = 2"
                                aria-label="Toggle sublinks"
                            >
                                <span class="inline-block transition-transform duration-300 ease-in-out" :class="open === 2 ? 'rotate-90' : 'rotate-0'">
                                    

<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line x1="8.5" y1="2.18557e-08" x2="8.5" y2="17" stroke="#F5F5F5"/>
    <line y1="8.5" x2="17" y2="8.5" stroke="#F5F5F5" class="transition-opacity duration-300 ease-in-out" :class="open === 2 ? 'opacity-0' : 'opacity-100'"/>
</svg>

                                </span>
                            </button>
                        
                    </div>
                    
                        <div
                            x-show="open === 2"
                            x-transition:enter="transition-all ease-in-out duration-300"
                            x-transition:enter-start="opacity-100 max-h-0"
                            x-transition:enter-end="opacity-100 max-h-96"
                            x-transition:leave="transition-all ease-in-out duration-300"
                            x-transition:leave-start="opacity-100 max-h-96"
                            x-transition:leave-end="opacity-100 max-h-0"
                            class="overflow-hidden"
                        >
                            <ul
                                x-show="open === 2"
                                x-transition:enter="transition-opacity ease-in-out duration-200 delay-150"
                                x-transition:enter-start="opacity-0"
                                x-transition:enter-end="opacity-100"
                                x-transition:leave="transition-opacity ease-in-out duration-150"
                                x-transition:leave-start="opacity-100"
                                x-transition:leave-end="opacity-0"
                                class="flex flex-col gap-2 mt-2 ml-4"
                            >
                                
                                    <li>
                                        <a href="/pages/contact" class="hover:underline">
                                            Contact Us
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/uk-delivery" class="hover:underline">
                                            Delivery Information
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="https://returns.reveni.io/luke1977" class="hover:underline">
                                            Return or Exchange an Item
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/returns-exchanges" class="hover:underline">
                                            Returns Policy
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/klarna" class="hover:underline">
                                            Klarna
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/student-discount" class="hover:underline">
                                            Student Discount
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/youthdiscount" class="hover:underline">
                                            Youth & Apprentice Discount
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="/pages/beans-id" class="hover:underline">
                                            Key Workers Discount
                                        </a>
                                    </li>
                                
                            </ul>
                        </div>
                    
                </li>
            
        </ul>
    
</div>
            <div class="max-w-[480px] w-full" x-data="klaviyoNewsletterForm()">
    <h3 class="mb-6 text-xl font-semibold">Join the Pack</h3>

    <div class="text-base"><p>Be the first to hear about seasonal drops, latest news, and exclusive early access to some of our best deals! Plus, get 20% off your first order!</p></div>

    <form @submit.prevent="submitForm" class="flex justify-between w-full pb-1 mt-10 border-b-2 border-white">
        <input
            x-model="email"
            class="text-white placeholder-white bg-transparent outline-none grow"
            type="email"
            placeholder="name@email.com"
            required
            :disabled="loading || success"
        >
        <button
            type="submit"
            class="ml-2 uppercase disabled:opacity-50"
            :disabled="loading || success"
        >
            <span x-show="!loading && !success">submit</span>
            <span x-show="loading" x-cloak>...</span>
            <span x-show="success" x-cloak>✓</span>
        </button>
    </form>

    <div x-show="error" x-cloak class="mt-2 text-sm text-red-400" x-text="error"></div>
    <div x-show="success" x-cloak class="mt-2 text-sm text-white">Thanks for subscribing!</div>
</div>

<script>
function klaviyoNewsletterForm() {
    return {
        email: '',
        loading: false,
        success: false,
        error: '',
        companyId: 'QNuvmL',
        listId: 'SwSnzd',

        async submitForm() {
            this.loading = true;
            this.error = '';
            this.success = false;

            try {
                // Subscribe to specific list using Client Subscription API
                const response = await fetch(`https://a.klaviyo.com/client/subscriptions/?company_id=${this.companyId}`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'revision': '2025-01-15'
                    },
                    body: JSON.stringify({
                        data: {
                            type: 'subscription',
                            attributes: {
                                profile: {
                                    data: {
                                        type: 'profile',
                                        attributes: {
                                            email: this.email
                                        }
                                    }
                                },
                                custom_source: 'Footer Newsletter Form'
                            },
                            relationships: {
                                list: {
                                    data: {
                                        type: 'list',
                                        id: this.listId
                                    }
                                }
                            }
                        }
                    })
                });

                if (!response.ok) {
                    const errorData = await response.json();
                    throw new Error(errorData.errors?.[0]?.detail || 'Subscription failed');
                }

                // Optional: Track the subscription event
                if (typeof klaviyo !== 'undefined') {
                    klaviyo.track('Newsletter Signup', {
                        'Source': 'Footer Form',
                        'List ID': this.listId
                    });
                }

                this.success = true;
                this.email = '';

            } catch (err) {
                console.error('Klaviyo subscription error:', err);
                this.error = err.message || 'Something went wrong. Please try again.';
            } finally {
                this.loading = false;
            }
        }
    }
}
</script>
        </div>

        <div class="flex justify-between">
            <div>
                <div class="w-full max-w-[564px] text-sm mb-9">
                    <p>LUKE 1977 is a British menswear brand born in the West Midlands, creating sharp, durable clothing that blends working-class grit with modern style. From classic polos, tracksuits, and jackets to knitwear and everyday essentials, every piece is designed with no gimmicks and no fuss. Built on heritage and made to be worn everywhere, LUKE 1977 stands for quality, confidence, and the mark of the lion.</p>
                </div>
                <div class="flex flex-col items-center gap-8 md:flex-row">
                <ul class="flex items-center gap-4">

    
        <li><a href="https://www.facebook.com/Luke1977Clothing" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6368_9093)">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 8.25H14.25C13.0078 8.25 12 9.25781 12 10.5V21" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 13.5H15" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6368_9093">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
    
    
        <li><a href="https://www.instagram.com/luke1977official" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6368_9088)">
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.875 8.0625C17.3928 8.0625 17.8125 7.64277 17.8125 7.125C17.8125 6.60723 17.3928 6.1875 16.875 6.1875C16.3572 6.1875 15.9375 6.60723 15.9375 7.125C15.9375 7.64277 16.3572 8.0625 16.875 8.0625Z" fill="#F5F5F5"/>
</g>
<defs>
<clipPath id="clip0_6368_9088">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
    
    
        <li><a href="https://www.tiktok.com/@luke1977" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on TikTok"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6368_9081)">
<path d="M15.75 9.5625C17.2791 10.6631 19.1156 11.2537 21 11.25V7.5C18.1003 7.5 15.75 5.14969 15.75 2.25H12V14.625C12 16.0744 10.8234 17.2491 9.37406 17.2491C7.92469 17.2491 6.75 16.0725 6.75 14.6231C6.75 13.6097 7.33406 12.6872 8.25 12.2522V8.25C5.26594 8.78156 3 11.4881 3 14.625C3 18.1463 5.85375 21 9.375 21C12.8963 21 15.75 18.1463 15.75 14.625V9.5625Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6368_9081">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
    
    
        <li><a href="https://twitter.com/LukeRoper" target="_blank" rel="noopener noreferrer" aria-label="Luke 1977 on X"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6368_9076)">
<path d="M4.5 3.75H9L19.5 20.25H15L4.5 3.75Z" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6762 13.4561L4.5 20.2501" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 3.75L13.3237 10.5441" stroke="#F5F5F5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_6368_9076">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</a></li>
    
    

</ul>
                <!-- TrustBox widget - Micro TrustScore -->
<div class="hidden px-4 py-4 md:block trustpilot-widget" data-locale="en-US" data-template-id="5419b637fa0340045cd0c936" data-businessunit-id="4f0eb30d0000640005123706" data-style-height="20px" data-style-width="100%" data-theme="dark" data-token="a0278638-6507-4024-b681-4a941cae7735">
  <a href="https://www.trustpilot.com/review/luke1977.com" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->

<!-- TrustBox widget - Mini -->
<div class="block px-4 py-4 md:hidden trustpilot-widget" data-locale="en-US" data-template-id="53aa8807dec7e10d38f59f32" data-businessunit-id="4f0eb30d0000640005123706" data-style-height="150px" data-style-width="100%" data-theme="dark" data-token="131296d8-b8d3-4638-a64b-1b89e073696c">
  <a href="https://www.trustpilot.com/review/luke1977.com" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->
                </div>
            </div>

            <div class="hidden mt-auto md:block"><svg width="93" height="129" viewBox="0 0 93 129" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6364_3373)">
<path d="M0 89.8013H5.4089V109.556H18.7219V114.495H0V89.8013Z" fill="white"/>
<path d="M21.6875 103.907V89.7959H27.0964V103.767C27.0964 107.787 29.1008 109.868 32.402 109.868C35.7031 109.868 37.7076 107.855 37.7076 103.943V89.7959H43.1165V103.73C43.1165 111.206 38.9371 114.879 32.3348 114.879C25.7326 114.879 21.6927 111.175 21.6927 103.907H21.6875Z" fill="#DC052F"/>
<path d="M54.0427 89.8013H48.6338V114.495H54.0427V89.8013Z" fill="#DC052F"/>
<path d="M74.2783 89.8011H93.0002V94.6309H79.6511V99.7306H91.2438V104.56H79.6511V109.66H93.0002V114.49H74.2783V89.7959V89.8011Z" fill="white"/>
<path d="M70.3627 89.8013H63.8637L54.043 102.143L63.8637 114.49H70.3627L60.5419 102.143L70.3627 89.8013Z" fill="#DC002F"/>
<path d="M19.0781 122.36H23.8981V123.387H20.2198V125.083H23.4796V126.111H20.2198V127.864H23.9446V128.891H19.0781V122.365V122.36Z" fill="#87714D"/>
<path d="M26.7188 127.936L27.4058 127.117C28.0258 127.656 28.6612 127.968 29.4568 127.968C30.1645 127.968 30.6088 127.63 30.6088 127.148V127.127C30.6088 126.66 30.3505 126.411 29.1416 126.131C27.7571 125.794 26.9771 125.384 26.9771 124.18V124.16C26.9771 123.039 27.907 122.266 29.1985 122.266C30.1439 122.266 30.8981 122.557 31.5594 123.086L30.9446 123.952C30.3608 123.516 29.7771 123.283 29.1778 123.283C28.5114 123.283 28.1188 123.631 28.1188 124.056V124.077C28.1188 124.58 28.4184 124.803 29.6686 125.104C31.0428 125.441 31.7505 125.934 31.7505 127.013V127.034C31.7505 128.253 30.7948 128.984 29.4309 128.984C28.4391 128.984 27.4988 128.637 26.7188 127.942V127.936Z" fill="#87714D"/>
<path d="M36.4099 123.423H34.3486V122.36H39.6232V123.423H37.5619V128.886H36.4099V123.423Z" fill="#87714D"/>
<path d="M39.8818 127.6H41.1165V128.886H39.8818V127.6Z" fill="#87714D"/>
<path d="M49.5275 123.48L48.36 123.807L48.1172 122.873L49.8737 122.313H50.6641V128.886H49.5327V123.475L49.5275 123.48Z" fill="#87714D"/>
<path d="M57.7876 125.893C57.426 126.328 56.9249 126.593 56.2533 126.593C54.8688 126.593 53.9492 125.784 53.9492 124.523V124.502C53.9492 123.226 54.9359 122.246 56.3721 122.246C57.1884 122.246 57.7205 122.479 58.1854 122.936C58.6607 123.418 58.9655 124.139 58.9655 125.426V125.446C58.9655 127.542 57.9323 129 56.181 129C55.2821 129 54.6466 128.673 54.099 128.217L54.719 127.34C55.2097 127.75 55.6489 127.957 56.2068 127.957C57.3588 127.957 57.7773 126.764 57.7876 125.898V125.893ZM57.7411 124.461V124.44C57.7411 123.76 57.2142 123.236 56.3876 123.236C55.561 123.236 55.0961 123.776 55.0961 124.45V124.471C55.0961 125.151 55.6179 125.638 56.4238 125.638C57.2297 125.638 57.7411 125.099 57.7411 124.466V124.461Z" fill="#87714D"/>
<path d="M65.1129 123.366H61.8428V122.36H66.4096V123.226L63.4856 128.886H62.1941L65.1077 123.366H65.1129Z" fill="#87714D"/>
<path d="M72.6197 123.366H69.3496V122.36H73.9164V123.226L70.9924 128.886H69.7009L72.6146 123.366H72.6197Z" fill="#87714D"/>
<path d="M59.8274 37.6739C59.8274 37.6739 59.7861 37.6687 59.7654 37.6739C59.6156 37.6843 59.5278 37.8658 59.4244 37.9592C59.3005 38.0734 59.1248 38.1304 58.9543 38.1045C58.6495 38.0526 58.4377 37.7673 58.3137 37.4819C58.2001 37.2277 58.1278 36.958 58.0141 36.6986C57.9263 36.4963 57.5698 35.8374 57.2547 36.0242C57.0739 36.1279 57.1565 36.517 57.1772 36.6778C57.234 37.1344 57.4303 37.5598 57.6421 37.9592C57.9728 38.5766 58.3912 39.0902 58.5875 39.7801C58.7735 40.4494 58.7993 41.1705 58.6444 41.8501C58.4894 42.5245 58.1691 43.147 57.9934 43.8163C57.6008 45.357 58.0296 46.9704 58.1278 48.5527C58.1278 48.5942 58.1278 48.6357 58.1174 48.672C57.9831 48.9833 57.3632 48.5008 57.2547 48.3711C56.7639 47.7901 56.7019 47.0068 56.6916 46.2805C56.6864 45.9536 56.7174 45.5179 56.4849 45.2481C56.237 44.9628 55.7513 44.9264 55.4517 45.1547C55.2451 45.3103 55.0694 45.44 54.8989 45.1547C54.465 44.4544 54.6665 43.6814 54.6561 42.9084C54.6561 42.6386 54.403 41.6218 54.0465 42.1925C53.8761 42.4622 53.8709 42.8254 53.8089 43.1263C53.6901 43.7073 53.6074 44.3143 53.7676 44.8953C53.9536 45.5697 54.4392 46.1093 54.8783 46.6488C55.5085 47.4218 56.0716 48.2466 56.7381 48.9833C57.1462 49.4346 57.5905 49.8549 58.1123 50.1661C58.634 50.4774 59.2281 50.6797 59.8326 50.6693C59.9101 50.6693 59.9979 50.6538 60.034 50.5863C60.0599 50.5345 60.0392 50.467 60.0134 50.41C59.7602 49.8445 59.2385 49.445 59.0525 48.8329C58.8613 48.1948 58.9905 47.5152 59.0473 46.8667C59.1455 45.7202 59.2281 44.5737 59.2643 43.4272C59.2798 42.9395 59.2901 42.4415 59.3883 41.9642C59.4813 41.4817 59.6672 41.0097 59.9927 40.6465C60.189 40.4234 60.4422 40.247 60.592 39.9877C60.9898 39.3288 60.5352 38.3431 60.0702 37.8347C60.003 37.7621 59.9256 37.6895 59.8274 37.6687V37.6739Z" fill="#87714D"/>
<path d="M47.7031 57.9896C47.9304 57.2788 47.8581 56.5214 47.7393 55.8003C47.6773 55.4216 47.6876 54.9754 47.4965 54.633C47.0832 53.9068 46.7267 55.157 46.706 55.4838C46.6751 56.0701 46.7835 56.6563 46.7112 57.2373C46.6802 57.5227 46.6079 57.808 46.4374 58.0466C46.3238 58.2023 45.9311 58.6173 45.7193 58.4201C45.6625 58.3683 45.6367 58.2904 45.6212 58.2178C45.5282 57.865 45.5333 57.4863 45.3835 57.1543C45.3319 57.0402 45.244 56.9209 45.1201 56.9105C44.4588 56.8586 44.1075 58.057 44.0248 58.5343C43.8905 59.3073 43.8854 60.0958 43.751 60.874C43.6736 61.3149 43.5186 61.7767 43.2086 62.1087C43.0691 62.2643 42.2735 62.8298 42.1237 62.4355C42.1082 62.3888 42.1082 62.3369 42.1134 62.2851C42.3149 60.3293 42.9245 58.3527 42.5163 56.428C42.3407 55.5928 41.9739 54.7991 41.8138 53.9586C41.6536 53.1078 41.7208 52.2207 41.9894 51.401C42.2632 50.5554 42.8108 49.9381 43.2499 49.1962C43.5341 48.7086 43.7975 48.195 43.8905 47.6295C43.9215 47.4272 44.0455 46.9551 43.8285 46.815C43.4462 46.5712 42.9761 47.3649 42.8521 47.6088C42.6972 47.92 42.5938 48.252 42.4389 48.5633C42.2684 48.9109 41.9946 49.2585 41.6174 49.3052C41.4108 49.3311 41.1938 49.2481 41.044 49.1028C40.92 48.9835 40.8219 48.7553 40.6359 48.7293C40.6101 48.7293 40.5842 48.7293 40.5584 48.7293C40.4344 48.7501 40.3363 48.8331 40.2484 48.9213C39.644 49.5282 39.0344 50.7266 39.4942 51.5619C39.6698 51.8835 39.9695 52.1221 40.2071 52.4075C40.5946 52.8744 40.796 53.471 40.889 54.0728C40.982 54.6745 40.9717 55.2815 40.9665 55.8937C40.9562 57.3151 40.9975 58.7418 41.0647 60.1632C41.1008 60.9674 41.2248 61.8182 40.9562 62.5963C40.6979 63.3434 40.0263 63.8103 39.6905 64.5003C39.6595 64.5677 39.6285 64.6455 39.6595 64.7181C39.7008 64.8063 39.8093 64.8219 39.9023 64.8271C40.6514 64.8686 41.4005 64.6507 42.0566 64.2876C42.7127 63.9244 43.2913 63.4316 43.813 62.892C44.6758 62.0101 45.4145 61.0192 46.2308 60.0958C46.8042 59.4473 47.4293 58.8092 47.6928 57.9844L47.7031 57.9896Z" fill="#87714D"/>
<path d="M55.7002 60.0126C55.4316 59.2344 55.5556 58.3836 55.5969 57.5795C55.6641 56.158 55.7002 54.7366 55.6951 53.3099C55.6951 52.8171 55.7054 52.3242 55.7261 51.8314C55.7261 51.7328 55.7312 51.6291 55.6899 51.5409C55.5918 51.323 55.2715 51.2971 55.0751 51.4268C54.8788 51.5564 54.7703 51.7899 54.6877 52.0078C54.2227 53.2062 54.0006 54.4927 54.0213 55.7793C54.0419 57.1074 54.4139 58.3836 54.5482 59.7013C54.5482 59.7532 54.5585 59.8051 54.5379 59.8518C54.4036 60.2045 53.8456 59.4004 53.7165 59.224C53.2825 58.6326 52.7711 58.0412 52.208 57.5743C51.805 57.2371 51.3452 56.9673 50.9784 56.5938C50.56 56.1684 50.1725 55.5459 50.0279 54.9597C49.8626 54.2956 49.9969 53.5693 49.9607 52.8949C49.9401 52.5629 49.5836 51.3178 49.1703 52.0441C48.974 52.3865 48.9895 52.8326 48.9275 53.2114C48.8087 53.9325 48.7364 54.6899 48.9637 55.4006C49.2271 56.2255 49.8522 56.8688 50.4257 57.5121C51.2419 58.4355 51.9858 59.4264 52.8434 60.3083C53.3703 60.8426 53.9438 61.3407 54.5999 61.7038C55.256 62.0669 56.005 62.2848 56.7541 62.2433C56.8471 62.2381 56.9556 62.2174 56.9969 62.1344C57.0279 62.0669 56.9969 61.9839 56.9659 61.9165C56.625 61.2265 55.9534 60.7596 55.7002 60.0126Z" fill="#87714D"/>
<path d="M52.9263 62.9178C52.6422 62.7829 52.296 63.5974 52.1927 63.7479C52.0894 63.9035 51.9861 64.0695 51.8363 64.194C51.6761 64.3237 51.4901 64.3964 51.3041 64.2822C51.1233 64.1733 51.1078 63.9243 50.9632 63.8153C50.6997 63.613 50.2968 64.2667 50.1728 64.4379C49.868 64.8477 49.5993 65.1226 49.1757 65.4028C48.6126 65.7763 48.2872 66.3055 47.8222 66.7776C47.7085 66.8917 47.5587 67.0058 47.3986 66.9695C47.2436 66.928 47.1609 66.7516 47.1558 66.5908C47.1454 66.1913 47.2849 65.7452 47.3676 65.3509C47.4606 64.9255 47.5587 64.5001 47.6621 64.0799C47.8274 63.4159 48.1167 62.7674 48.158 62.0722C48.1683 61.9062 48.158 61.7298 48.065 61.5949C48.0288 61.5482 47.9823 61.5016 47.9255 61.486C47.5019 61.3719 47.3366 62.9178 47.2539 63.1824C47.0421 63.8672 46.603 64.4586 46.3912 65.1434C46.1071 66.0409 46.231 67.0006 46.3705 67.9137C46.479 68.6296 46.6495 69.4182 47.1196 69.9888C47.1971 70.0822 47.3056 70.1548 47.3831 70.2482C47.4967 70.3883 47.6414 70.5283 47.8222 70.5283C48.0857 70.5283 48.2458 70.2326 48.3078 69.9732C48.5196 69.0913 48.375 68.1056 48.8141 67.3171C49.1034 66.7983 49.6097 66.4403 50.1159 66.1291C50.834 65.6881 51.5986 65.3042 52.234 64.7543C52.6938 64.3548 53.1123 63.8049 53.0658 63.198C53.0606 63.1098 53.04 63.0216 52.978 62.9593C52.9625 62.9438 52.9418 62.9282 52.9211 62.9178H52.9263Z" fill="#87714D"/>
<path d="M45.533 46.4932C45.626 46.7993 45.564 47.1521 45.502 47.4581C45.409 47.9147 45.3419 48.3868 45.409 48.8537C45.471 49.3102 45.6673 49.7408 45.9515 50.0676C46.1168 50.2596 47.0622 51.0377 47.15 50.4671C47.1965 50.1662 47.1035 49.7823 47.0932 49.4762C47.0828 49.1338 47.0932 48.7966 47.1293 48.4594C47.1603 48.2052 47.2843 47.6864 47.5839 47.9562C47.6563 48.0236 47.7286 48.1118 47.8216 48.1222C47.9042 48.1326 47.9817 48.0755 48.0489 48.0236C48.4828 47.6968 48.9116 47.3751 49.3456 47.0483C49.7434 46.7474 50.1515 46.4361 50.4253 45.9952C50.6836 45.575 50.8024 45.0718 50.9471 44.5841C51.1124 44.0342 51.3242 43.4998 51.6135 43.0226C51.7581 42.7891 51.9183 42.566 52.1043 42.3689C52.2748 42.1873 52.4814 42.0369 52.6209 41.8138C52.8585 41.4299 52.8585 40.8696 52.7862 40.4235C52.7242 40.0344 52.595 39.6505 52.3781 39.3392C52.2902 39.2095 51.877 38.6908 51.6961 38.8775C51.6807 38.8931 51.6703 38.9086 51.66 38.9294C51.6187 39.0176 51.6342 39.1213 51.6497 39.2199C51.722 39.6038 51.8408 39.9721 51.8976 40.356C51.9493 40.7399 51.9286 41.1446 51.7426 41.4818C51.722 41.5181 51.7013 41.5544 51.6652 41.5752C51.5722 41.6322 51.4585 41.5337 51.3914 41.4351C51.1589 41.0823 51.0556 40.6466 50.9574 40.2315C50.8902 39.9566 50.8541 39.6661 50.7508 39.4015C50.6733 39.2147 50.3943 38.7945 50.3323 39.2303C50.0482 41.212 51.1899 43.6399 49.5626 45.1599C49.1958 45.5023 48.7515 45.741 48.2865 45.8447C48.0437 45.8966 47.7854 45.9174 47.5736 46.0626C47.367 46.1975 47.2223 46.431 47.0828 46.6592C47.0208 46.763 46.9537 46.8719 46.8607 46.9394C46.7677 47.0068 46.6334 47.0172 46.5507 46.9394C46.4267 46.8149 46.4784 46.5866 46.5507 46.4154C46.8142 45.7929 47.1397 45.243 47.2791 44.5582C47.4393 43.7541 47.4496 42.924 47.3773 42.1095C47.3566 41.8864 47.212 41.7879 46.995 41.7775C46.8659 41.7723 46.7315 41.7879 46.6282 41.8657C46.5094 41.9591 46.4629 42.1199 46.4371 42.2755C46.3131 43.0278 46.4216 43.7644 46.0858 44.4752C45.9463 44.7761 45.7396 45.0406 45.4813 45.217C45.3212 45.326 44.8562 45.466 45.0422 45.7669C45.1972 46.0263 45.44 46.1819 45.533 46.4932Z" fill="#87714D"/>
<path d="M40.6983 21.3533C39.7374 21.3274 38.9211 21.8617 38.0532 22.1886C37.5573 22.3701 37.0252 22.3494 36.5086 22.3286C36.2193 22.3183 35.5167 22.1574 35.4185 22.5569C35.3875 22.6866 35.4237 22.8267 35.4702 22.9512C35.6148 23.361 35.8215 23.7812 35.744 24.2118C35.651 24.7358 35.155 24.9589 34.6849 25.1249C34.2975 25.2597 33.8687 25.4361 33.7034 25.8148C33.6414 25.9549 33.6207 26.1261 33.7292 26.2506C33.8015 26.3388 33.91 26.3855 34.0133 26.4218C34.6229 26.619 35.0156 26.2351 35.4598 25.8771C35.8318 25.5762 36.2554 25.3479 36.5912 25.0004C36.9219 24.6632 36.9942 24.1184 37.3816 23.8539C37.6554 23.6619 38.0171 23.6723 38.3477 23.5945C39.2053 23.387 39.7425 22.5984 40.4503 22.1263C40.6363 22.0018 40.9307 21.8825 41.0237 21.6646C41.1219 21.4311 40.9049 21.3533 40.7034 21.3481L40.6983 21.3533Z" fill="#87714D"/>
<path d="M51.2573 32.7507C51.6551 34.1462 52.1355 35.5728 53.1119 36.6415C53.2824 36.8283 53.4942 37.0151 53.7473 37.0151C54.0263 37.0151 54.2588 36.7816 54.3466 36.517C54.5687 35.8582 54.2071 35.1889 54.2898 34.5301C54.3776 33.7986 54.4551 33.0671 54.4706 32.3253C54.4861 31.6405 54.4551 30.9401 54.2329 30.2865C53.9023 29.3112 53.2617 28.4707 52.5643 27.7341C52.4661 27.6303 52.368 27.5317 52.2492 27.4643C52.1303 27.3969 51.9805 27.3657 51.8462 27.4124C51.6137 27.4954 51.5207 27.7756 51.5001 28.0246C51.4794 28.2477 51.5001 28.4811 51.5931 28.6886C51.7791 29.0829 52.275 29.14 52.5953 29.389C52.9466 29.6639 53.2101 30.0375 53.4012 30.4369C53.7783 31.2358 53.8713 35.6662 52.5746 33.5963C52.2853 33.1346 52.1148 32.6158 51.8772 32.123C51.7532 31.8688 51.6292 31.6094 51.4588 31.3759C51.3606 31.241 50.8801 30.7378 50.8027 31.0439C50.751 31.2462 50.9731 31.7079 51.0248 31.9154C51.0971 32.1956 51.1746 32.4757 51.2573 32.7507Z" fill="#87714D"/>
<path d="M70.3047 53.2996C70.3047 53.2996 70.2841 53.284 70.2737 53.2789C69.4317 52.7601 68.4966 52.4281 67.6752 51.8781C67.5874 51.8211 67.5047 51.7588 67.4479 51.6706C67.391 51.5876 67.3652 51.4735 67.4065 51.3749C67.4427 51.2867 67.5305 51.2349 67.6184 51.1934C68.0523 50.9858 68.5431 51.0273 69.008 50.9599C69.4523 50.8925 69.9224 50.768 70.2996 50.5086C70.4029 50.4359 70.501 50.3529 70.532 50.2336C70.6405 49.8445 69.7416 49.7045 69.5143 49.6526C68.8789 49.5125 68.3984 49.388 67.856 48.9833C67.7992 48.9418 67.7423 48.8952 67.7165 48.8329C67.67 48.7084 67.7527 48.5787 67.856 48.4957C68.0936 48.3037 68.3778 48.1377 68.3984 47.8005C68.4243 47.3959 68.0678 47.0742 67.7785 46.8563C66.9106 46.2027 66.2028 45.3415 65.7276 44.3662C65.5674 44.0342 65.4279 43.6762 65.3143 43.3235C65.2471 43.1159 65.2161 42.8721 65.3194 42.6698C65.3814 42.5453 65.4899 42.4467 65.6139 42.3793C65.9445 42.1977 66.332 42.2185 66.6781 42.0784C66.9674 41.9591 67.3962 41.6997 67.3962 41.3417C67.3962 40.963 66.8331 40.8956 66.5696 40.8126C66.1047 40.6673 65.7534 40.356 65.4124 40.0084C64.56 39.1525 63.9091 37.9904 63.7128 36.7868C63.6611 36.46 63.6818 36.0657 63.9608 35.8893C64.0796 35.8167 64.2191 35.7959 64.3534 35.7648C64.7253 35.687 65.3711 35.5158 65.5003 35.0852C65.5777 34.8206 65.4021 34.5509 65.2471 34.3537C64.7408 33.7104 64.0383 33.2435 63.5113 32.6158C63.3305 32.4031 63.16 32.1645 63.0774 31.8947C62.8604 31.1944 62.4058 30.6081 61.9408 30.053C61.6154 29.6691 61.2331 29.3319 60.9489 28.9169C60.732 28.5953 60.3807 27.8742 60.7526 27.537C60.8508 27.4488 60.9851 27.4228 61.0987 27.3554C61.6773 27.0286 61.4087 26.2193 61.0522 25.8354C60.7578 25.5137 60.3652 25.3062 59.9984 25.0676C59.0168 24.4191 58.5312 23.5579 57.8544 22.6397C57.4153 22.0483 56.9349 21.4984 56.4648 20.9329C56.0515 20.4349 55.695 19.8642 55.571 19.2261C55.478 18.7229 55.5349 18.2041 55.5762 17.6957C55.5969 17.4622 55.6124 17.2236 55.5297 17.0057C55.3179 16.461 54.574 16.1342 54.0677 15.9474C53.4426 15.7191 52.7865 15.6102 52.1356 15.4909C51.7378 15.4182 51.0249 15.3093 50.9112 14.8268C50.7097 13.976 51.6448 11.2836 51.1644 10.7907C49.6404 9.17731 51.3555 9.32776 51.4175 7.8233C51.5053 5.75855 48.8396 7.37196 48.6795 6.59378C48.5658 6.03869 48.8809 4.93369 48.2145 4.61204C47.7547 4.38897 47.2175 4.74174 46.7835 4.39416C46.3599 4.05176 46.3547 3.51223 46.2462 3.02457C45.9104 1.53567 44.1281 1.3126 43.0381 1.87807C41.5967 2.6303 39.7421 2.91563 38.6314 1.46823C38.3318 1.07915 38.2388 -0.0466073 37.5465 -0.0154805C36.8801 0.0156464 36.7458 1.16734 36.4771 1.61349C36.4307 1.69131 36.3738 1.77431 36.2963 1.821C36.2188 1.86769 36.1259 1.87807 36.0329 1.88326C35.1236 1.95589 34.1989 1.821 33.3052 1.99739C32.3856 2.18415 31.4402 2.75481 30.8513 3.49148C30.5723 3.83906 30.3347 4.25408 30.283 4.70024C30.2313 5.17751 30.314 5.69629 30.0712 6.13207C29.7716 6.67679 28.9811 6.81167 28.7797 7.40308C28.7125 7.60541 28.7383 7.82329 28.7797 8.03599C28.9295 8.93349 29.1723 9.81541 29.4203 10.687C29.6424 11.4599 29.6992 12.3367 29.3531 13.0889C29.0741 13.7011 28.5679 14.1732 28.1959 14.7335C27.8704 15.2263 27.6483 15.7762 27.39 16.3105C27.049 17.0057 26.5944 17.6127 25.9796 18.0848C25.463 18.4842 24.8689 18.5932 24.3162 18.8993C23.6807 19.2468 23.2365 19.8486 22.7922 20.4037C22.2291 21.1093 22.0018 22.0379 22.0069 22.925C22.0121 23.947 22.2962 24.9431 22.5907 25.9184C22.9162 26.9922 23.2674 28.0661 23.7944 29.057C24.3213 30.0479 25.0446 30.9557 25.99 31.5575C26.7442 32.0348 27.6483 32.2734 28.5369 32.2267C29.0948 32.1956 29.6062 31.9414 30.1538 31.9207C30.2727 31.9207 30.4225 31.9414 30.469 32.0555C30.4896 32.1074 30.4793 32.1697 30.4586 32.2215C30.3863 32.4135 30.2417 32.538 30.066 32.6262C30.2882 32.5484 30.5103 32.4602 30.7118 32.3409C31.3679 31.9466 31.8535 31.4901 32.5303 31.2047C32.6232 31.1632 32.7214 31.1269 32.8247 31.0958C32.8454 31.0906 32.8712 31.0854 32.8919 31.075C32.8557 31.075 32.8196 31.0854 32.7782 31.0906C32.5303 31.1114 32.2771 31.0802 32.0601 30.9557C31.8483 30.8312 31.6985 30.6237 31.5952 30.4006C31.3627 29.8974 31.0992 29.0466 31.404 28.5278C31.4867 28.3878 31.7502 28.1232 31.931 28.1699C32.1738 28.2321 32.0395 28.7094 32.1273 28.8962C32.1841 29.0155 32.3081 29.0985 32.4373 29.1296C32.5664 29.1607 32.7059 29.1556 32.8351 29.1348C33.3672 29.0674 33.8683 28.865 34.3952 28.7665C34.9635 28.6575 35.5473 28.6056 36.1155 28.5226C36.4513 28.476 36.7716 28.4604 37.0299 28.725C37.1901 28.891 37.2831 29.1089 37.3399 29.3319C37.4845 29.887 37.4484 30.4784 37.2986 31.0335C37.0557 31.931 36.5856 32.6573 36.0174 33.3732C35.5937 33.9076 35.1805 34.4575 34.7878 35.0126C34.6122 35.2564 34.4572 35.5469 34.2351 35.7544C33.9923 35.9775 33.6978 36.1487 33.4292 36.3355C33.114 36.5586 32.8041 36.8179 32.6439 37.1707C32.4063 37.6947 32.5716 38.395 33.0365 38.7426C33.5376 39.1161 34.2609 39.1628 34.855 39.0746C35.5524 38.9657 36.2085 38.6907 36.8956 38.5403C37.2624 38.4625 37.6602 38.421 37.9908 38.5922C38.2853 38.7426 38.4868 39.0331 38.6211 39.334C38.8949 39.9254 39.0292 40.6673 39.5975 41.0616C39.8816 41.2587 40.2329 41.3313 40.5429 41.487C41.2351 41.8397 41.2145 42.5401 40.5739 42.9344C40.0521 43.256 39.4838 43.3131 38.9104 43.4739C38.3008 43.6451 37.7222 43.9304 37.2159 44.3143C36.9059 44.5478 36.6218 44.8175 36.3222 45.0614C35.165 45.9952 33.7856 46.5295 32.4218 47.0742C31.9878 47.2506 29.8645 47.8265 30.3037 48.5943C30.438 48.8277 30.7015 49.0041 30.9288 49.1442C31.1096 49.2531 31.2904 49.3517 31.2594 49.6059C31.2129 49.969 30.7789 50.2025 30.5516 50.4411C30.1229 50.8925 29.7251 51.3801 29.4564 51.9456C29.4203 52.0234 29.3841 52.1064 29.3531 52.1842C29.2498 52.4384 29.1775 52.7238 29.2704 52.9832C29.5133 53.642 30.4122 53.6991 30.9546 53.4552C31.5384 53.1959 31.9981 52.6978 32.6232 52.537C32.6956 52.5162 32.7834 52.5111 32.8299 52.5681C32.8712 52.62 32.8557 52.6926 32.8299 52.7549C32.4373 53.7976 31.1922 54.0778 30.4225 54.7418C30.0195 55.0894 29.7716 55.5615 29.5907 56.0595C29.3841 56.6354 29.2085 57.2527 28.759 57.6937C28.4284 58.0205 28.0151 58.2488 27.6173 58.4978C27.1162 58.8142 26.6306 59.167 26.2328 59.608C25.8712 60.0126 25.5767 60.6559 26.052 61.1021C26.5789 61.5949 27.4933 61.1747 28.0513 60.9516C28.9863 60.5833 29.8697 60.0749 30.8513 59.8414C31.0579 59.7947 31.2801 59.7584 31.4867 59.8155C32.1376 60.0074 31.8483 60.6819 31.5229 61.0087C31.1716 61.3615 30.7376 61.6053 30.3347 61.8906C29.6424 62.3886 28.9398 62.8919 28.4077 63.5715C27.8394 64.2978 27.5088 65.1901 27.3797 66.1083C27.1833 67.5298 27.452 68.9668 27.9324 70.3C28.2424 71.1664 28.6402 71.9965 29.0535 72.811C29.4358 73.558 29.9679 74.2635 29.973 75.1403C29.973 75.6279 29.7406 76.0896 29.8284 76.5877C29.88 76.8938 30.0712 77.1739 30.3243 77.3451C30.5981 77.5318 30.9288 77.5941 31.1406 77.8691C31.2749 78.0403 31.3214 78.2633 31.3162 78.4812C31.3111 78.7821 31.0992 79.1764 31.2491 79.4617C31.3214 79.5914 31.4764 79.6589 31.621 79.6692C32.1893 79.6952 32.8454 79.2957 33.3207 79.0259C33.8528 78.725 34.3642 78.3775 34.9118 78.0973C35.5369 77.7757 36.7355 77.4022 36.6425 78.5435C36.5908 79.1816 36.9731 80.3436 37.7222 80.463C38.7244 80.6238 39.055 79.2075 39.52 78.5902C39.9074 78.0714 40.4034 77.537 41.0233 77.3036C41.6949 77.0546 42.4595 77.0442 43.1311 77.3036C43.2912 77.3658 43.4514 77.4437 43.5547 77.5785C43.7562 77.8379 43.7252 78.2218 43.7407 78.5331C43.7613 78.8911 43.7717 79.2646 43.9112 79.6018C44.0506 79.9442 44.2676 80.2295 44.5466 80.4733C45.1252 80.9714 45.8484 81.2463 46.5097 81.6095C47.0831 81.9207 47.6617 82.2579 48.3023 82.3825C48.6743 82.4551 49.1031 82.4343 49.3717 82.1646C49.6404 81.8948 49.63 81.5057 49.5835 81.1581C49.4079 79.8093 48.9533 78.4916 48.9894 77.1272C48.9894 77.0131 48.9998 76.8937 49.0463 76.7848C49.0927 76.6759 49.1806 76.5825 49.2942 76.5669C49.4957 76.5358 49.6972 76.7226 49.8005 76.8782C50.0846 77.3088 50.2086 77.7757 50.5651 78.1699C50.9009 78.5383 51.3142 78.834 51.7636 79.0571C52.3371 79.3372 52.957 79.5395 53.5872 79.6225C54.109 79.6952 55.7208 79.9079 55.7622 79.0726C55.7725 78.8911 55.7053 78.7095 55.6175 78.5487C55.4109 78.1648 55.1422 77.8276 54.8633 77.4955C54.6256 77.2154 54.4138 76.9093 54.1555 76.6447C54.016 76.4995 53.0913 75.5968 53.7319 75.6435C53.9385 75.659 54.2123 75.7317 54.4035 75.6642C54.5946 75.602 54.7548 75.3945 54.8736 75.244C55.1887 74.8601 55.3799 74.3932 55.6124 73.9523C55.8707 73.4646 56.0825 72.9147 56.4079 72.4686C56.5423 72.287 56.7024 72.1262 56.878 71.9965C57.7098 71.3843 58.9548 71.4154 59.4611 70.3623C59.6419 69.9784 59.6626 69.5323 59.864 69.1535C60.0914 68.7178 60.5305 68.4324 60.8146 68.0382C61.3674 67.2807 61.1452 66.3625 61.5017 65.5532C61.8375 64.7854 62.4316 64.2096 63.3202 64.3133C63.749 64.3652 64.5755 64.5571 64.8958 64.1681C65.3453 63.6182 64.529 62.5702 64.2294 62.1396C63.9246 61.6935 62.85 60.6404 63.1135 60.0334C63.191 59.857 63.3873 59.7532 63.5785 59.7325C64.374 59.6547 65.7792 60.6663 66.425 59.8518C66.8589 59.3019 65.6552 58.4615 65.3349 58.1969C65.2006 58.0828 65.0818 57.9168 65.1076 57.7404C65.1231 57.6626 65.1645 57.5899 65.2058 57.5225C65.4073 57.1801 65.6036 56.8377 65.8206 56.5057C65.991 56.2463 66.0892 55.9402 66.301 55.7067C66.5283 55.4525 66.8486 55.3799 67.1637 55.2969C67.4944 55.2087 67.8198 55.105 68.1453 54.9908C68.9202 54.7159 69.6848 54.3839 70.3667 53.9273C70.4545 53.8703 70.5475 53.7976 70.5734 53.6991C70.6199 53.5175 70.4442 53.3619 70.2841 53.2633L70.3047 53.2996ZM42.5783 4.04138C44.0041 3.25803 45.8949 3.96876 44.5208 5.45247C43.0846 7.00362 39.5768 5.69111 42.5783 4.04138ZM32.2564 4.64317C32.5044 4.25408 32.8815 4.36822 33.2483 4.31115C33.3413 4.29559 33.4343 4.26965 33.5273 4.22296C33.61 4.17627 33.7288 4.12439 33.7908 4.19702C33.8166 4.22296 33.8218 4.26446 33.8218 4.29559C33.8373 4.51347 33.7701 4.73136 33.6565 4.91812C33.4343 5.30202 33.1089 5.61329 32.8815 6.00237C32.7886 6.15801 32.6491 6.27214 32.4631 6.18395C32.3701 6.13726 32.2978 6.04907 32.241 5.95568C32.0033 5.56141 32.0085 5.02707 32.2564 4.63798V4.64317ZM32.7989 7.44459C33.7185 7.15926 34.1782 6.7131 34.607 5.86749C35.0565 4.99075 35.4904 3.68861 36.6631 3.65749C37.2417 3.64192 37.655 4.17108 38.2543 4.11401C38.4816 4.09326 38.7347 3.99469 38.9259 4.1192C39.0395 4.19183 39.0964 4.3319 39.1067 4.47197C39.1377 4.90256 38.8897 5.18789 38.5643 5.42134C37.9288 5.87268 38.9259 6.5886 39.2927 6.78055C39.9229 7.11257 40.6565 7.20076 41.3488 7.28895C42.258 7.40308 43.1724 7.49128 44.0765 7.63135C44.8927 7.76104 45.74 7.88555 46.5304 8.15531C47.0883 8.34726 47.6824 8.59628 48.1319 8.98536C48.4676 9.27588 48.7776 9.84135 48.0492 9.7791C46.9127 9.68572 45.8639 9.17212 44.7894 8.78823C44.1798 8.57034 43.5599 8.38358 42.9244 8.22794C41.2455 7.80773 39.4993 7.57428 37.7997 7.38752C37.4897 7.3512 37.2056 7.55353 37.4794 7.8648C37.5827 7.98412 37.7377 8.04118 37.8875 8.09825C38.8639 8.45102 39.8713 8.70522 40.8993 8.86086C41.3126 8.92311 41.7311 8.91273 42.1392 8.99574C42.382 9.04243 42.8418 9.15656 42.9968 9.36926C43.3016 9.78947 42.2373 9.87248 41.9635 9.90879C40.8787 10.0644 39.7576 9.93992 38.7399 9.53008C38.3163 9.35889 37.872 9.13581 37.4277 9.224C36.6476 9.37964 36.3325 10.3913 35.5989 10.6507C35.1391 10.8115 34.7982 10.4328 34.3642 10.3394C33.7546 10.2045 33.114 10.2771 32.5096 10.1215C32.3494 10.08 32.1945 10.0177 32.0756 9.90361C31.9207 9.75316 31.8587 9.50933 31.9258 9.30182C32.0395 8.95942 32.4321 8.79341 32.7937 8.7571C33.0727 8.73116 33.3568 8.77266 33.641 8.74673C34.0904 8.70522 34.5915 8.34208 33.8476 8.25388C33.0675 8.1605 32.2823 8.44064 31.5022 8.46658C31.4092 8.46658 31.2904 8.45621 31.2594 8.36801C31.1044 7.92705 32.5458 7.52759 32.7989 7.44977V7.44459ZM66.1615 50.3426C66.1305 50.4619 66.0272 50.5449 65.9135 50.5916C65.9032 50.5916 65.898 50.5968 65.8877 50.6019C65.5416 50.7265 65.211 50.6901 64.9113 50.9703C64.3689 51.4839 64.6995 52.1168 65.1231 52.5785C65.3763 52.8483 65.6552 53.1077 65.8051 53.4501C65.8257 53.5019 65.8464 53.559 65.8361 53.6109C65.8051 53.7509 65.6294 53.7198 65.5313 53.6991C64.6685 53.5279 64.0228 52.8638 63.3873 52.3035C63.0619 52.0182 62.7209 51.7381 62.3489 51.5046C61.9821 51.2764 61.2331 50.9547 61.3829 51.7381C61.5069 52.4125 61.9305 52.9883 62.4006 53.4864C63.0154 54.14 63.7593 54.7262 64.1416 55.5563C64.7047 56.7754 63.2633 57.6055 62.3799 56.6924C61.946 56.2463 61.7548 55.5615 61.5534 54.9908C61.3261 54.3527 61.1452 53.6939 60.8043 53.1025C60.4736 52.537 59.8485 51.9197 59.1253 52.0857C58.9342 52.1324 58.8722 52.2724 58.9187 52.4488C59.1305 53.2425 59.7814 53.7354 60.1792 54.415C60.5925 55.1257 60.8249 55.9298 60.9696 56.7391C61.1762 57.9271 61.1969 59.1463 61.4139 60.3343C61.512 60.8738 61.6567 61.4185 61.9408 61.8854C62.0855 62.1241 62.2663 62.2953 62.4626 62.4872C62.6072 62.6273 62.912 62.9282 62.7984 63.1564C62.5039 63.7427 61.2072 62.4561 61.0058 62.2538C60.4375 61.6831 59.6936 61.0554 59.4559 60.2565C59.2906 59.7014 59.3371 59.0736 59.2854 58.503C59.2338 57.9168 59.1356 57.3202 58.867 56.791C58.6913 56.4382 58.0559 55.6186 57.9009 56.4486C57.7305 57.3617 57.746 58.3058 57.9319 59.2137C58.1592 60.3135 58.7998 61.3459 59.2803 62.3575C59.4198 62.6532 59.5644 62.9749 59.5179 63.3017C59.4508 63.753 59.053 64.0851 58.8722 64.4897C58.65 64.9877 58.526 65.5325 58.464 66.0772C58.3297 67.2756 58.5054 68.4895 58.2781 69.6775C58.2626 69.7449 58.2367 69.828 58.1696 69.8435C58.1231 69.8539 58.0817 69.828 58.0456 69.802C57.6323 69.5011 57.5806 68.8267 57.4721 68.3702C57.3378 67.8099 57.2552 67.2341 57.1467 66.6686C57.0692 66.2536 56.9814 65.8437 56.8574 65.4391C56.7954 65.2419 56.6197 64.469 56.3459 64.4741C56.222 64.4741 56.1548 64.6142 56.1186 64.7335C55.4884 66.9902 57.6271 69.828 55.5607 71.7059C55.2507 71.9861 54.9149 72.2195 54.6411 72.536C54.2175 73.0185 54.2123 73.8744 53.6544 74.2324C53.3909 74.4036 53.4426 73.1015 53.4426 72.9458C53.4426 72.4582 53.4633 71.9705 53.4426 71.4829C53.3961 70.4764 53.3754 69.2936 52.7968 68.4221C52.7452 68.3442 52.678 68.2612 52.585 68.2353C52.4249 68.1886 52.3526 68.3442 52.3216 68.4739C52.0323 69.7086 52.4817 70.9641 52.1304 72.1884C51.9754 72.7279 51.7584 73.2519 51.619 73.7966C51.464 74.4088 51.4123 75.0521 51.5156 75.6746C51.588 76.1 51.7378 76.5098 51.9444 76.8834C52.0684 77.1013 52.7762 77.8431 52.3164 78.0351C52.2131 78.0766 52.0942 78.061 51.9858 78.0299C51.5673 77.9106 51.2263 77.6097 50.9525 77.2725C50.4101 76.6032 50.0846 75.7576 50.0433 74.8964C49.9865 73.7084 50.4411 72.5671 50.4411 71.3843C50.4411 70.9278 50.4256 70.4401 50.3636 69.9836C50.3378 69.7916 50.2086 68.806 49.8212 69.055C49.7178 69.1172 49.6765 69.2417 49.6352 69.3559C49.4595 69.8695 49.2839 70.3831 49.1702 70.9122C48.9894 71.7319 48.9429 72.5775 48.7053 73.3816C48.5245 73.9938 48.2042 74.5489 47.9872 75.1507C47.7651 75.7836 47.6049 76.4424 47.5171 77.1116C47.3983 78.0195 47.4138 78.9429 47.4499 79.856C47.4603 80.105 47.5119 80.354 47.4758 80.603C47.4138 81.0492 47.078 80.8832 46.7628 80.7275C46.1171 80.4059 45.6315 79.8093 45.3473 79.1453C44.7532 77.7653 44.9082 76.1311 45.1304 74.6837C45.3267 73.4179 45.616 72.1677 45.7141 70.8915C45.7348 70.6113 45.7503 70.326 45.6986 70.051C45.6676 69.8798 45.43 69.2521 45.1717 69.5686C45.1045 69.6464 45.0942 69.7553 45.0839 69.8591C44.9702 71.1042 44.7119 72.3389 44.3296 73.5321C44.123 74.1702 43.875 74.8031 43.5082 75.3633C43.41 75.519 43.2964 75.6694 43.1362 75.768C42.7746 75.9911 42.4182 75.9081 42.0307 75.8251C41.2971 75.6746 40.5997 75.5501 39.9384 76.0118C39.7628 76.1311 39.4683 76.4061 39.241 76.266C39.1429 76.2038 39.1067 76.0793 39.0912 75.9599C38.9775 75.1818 39.303 74.414 39.5096 73.6566C39.706 72.951 39.8041 72.2195 40.0056 71.514C40.2071 70.7981 40.5532 70.1185 40.8942 69.4596C41.2971 68.6814 41.979 67.7632 41.9119 66.8398C41.9119 66.7672 41.8809 66.6582 41.7827 66.679C41.7362 66.6893 41.7001 66.7257 41.6691 66.762C41.4159 67.0473 41.2609 67.3689 41.0646 67.6854C40.8735 67.9915 40.6359 68.2612 40.3879 68.5258C39.8351 69.1068 39.241 69.6256 38.9517 70.3882C38.6572 71.1612 38.5229 71.9861 38.3266 72.7902C38.0735 73.8226 37.6757 74.8913 36.8388 75.5449C36.3738 75.9081 35.7591 76.1726 35.1805 76.292C35.103 76.3075 35.0151 76.3231 34.9377 76.292C34.7362 76.2193 34.7207 75.9444 34.7568 75.7369C34.948 74.6111 35.6196 73.6306 35.9554 72.5412C36.2033 71.7371 36.2653 70.8811 36.4926 70.0666C36.6115 69.6464 36.7716 69.2417 36.9938 68.8682C37.2211 68.4843 37.5414 68.2197 37.8203 67.8877C38.1613 67.4779 38.4764 67.0369 38.7089 66.5545C38.7709 66.4248 38.9052 66.1342 38.7141 66.0409C38.3318 65.8541 37.7015 66.2795 37.4019 66.4974C36.9989 66.7931 36.6631 67.1822 36.41 67.6128C36.0225 68.2716 35.8056 69.0135 35.6454 69.7605C35.3096 71.3428 34.5812 72.4219 33.7236 73.8433C33.4085 74.3621 32.8867 75.161 32.1996 75.1662C31.5177 75.1714 31.0063 74.4192 30.9029 73.8122C30.8048 73.226 31.0682 72.6346 31.3989 72.1677C31.8122 71.5866 32.3494 71.1145 32.8196 70.5802C33.362 69.9628 33.8476 69.2417 33.9354 68.4221C33.9664 68.1471 33.9096 67.8099 33.6565 67.701C33.4447 67.6128 33.2018 67.7373 33.021 67.8773C32.2048 68.5206 31.8122 69.5945 30.9029 70.1288C30.6446 70.2793 30.3398 70.3623 30.0505 70.2949C29.6786 70.2067 29.4048 69.885 29.255 69.5322C28.9966 68.9201 29.0638 68.1938 29.3634 67.6024C29.8181 66.7049 30.8719 66.1706 31.652 65.5947C31.8845 65.4235 32.2668 65.0396 31.9052 64.775C31.7605 64.6713 31.5745 64.6661 31.3989 64.6817C30.7428 64.7439 30.1487 65.0707 29.5598 65.3664C29.4719 65.4131 29.3789 65.4546 29.2808 65.4546C29.1826 65.4546 29.0793 65.382 29.069 65.2834C29.069 65.2367 29.0845 65.1901 29.1051 65.1434C29.9214 63.4106 31.9413 62.9645 33.145 61.6053C33.579 61.1124 33.8993 60.4899 34.1627 59.8933C34.4417 59.25 34.7878 58.6534 35.0978 58.0257C35.3251 57.5692 35.5059 57.0763 35.5369 56.5627C35.5576 56.21 35.5679 55.4577 35.2166 55.2502C34.9583 55.0998 34.6277 55.1309 34.4365 55.3644C34.2816 55.5563 34.2247 55.8053 34.1421 56.0388C33.7081 57.2631 32.5354 57.6159 31.7347 58.5237C31.5539 58.7312 31.373 58.9595 31.1251 59.084C30.8771 59.2085 30.531 59.1826 30.376 58.9543C29.8904 58.2125 31.1974 56.9466 31.6004 56.4434C32.1635 55.7379 32.7731 55.0738 33.4292 54.4513C34.3332 53.5901 35.2631 52.7912 35.9915 51.7692C36.2447 51.4112 36.5133 51.0325 36.6476 50.6123C36.7045 50.4359 36.7613 50.1973 36.6373 50.0313C36.2188 49.471 35.5937 50.4204 35.3251 50.6798C34.6948 51.2816 33.734 51.432 32.8764 51.2867C32.2719 51.183 32.5406 50.768 32.8867 50.5086C33.4653 50.0728 34.0129 49.58 34.6277 49.1961C35.2011 48.8433 35.8882 48.9159 36.4565 48.5891C36.8284 48.3712 37.0609 47.9821 37.3141 47.6293C38.058 46.597 39.0757 45.9122 40.2432 45.4608C41.044 45.1548 41.8137 44.776 42.537 44.3143C43.6374 43.6088 43.4669 43.3961 43.1207 42.2651C42.9864 41.8294 43.0794 41.3521 43.2809 40.9422C43.7148 40.0448 44.4898 38.6907 45.6056 38.6129C46.0293 38.5818 46.4839 38.753 46.861 38.5559C48.1732 37.8763 48.0027 33.8609 47.8271 32.6936C47.7651 32.2631 47.5481 31.7495 47.109 31.7287C46.7628 31.7131 46.4994 32.0296 46.3031 32.3149C45.9673 32.7922 45.6625 33.3317 45.2853 33.7675C45.0477 34.0425 44.5724 34.2655 44.5827 34.6806C44.5931 34.9763 44.7171 35.2616 44.6912 35.5625C44.6241 36.2058 43.9163 35.9412 43.5289 35.8582C43.1982 35.7908 43.3377 36.3095 43.2757 36.4755C43.1672 36.7505 42.8469 36.7505 42.6041 36.7505C42.3148 36.7505 42.01 36.7816 41.7672 36.958C41.3901 37.2382 40.7392 38.2809 40.4912 38.395C39.4941 38.8619 39.1429 37.8763 38.931 37.6843C38.4403 37.2433 37.8462 37.0306 37.1901 37.1033C36.4255 37.1915 35.6816 37.565 34.8963 37.4197C34.7568 37.3938 34.6019 37.3315 34.5657 37.1915C34.4624 36.7505 35.6506 36.2888 35.9399 36.1435C36.4875 35.8686 37.0454 35.604 37.5104 35.2045C38.0993 34.6961 38.4919 34.0113 38.8587 33.3317C39.5045 32.1385 39.8661 30.7119 39.8248 29.3527C39.8093 28.8702 39.7473 28.3722 39.8868 27.9105C39.9539 27.6978 40.0624 27.5006 40.1502 27.2931C40.2019 27.1738 40.2432 27.0389 40.2122 26.9092C40.1864 26.8107 40.1244 26.7328 40.0521 26.6602C39.365 25.9702 38.182 26.1259 37.3657 26.489C36.627 26.8159 36.1569 27.5162 35.4491 27.8742C34.9893 28.1076 34.5864 27.926 34.1059 27.9001C33.672 27.8742 33.2328 27.869 32.7937 27.8897C32.5354 27.9053 32.6904 27.4955 32.6904 27.3502C32.6801 26.9663 32.3701 26.8574 32.0446 26.9455C31.6882 27.0389 31.3937 27.3139 31.1871 27.6096C30.9029 28.0246 30.7428 28.5175 30.4741 28.948C30.1435 29.4668 29.6476 29.581 29.0586 29.5654C27.483 29.5083 25.9177 28.9117 24.7243 27.8794C24.1509 27.3813 23.4741 26.2348 24.1612 25.5552C24.5125 25.2076 25.0962 25.2024 25.5457 25.0728C25.8712 24.9794 26.1966 24.8497 26.4498 24.6214C26.7339 24.3672 27.2402 23.3296 26.4343 23.5683C25.5354 23.8381 24.8328 24.6214 23.8719 24.72C23.4638 24.7615 23.252 24.4917 23.1021 24.1389C23.0298 23.9677 22.9988 23.7706 23.0556 23.589C23.1228 23.3867 23.2933 23.2363 23.4638 23.1118C23.8306 22.8472 24.2697 22.6915 24.6158 22.401C24.7501 22.2869 25.0239 22.0068 24.8586 21.82C24.745 21.6955 24.5021 21.7681 24.3627 21.7681C24.1457 21.7681 23.9339 21.7526 23.7221 21.7162C23.5981 21.6955 23.4483 21.6436 23.4121 21.5243C23.3863 21.4413 23.4224 21.3479 23.4638 21.2701C23.7789 20.6683 24.342 20.2481 24.8534 19.8123C25.1531 19.5529 25.4475 19.2832 25.7782 19.0601C26.2431 18.7488 26.925 18.5828 27.4726 18.7229C28.3096 18.9356 28.2992 19.8746 27.9273 20.5127C27.7051 20.8914 27.3952 21.213 27.142 21.5762C27.1007 21.6384 27.0594 21.7214 27.1007 21.7785C27.1369 21.8304 27.2143 21.8356 27.2763 21.8252C27.5553 21.7837 27.7929 21.5969 28.0203 21.4309C28.8158 20.8499 30.1952 19.7708 31.2026 20.4712C31.2801 20.5282 31.3524 20.5905 31.4402 20.632C31.776 20.7824 32.21 20.5334 32.5044 20.3778C32.897 20.1703 33.269 19.9887 33.6875 19.8434C33.8734 19.7812 33.8993 19.5789 33.7391 19.4595C33.641 19.3869 33.5118 19.3714 33.393 19.3558C33.2742 19.3402 33.145 19.3143 33.0572 19.2313C32.9487 19.1275 32.9797 18.9823 33.0675 18.8733C33.1244 18.8007 33.2018 18.7488 33.2845 18.6969C33.5221 18.5465 33.7856 18.4324 34.0491 18.3286C34.2144 18.2663 34.7723 18.2248 34.7 17.9395C34.6587 17.7735 34.3849 17.7113 34.3849 17.5504C34.3849 17.4986 34.4159 17.4519 34.4469 17.4104C34.5967 17.2184 35.2941 16.793 34.6793 16.6996C33.5635 16.5232 32.4114 16.3987 31.2801 16.461C30.7893 16.4869 30.4432 16.6478 30.1125 17.0109C29.8232 17.3325 29.5856 17.7216 29.2085 17.9551C29.0896 18.0277 28.9295 18.0692 28.8417 17.9291C28.8055 17.8721 28.7952 17.8046 28.7848 17.7372C28.6402 16.6374 29.3996 15.1485 29.9524 14.2406C30.8409 12.7777 32.0756 12.2589 33.7236 12.1344L36.7561 11.9061C37.6034 11.8438 38.4454 11.7816 39.2927 11.7712C39.8971 11.766 40.5067 11.7868 41.106 11.8957C41.3023 11.932 41.5141 11.9891 41.6226 12.1551C41.8705 12.5338 41.3074 13.3846 41.9842 13.478C43.2189 13.6544 44.5518 13.1252 45.182 12.0047C45.4455 11.5326 45.5953 10.9619 46.0396 10.661C46.3805 10.4276 46.8197 10.4172 47.233 10.4068C47.4189 10.4068 48.8551 10.4379 48.5296 10.8841C48.4831 10.9464 48.4108 10.9827 48.3385 11.0138C47.4189 11.4288 46.3909 11.6882 45.6521 12.373C45.4403 12.5701 45.2492 12.8088 45.1717 13.0889C45.0322 13.5818 45.275 14.1369 45.7141 14.3859C46.4425 14.8009 47.8787 14.5882 48.5141 14.0642C48.664 13.9449 48.7724 13.753 48.7466 13.5662C48.726 13.4209 48.6381 13.2964 48.5606 13.1719C48.2455 12.6272 48.2662 11.6882 49.0153 11.5378C50.0536 11.3303 49.8005 12.9125 49.63 13.4521C49.5112 13.8412 49.3252 14.2199 49.0618 14.5311C48.5348 15.1433 47.7444 15.3819 46.9643 15.4131C46.3909 15.439 45.8226 15.3249 45.2647 15.2055C45.0529 15.1589 44.5672 15.0188 44.4433 15.2834C44.2005 15.8073 45.3318 16.4402 45.678 16.6218C46.5355 17.0783 47.4964 17.2807 48.4367 17.5037C48.5141 17.5245 48.5968 17.5401 48.6743 17.5245C48.8758 17.483 48.9636 17.234 48.9481 17.0265C48.9274 16.7774 48.8189 16.544 48.8551 16.2898C48.9068 15.963 49.2167 16.1186 49.4182 16.2016C49.723 16.3261 50.0123 16.4869 50.3016 16.6426C50.8441 16.9383 53.4271 18.3909 52.9983 19.4129C52.7917 19.9109 51.8979 19.4544 51.5828 19.3195C51.1902 19.1535 50.8079 18.9719 50.4359 18.7696C50.2448 18.6658 50.0536 18.5569 49.8625 18.4427C49.7282 18.3649 49.5577 18.2093 49.4027 18.1885C48.9739 18.1367 49.3459 18.5932 49.4389 18.7021C49.7333 19.0549 50.0433 19.444 50.2086 19.8746C50.4824 20.5957 49.6765 20.6579 49.1857 20.4504C48.9998 20.3726 48.8293 20.2637 48.664 20.1599C48.5141 20.0665 48.0492 19.6722 48.0647 20.108C48.0802 20.5542 48.4367 20.8343 48.7466 21.0989C49.1186 21.4153 49.5009 21.7111 49.8987 21.9964C50.3068 22.2869 50.7356 22.5619 51.1953 22.7486C51.2883 22.7849 51.3917 22.8212 51.4846 22.7797C51.6655 22.6967 51.619 22.4373 51.6241 22.2765C51.6241 21.8044 51.7843 21.296 52.2854 21.1508C52.9002 20.9744 53.6492 21.2338 54.2072 21.4828C56.1341 22.344 57.4257 24.2012 57.9371 26.2193C58.0456 26.655 57.6426 26.4735 57.4102 26.3801C57.126 26.2659 56.5887 25.882 56.2684 26.0014C55.7725 26.1881 56.94 27.4955 57.1312 27.6822C57.8803 28.4345 58.7947 28.9844 59.6006 29.6691C60.3032 30.2657 60.9644 31.2203 61.0419 32.1697C61.0677 32.5173 60.9851 32.9842 60.5305 32.9323C60.4168 32.9219 60.3135 32.8752 60.2102 32.8285C59.7556 32.6106 59.3474 32.3046 58.9393 32.014C58.5932 31.7702 58.0662 31.3137 57.6271 31.2929C57.4412 31.2826 57.4205 31.4538 57.4515 31.599C57.6013 32.2734 58.0198 32.8181 58.5415 33.2539C60.143 34.5924 62.1165 35.4172 62.8191 37.5546C62.9947 38.0838 63.9143 40.0344 63.1084 40.3612C62.7622 40.5065 62.3179 40.3768 62.3541 40.9371C62.3644 41.1083 62.4419 41.2743 62.5194 41.4247C63.0877 42.4934 63.9349 43.3027 64.2552 44.5011C64.3121 44.7138 64.4102 45.0302 64.2811 45.2378C64.1002 45.5283 63.625 45.3726 63.3718 45.2844C63.1187 45.1963 62.3748 44.9213 62.2921 45.3726C62.2715 45.4868 62.3024 45.6009 62.3386 45.7098C62.6744 46.7526 63.16 47.7435 64.1519 48.2934C64.3482 48.4023 64.5497 48.4905 64.746 48.5995C65.18 48.8537 66.3268 49.6578 66.1563 50.2855L66.1615 50.3426Z" fill="#87714D"/>
<path d="M38.9978 59.437C38.9204 59.437 38.8532 59.4888 38.8015 59.5511C38.7137 59.6548 38.6621 59.7845 38.5897 59.9039C38.5174 60.0232 38.4141 60.1321 38.2798 60.1581C38.0266 60.1996 38.0008 59.9609 38.037 59.7794C38.1506 59.2191 38.3728 58.7055 38.3624 58.1556C38.3573 57.7457 38.4192 57.4189 38.5639 56.9883C38.6259 56.8119 38.8945 56.1738 38.6207 56.1531C38.4709 56.1427 38.2849 56.2932 38.1196 56.2568C37.9491 56.2257 37.9078 56.0753 37.9233 55.9041C37.9388 55.7484 38.006 55.5824 38.068 55.4268C38.1248 55.2712 38.5432 54.5656 38.3056 54.493C38.2901 54.493 38.2694 54.4878 38.2488 54.4878C38.1764 54.4878 38.0989 54.5397 38.037 54.5916C37.5772 54.9495 37.386 55.5305 37.3292 56.0389C37.2465 56.7445 37.3447 57.4137 37.3809 58.0881C37.4067 58.5654 37.3964 59.0738 37.1639 59.5667C36.7454 60.459 35.7535 60.9259 35.3351 61.8078C35.2783 61.9323 35.2731 62.0983 35.3764 62.1813C35.4539 62.2436 35.5624 62.2436 35.6606 62.2384C36.9882 62.1398 38.0989 61.3772 39.0702 60.5212C39.2148 60.3967 39.3595 60.2463 39.3801 60.0543C39.3801 60.0439 39.3801 60.0336 39.3801 60.018C39.3905 59.8676 39.3233 59.7171 39.2355 59.5978C39.1735 59.5096 39.0908 59.4266 38.9823 59.4318L38.9978 59.437Z" fill="#87714D"/>
<path d="M52.4304 47.3856C52.3684 47.2144 52.2031 47.0743 52.0274 47.1054C51.8363 47.1366 51.733 47.3389 51.6761 47.5256C51.2835 48.724 51.5057 50.0469 51.8311 51.2297C51.857 51.3179 51.8828 51.4061 51.9086 51.4943C51.9241 51.541 51.9396 51.5929 51.9706 51.6292C52.0016 51.6655 52.0533 51.6915 52.0998 51.6759C52.1617 51.6551 52.1824 51.5773 52.1927 51.5099C52.2134 51.3957 52.2341 51.2816 52.2651 51.1675C52.3167 50.96 52.3839 50.7576 52.4769 50.5657C52.6215 50.2648 52.8437 50.0106 52.885 49.663C52.885 49.663 52.885 49.6578 52.885 49.6526C52.9005 49.4918 52.7817 49.2272 52.5957 49.3933C52.5492 49.4348 52.5182 49.4918 52.4924 49.5437C52.3994 49.7253 52.3374 49.9172 52.2909 50.1144C52.2082 49.6993 52.1617 49.2791 52.2237 48.8537C52.2909 48.3868 52.6112 47.8628 52.4356 47.3856H52.4304Z" fill="#87714D"/>
<path d="M32.5254 31.2254C31.8435 31.5107 31.363 31.9724 30.7069 32.3615C30.5003 32.486 30.2833 32.569 30.0612 32.6468C29.7977 32.7817 29.4722 32.8388 29.2294 32.9425C27.8604 33.5288 26.9873 34.9243 25.6752 35.6298C25.391 35.7855 25.0449 35.8944 24.7246 35.8944C24.4766 35.8944 24.239 35.827 24.0478 35.6558C23.8205 35.4483 23.7172 35.137 23.6604 34.8309C23.5467 34.2032 23.5932 33.5547 23.5571 32.9166C23.5157 32.2785 23.3711 31.6093 22.9423 31.1372C22.6478 30.8104 22.2397 30.6028 21.8161 30.4835C21.4958 30.3953 21.16 30.359 20.8294 30.3694C20.2766 30.3901 19.7238 30.5458 19.2485 30.8259C18.1275 31.49 17.4714 32.8077 17.4611 34.115C17.4507 35.4223 18.0293 36.6933 18.9024 37.6583C19.5275 38.3482 20.2973 38.893 21.1187 39.3184C21.5268 39.5311 21.9349 39.7074 22.374 39.8164C22.8286 39.9305 23.2988 39.9928 23.7689 40.0032C23.8722 40.0032 23.9807 40.0032 24.084 40.0032C25.67 39.9824 27.2302 39.4481 28.5888 38.6491C30.5158 37.5078 32.0863 35.8529 33.5793 34.1772C34.1527 33.534 34.721 32.8803 35.2789 32.2266C35.4804 31.988 35.6819 31.7494 35.8265 31.4744C35.9144 31.3084 35.9763 31.1009 35.8834 30.9349C35.8265 30.8363 35.7335 30.7792 35.6302 30.7481C35.5786 30.7325 35.5217 30.7222 35.4597 30.717C35.4029 30.7118 35.3461 30.7118 35.2893 30.7118C34.4575 30.7274 33.6878 31.0075 32.8767 31.0957C32.856 31.1009 32.8302 31.1061 32.8095 31.1164C32.7062 31.1476 32.6132 31.1839 32.5151 31.2254H32.5254ZM33.7291 31.7338C34.5918 31.8064 33.8273 32.7765 33.5586 32.9996C32.8767 33.5703 32.0656 33.9853 31.363 34.5352C30.3246 35.3497 29.4516 36.3561 28.3822 37.1239C28.1704 37.2796 27.9534 37.4248 27.7261 37.5545C27.194 37.8658 26.6309 38.0733 26.0006 38.0473C25.9128 38.0473 25.8198 38.037 25.7268 38.0214C25.1534 37.9384 24.6058 37.6738 24.0323 37.6427C23.9497 37.6427 23.867 37.6427 23.7844 37.6427C23.4589 37.6686 23.1438 37.788 22.8183 37.8191C22.7408 37.8243 22.6737 37.8295 22.6065 37.8191C22.1467 37.7828 21.9142 37.4715 21.6973 37.0357C21.6508 36.9423 21.3253 36.3458 21.1548 36.3561C21.1135 36.3561 21.0825 36.3924 21.067 36.4754C21.0308 36.6363 20.9947 36.8023 20.9585 36.9631C20.9172 37.1447 20.8397 37.3626 20.6589 37.3833C20.5814 37.3937 20.4987 37.3574 20.4316 37.3159C20.0131 37.0565 19.7187 36.5169 19.5223 36.0864C19.2589 35.5053 19.1039 34.8724 19.0161 34.2447C18.8869 33.2901 19.2279 32.4549 20.2146 32.4186C20.2818 32.4186 20.3489 32.4186 20.4212 32.4186C21.2995 32.4808 22.0279 32.9737 22.5393 33.674C23.0921 34.4263 23.1128 35.4327 23.6501 36.1953C23.9549 36.6311 24.425 36.9423 24.9416 37.0617C25.1069 37.098 25.2774 37.1187 25.4427 37.1187C26.6154 37.1135 27.7674 36.2109 28.5888 35.4794C29.6066 34.5767 30.5003 33.5184 31.6265 32.7454C32.1379 32.3978 32.6855 32.0917 33.2538 31.8427C33.4036 31.7753 33.5638 31.713 33.7291 31.7234V31.7338Z" fill="#DC052F"/>
<path d="M31.5025 8.46666C32.2826 8.44072 33.0626 8.16058 33.8479 8.25396C34.5918 8.34215 34.0959 8.7053 33.6412 8.7468C33.3623 8.77274 33.0781 8.73123 32.794 8.75717C32.4375 8.7883 32.0398 8.95431 31.9261 9.30189C31.8589 9.50941 31.9209 9.75323 32.0759 9.90368C32.1947 10.0178 32.3497 10.0801 32.5099 10.1216C33.1195 10.2824 33.7549 10.2046 34.3645 10.3395C34.7984 10.4328 35.1394 10.8115 35.5992 10.6507C36.3328 10.3913 36.6531 9.37971 37.428 9.22408C37.8774 9.13588 38.3166 9.35896 38.7402 9.53016C39.7579 9.93999 40.8841 10.0697 41.9638 9.90887C42.2376 9.86736 43.3018 9.78955 42.997 9.36933C42.8421 9.15663 42.3823 9.0425 42.1395 8.99581C41.7313 8.918 41.3129 8.92318 40.8996 8.86093C39.8767 8.71048 38.8642 8.45109 37.8878 8.09832C37.738 8.04644 37.5881 7.98419 37.4797 7.86487C37.2058 7.5536 37.49 7.35128 37.7999 7.38759C39.4996 7.57435 41.2457 7.80781 42.9247 8.22802C43.555 8.38884 44.1801 8.57041 44.7897 8.7883C45.8642 9.1722 46.9129 9.68579 48.0495 9.77917C48.7779 9.83624 48.4679 9.27595 48.1321 8.98544C47.6775 8.59635 47.0886 8.34734 46.5306 8.15539C45.7402 7.88562 44.8878 7.75593 44.0767 7.63142C43.1727 7.48616 42.2583 7.40316 41.3491 7.28902C40.6516 7.20083 39.9232 7.11264 39.2929 6.78062C38.921 6.58348 37.9239 5.87275 38.5645 5.42141C38.89 5.18796 39.138 4.90782 39.107 4.47205C39.0966 4.33716 39.0398 4.19709 38.9262 4.11927C38.735 3.99477 38.4819 4.08815 38.2546 4.11409C37.6553 4.17634 37.242 3.642 36.6634 3.65756C35.4907 3.68869 35.0568 4.99083 34.6073 5.86757C34.1733 6.71837 33.7187 7.15933 32.7992 7.44466C32.546 7.52248 31.1047 7.92194 31.2597 8.3629C31.2907 8.45109 31.4095 8.46666 31.5025 8.46147V8.46666Z" fill="black"/>
<path d="M32.4581 6.18903C32.6441 6.28241 32.7836 6.16309 32.8766 6.00745C33.1039 5.61837 33.4293 5.3071 33.6515 4.9232C33.76 4.73644 33.8323 4.51855 33.8168 4.30067C33.8168 4.26435 33.8065 4.22804 33.7858 4.2021C33.7238 4.12947 33.6101 4.18135 33.5223 4.22804C33.4345 4.27473 33.3363 4.30067 33.2433 4.31623C32.8766 4.3733 32.4994 4.25916 32.2515 4.64825C32.0035 5.03734 31.9983 5.57168 32.236 5.96595C32.2928 6.05933 32.3599 6.14234 32.4581 6.19422V6.18903Z" fill="black"/>
<path d="M33.559 33C33.8276 32.7718 34.5922 31.8068 33.7294 31.7342C33.5641 31.7186 33.404 31.7861 33.2542 31.8535C32.6859 32.1025 32.1434 32.4034 31.6268 32.7562C30.4955 33.5292 29.6017 34.5875 28.5892 35.4902C27.7678 36.2217 26.6157 37.1243 25.443 37.1295C25.2777 37.1295 25.1072 37.114 24.9419 37.0724C24.4253 36.9531 23.9604 36.6367 23.6504 36.2061C23.1131 35.4435 23.0925 34.4422 22.5397 33.6848C22.0282 32.9845 21.2998 32.4916 20.4216 32.4294C20.3493 32.4294 20.2821 32.4242 20.2149 32.4294C19.2282 32.4657 18.8873 33.3009 19.0164 34.2555C19.1042 34.8832 19.2592 35.5161 19.5227 36.0971C19.719 36.5329 20.0135 37.0724 20.4319 37.3267C20.4991 37.3682 20.5766 37.4045 20.6592 37.3941C20.84 37.3733 20.9227 37.1555 20.9589 36.9739C20.995 36.8131 21.0312 36.6471 21.0673 36.4862C21.0828 36.4032 21.119 36.3669 21.1552 36.3669C21.3256 36.3565 21.6511 36.9531 21.6976 37.0465C21.9146 37.4823 22.1471 37.7936 22.6068 37.8299C22.674 37.8299 22.7412 37.8299 22.8186 37.8299C23.1441 37.7987 23.4592 37.6794 23.7847 37.6535C23.8674 37.6483 23.95 37.6483 24.0327 37.6535C24.601 37.6846 25.1537 37.944 25.7272 38.0322C25.8201 38.0478 25.9131 38.0529 26.001 38.0581C26.6312 38.0841 27.1943 37.8766 27.7264 37.5653C27.9486 37.4356 28.1656 37.2903 28.3825 37.1347C29.4519 36.3617 30.325 35.3605 31.3634 34.546C32.066 33.9961 32.877 33.5759 33.559 33.0104V33Z" fill="black"/>
<path d="M44.5216 5.45277C45.8958 3.96906 44.005 3.25833 42.5792 4.04169C39.5777 5.6966 43.0855 7.00392 44.5216 5.45277Z" fill="black"/>
<path d="M64.752 48.6564C64.5608 48.5423 64.3542 48.4541 64.1579 48.3503C63.166 47.8004 62.6856 46.8044 62.3446 45.7668C62.3084 45.6579 62.2723 45.5437 62.2981 45.4296C62.3859 44.9783 63.1247 45.2584 63.3778 45.3414C63.6361 45.4296 64.1062 45.5801 64.287 45.2947C64.4162 45.0872 64.318 44.7708 64.2612 44.5581C63.9409 43.3597 63.0937 42.5504 62.5254 41.4817C62.4427 41.3261 62.3704 41.1652 62.3601 40.994C62.3239 40.4389 62.7682 40.5635 63.1143 40.4182C63.9151 40.0914 63.0007 38.1356 62.825 37.6116C62.1225 35.4794 60.149 34.6545 58.5475 33.3109C58.0257 32.8751 57.6125 32.3304 57.4575 31.656C57.4265 31.5107 57.4523 31.3395 57.6331 31.3499C58.0722 31.3707 58.5992 31.8272 58.9453 32.071C59.3586 32.3615 59.7615 32.6676 60.2162 32.8855C60.3195 32.9322 60.4228 32.9789 60.5365 32.9893C60.9911 33.0359 61.0737 32.5742 61.0479 32.2266C60.9704 31.2825 60.3092 30.3279 59.6066 29.7261C58.8007 29.0413 57.8863 28.4966 57.1372 27.7392C56.946 27.5472 55.7785 26.2399 56.2744 26.0583C56.5947 25.939 57.1268 26.3229 57.4161 26.4371C57.6486 26.5304 58.0516 26.712 57.9431 26.2762C57.4368 24.2582 56.1453 22.4009 54.2132 21.5398C53.6552 21.2856 52.9061 21.0314 52.2914 21.2077C51.7903 21.353 51.6301 21.8562 51.6301 22.3335C51.6301 22.4943 51.6766 22.7537 51.4906 22.8367C51.3976 22.8782 51.2943 22.8419 51.2013 22.8056C50.7364 22.6136 50.3128 22.3439 49.9046 22.0534C49.5069 21.7732 49.1246 21.4723 48.7526 21.1559C48.4426 20.8913 48.0862 20.6111 48.0707 20.165C48.0552 19.7292 48.515 20.1183 48.6699 20.2169C48.8404 20.3206 49.0109 20.4296 49.1917 20.5074C49.6825 20.7149 50.4884 20.6527 50.2146 19.9315C50.0493 19.4958 49.7393 19.1119 49.4449 18.7591C49.3519 18.6502 48.9799 18.1936 49.4087 18.2455C49.5637 18.2611 49.7342 18.4219 49.8685 18.4997C50.0545 18.6138 50.2456 18.7228 50.4419 18.8265C50.8139 19.0289 51.2013 19.2104 51.5888 19.3765C51.8988 19.5061 52.7977 19.9679 53.0043 19.4698C53.4331 18.4478 50.8552 16.9952 50.3076 16.6995C50.0183 16.5439 49.729 16.3831 49.4242 16.2586C49.2227 16.1756 48.9128 16.0199 48.8611 16.3468C48.8249 16.601 48.9283 16.8344 48.9541 17.0834C48.9747 17.291 48.8869 17.54 48.6803 17.5815C48.6028 17.597 48.5201 17.5815 48.4426 17.5607C47.5076 17.3376 46.5467 17.1353 45.6839 16.6788C45.3378 16.4972 44.2064 15.8591 44.4492 15.3403C44.5732 15.0758 45.0588 15.2158 45.2707 15.2625C45.8286 15.3818 46.3969 15.4908 46.9703 15.47C47.7555 15.4389 48.5408 15.2003 49.0677 14.5881C49.3364 14.2768 49.5172 13.8981 49.636 13.509C49.8013 12.9643 50.0545 11.3872 49.0212 11.5947C48.2722 11.7452 48.2463 12.6842 48.5666 13.2289C48.639 13.3534 48.7319 13.4779 48.7526 13.6232C48.7784 13.8151 48.6699 14.0019 48.5201 14.1212C47.8795 14.6452 46.4485 14.8579 45.7201 14.4428C45.281 14.1938 45.0382 13.6387 45.1777 13.1459C45.2552 12.8658 45.4463 12.6271 45.6581 12.43C46.3969 11.74 47.4249 11.4858 48.3445 11.0708C48.4168 11.0396 48.4891 11.0033 48.5356 10.9411C48.8663 10.4949 47.4249 10.4586 47.2389 10.4638C46.8257 10.469 46.3865 10.4846 46.0456 10.718C45.6013 11.0189 45.4515 11.5947 45.188 12.0616C44.5629 13.1822 43.2249 13.7062 41.9902 13.535C41.3134 13.4416 41.8765 12.5908 41.6286 12.2121C41.5201 12.0461 41.3031 11.989 41.112 11.9527C40.5127 11.8489 39.9031 11.823 39.2987 11.8282C38.4514 11.8334 37.6042 11.9008 36.7621 11.9631L33.7296 12.1913C32.0816 12.3158 30.8469 12.8346 29.9584 14.2976C29.4056 15.2055 28.641 16.6944 28.7908 17.7942C28.8012 17.8616 28.8115 17.9291 28.8476 17.9861C28.9355 18.1262 29.0956 18.0847 29.2144 18.0121C29.5916 17.7786 29.8292 17.3895 30.1185 17.0679C30.4491 16.6995 30.7901 16.5439 31.286 16.518C32.4174 16.4557 33.5695 16.5802 34.6853 16.7566C35.3001 16.8552 34.6078 17.2754 34.4529 17.4673C34.4219 17.5088 34.3909 17.5555 34.3909 17.6074C34.3909 17.7682 34.6647 17.8305 34.706 17.9965C34.7835 18.2818 34.2204 18.3233 34.0551 18.3856C33.7916 18.4893 33.5333 18.6035 33.2905 18.7539C33.213 18.8006 33.1355 18.8577 33.0735 18.9303C32.9857 19.0392 32.9547 19.1845 33.0632 19.2883C33.151 19.3713 33.2802 19.3972 33.399 19.4128C33.5178 19.4283 33.6469 19.4439 33.7451 19.5165C33.9104 19.6358 33.8846 19.8382 33.6934 19.9004C33.2698 20.0457 32.903 20.2273 32.5104 20.4348C32.2159 20.5904 31.782 20.8394 31.4462 20.689C31.3584 20.6527 31.286 20.5852 31.2086 20.5281C30.2012 19.8226 28.8218 20.9017 28.0262 21.4879C27.7989 21.6539 27.5613 21.8407 27.2823 21.8822C27.2203 21.8925 27.1428 21.8874 27.1067 21.8355C27.0653 21.7732 27.1067 21.6902 27.148 21.6331C27.396 21.27 27.7111 20.9484 27.9332 20.5696C28.3052 19.9367 28.3207 18.9977 27.4786 18.7799C26.931 18.6398 26.2491 18.8058 25.7842 19.1171C25.4535 19.3349 25.1642 19.6099 24.8594 19.8693C24.348 20.3103 23.7849 20.7305 23.4697 21.3271C23.4284 21.4049 23.3923 21.4983 23.4181 21.5813C23.4542 21.7058 23.5989 21.7525 23.7281 21.7732C23.9399 21.8095 24.1568 21.8303 24.3686 21.8251C24.5081 21.8251 24.7509 21.7525 24.8646 21.877C25.0299 22.0585 24.7613 22.3387 24.6218 22.458C24.2757 22.7537 23.8365 22.9093 23.4697 23.1687C23.2941 23.2932 23.1236 23.4437 23.0616 23.646C23.0048 23.8224 23.0358 24.0195 23.1081 24.1959C23.2579 24.5487 23.4697 24.8133 23.8779 24.777C24.8388 24.6836 25.5413 23.9002 26.4402 23.6253C27.2513 23.3814 26.745 24.4242 26.4557 24.6784C26.2026 24.9015 25.8771 25.0363 25.5517 25.1297C25.1022 25.2542 24.5236 25.2646 24.1672 25.6122C23.4801 26.2918 24.1568 27.4383 24.7303 27.9363C25.9288 28.9687 27.489 29.5705 29.0646 29.6224C29.6536 29.6431 30.1495 29.529 30.4801 29.005C30.7488 28.5796 30.9089 28.0868 31.1931 27.6666C31.3945 27.3657 31.6942 27.0959 32.0506 27.0025C32.3761 26.9143 32.6861 27.0233 32.6964 27.4072C32.6964 27.5524 32.5414 27.9623 32.7997 27.9467C33.2388 27.9208 33.6728 27.9311 34.1119 27.9571C34.5872 27.983 34.9953 28.1646 35.4551 27.9311C36.1628 27.568 36.6329 26.8728 37.3717 26.546C38.1879 26.1829 39.371 26.0324 40.0581 26.7172C40.1304 26.7898 40.1924 26.8676 40.2182 26.9662C40.2492 27.0959 40.2079 27.2256 40.1562 27.3501C40.0684 27.5576 39.9599 27.7548 39.8928 27.9675C39.7481 28.4292 39.8153 28.9272 39.8308 29.4097C39.8721 30.7689 39.5105 32.1955 38.8647 33.3887C38.4979 34.0631 38.1053 34.7531 37.5164 35.2615C37.0514 35.6662 36.4935 35.9307 35.9459 36.2005C35.6514 36.3458 34.4684 36.8075 34.5717 37.2484C34.6027 37.3885 34.7628 37.4508 34.9023 37.4767C35.6876 37.622 36.4315 37.2484 37.1961 37.1602C37.8573 37.0876 38.4462 37.3003 38.937 37.7413C39.1488 37.9332 39.5001 38.9189 40.4972 38.452C40.7452 38.3379 41.3961 37.2951 41.7732 37.015C42.0109 36.8334 42.3208 36.8023 42.6101 36.8075C42.8478 36.8075 43.1732 36.8075 43.2817 36.5325C43.3489 36.3665 43.2042 35.8477 43.5348 35.9152C43.9223 35.9982 44.6301 36.2576 44.6972 35.6195C44.7282 35.3238 44.5991 35.0333 44.5887 34.7375C44.5784 34.3225 45.0537 34.0994 45.2913 33.8245C45.6736 33.3887 45.9784 32.844 46.309 32.3719C46.5105 32.0866 46.7688 31.7701 47.115 31.7857C47.5489 31.8064 47.7659 32.32 47.833 32.7506C48.0087 33.9179 48.1792 37.9384 46.867 38.6128C46.4899 38.81 46.0352 38.6388 45.6116 38.6699C44.4957 38.7477 43.7208 40.1069 43.2869 40.9992C43.0854 41.4091 42.9924 41.8863 43.1267 42.3221C43.4729 43.4531 43.6433 43.6709 42.543 44.3713C41.8197 44.833 41.05 45.2117 40.2492 45.5178C39.0817 45.9691 38.064 46.6539 37.32 47.6863C37.0669 48.0391 36.8396 48.4282 36.4625 48.6461C35.8942 48.9729 35.2071 48.9003 34.6337 49.253C34.0137 49.6369 33.4713 50.1298 32.8927 50.5655C32.5414 50.8301 32.2779 51.2451 32.8824 51.3437C33.7451 51.489 34.7008 51.3437 35.3311 50.7367C35.5997 50.4774 36.2248 49.528 36.6433 50.0883C36.7673 50.2543 36.7104 50.4929 36.6536 50.6693C36.5193 51.0895 36.2558 51.4734 35.9975 51.8262C35.2639 52.8482 34.3392 53.6471 33.4351 54.5083C32.779 55.1308 32.1694 55.7949 31.6063 56.5004C31.2034 57.0036 29.8964 58.2694 30.382 59.0113C30.5318 59.2447 30.8831 59.2655 31.1311 59.141C31.379 59.0165 31.5547 58.7882 31.7407 58.5807C32.5414 57.6728 33.7141 57.3201 34.1481 56.0957C34.2307 55.8623 34.2875 55.6133 34.4425 55.4213C34.6337 55.1827 34.9643 55.1568 35.2226 55.3072C35.5739 55.5147 35.5636 56.2669 35.5429 56.6197C35.5119 57.1333 35.3311 57.6261 35.1038 58.0827C34.7938 58.7104 34.4477 59.307 34.1687 59.9503C33.9104 60.5469 33.5901 61.1694 33.151 61.6623C31.9473 63.0215 29.9222 63.4676 29.1111 65.2003C29.0905 65.247 29.0698 65.2937 29.075 65.3404C29.0801 65.439 29.1834 65.5116 29.2868 65.5116C29.3849 65.5116 29.4779 65.4701 29.5657 65.4234C30.1547 65.1277 30.7488 64.8009 31.4049 64.7386C31.5805 64.7231 31.7717 64.7283 31.9111 64.832C32.2728 65.0966 31.8853 65.4805 31.658 65.6517C30.8779 66.2275 29.824 66.7671 29.3694 67.6594C29.0698 68.2508 29.0026 68.9771 29.2609 69.5892C29.4108 69.942 29.6846 70.2636 30.0565 70.3518C30.3458 70.4193 30.6506 70.3363 30.9089 70.1858C31.8182 69.6515 32.2159 68.5776 33.027 67.9343C33.2078 67.7891 33.4506 67.6697 33.6624 67.7579C33.9156 67.8617 33.9724 68.2041 33.9414 68.479C33.8536 69.2987 33.368 70.0198 32.8255 70.6372C32.3554 71.1715 31.8182 71.6436 31.4049 72.2246C31.0742 72.6915 30.8108 73.2829 30.9089 73.8692C31.0122 74.4761 31.5185 75.2284 32.2056 75.2232C32.8927 75.218 33.4145 74.4191 33.7296 73.9003C34.5872 72.4788 35.3156 71.3998 35.6514 69.8175C35.8064 69.0704 36.0233 68.3234 36.416 67.6697C36.6691 67.2392 36.9997 66.8501 37.4079 66.5544C37.7075 66.3365 38.3378 65.9111 38.72 66.0978C38.9112 66.1912 38.7769 66.4817 38.7149 66.6114C38.4824 67.0939 38.1673 67.5349 37.8263 67.9447C37.5473 68.2819 37.2271 68.5465 36.9997 68.9252C36.7776 69.2987 36.6123 69.7034 36.4986 70.1236C36.2713 70.9381 36.2093 71.7889 35.9614 72.5982C35.6256 73.6876 34.954 74.6681 34.7628 75.7938C34.7267 76.0014 34.7422 76.2815 34.9436 76.3489C35.0211 76.3749 35.1038 76.3645 35.1864 76.3489C35.765 76.2296 36.3798 75.965 36.8448 75.6019C37.6817 74.9482 38.0795 73.8847 38.3326 72.8472C38.5289 72.0431 38.6632 71.2234 38.9577 70.4452C39.247 69.6826 39.8411 69.1638 40.3939 68.5828C40.6418 68.3234 40.8795 68.0485 41.0706 67.7424C41.2669 67.4259 41.4219 67.1043 41.6751 66.8189C41.7061 66.7826 41.7422 66.7463 41.7887 66.7359C41.8869 66.7152 41.9127 66.8241 41.9179 66.8968C41.9799 67.8202 41.3031 68.7332 40.895 69.5166C40.554 70.1755 40.2131 70.8551 40.0064 71.571C39.8049 72.2765 39.7068 73.008 39.5105 73.7135C39.2987 74.471 38.9784 75.2388 39.092 76.0169C39.1075 76.1311 39.1437 76.2607 39.2418 76.323C39.4691 76.4631 39.7688 76.1933 39.9392 76.0688C40.6005 75.6071 41.2979 75.7264 42.0315 75.882C42.419 75.9599 42.7754 76.048 43.1371 75.825C43.292 75.7264 43.4057 75.576 43.509 75.4203C43.8758 74.86 44.1238 74.2271 44.3304 73.589C44.7179 72.401 44.971 71.1663 45.0847 69.9161C45.095 69.8123 45.1053 69.7034 45.1725 69.6255C45.4308 69.3091 45.6684 69.9368 45.6994 70.108C45.7511 70.383 45.7356 70.6683 45.7149 70.9484C45.6168 72.2246 45.3275 73.4749 45.1312 74.7407C44.909 76.1881 44.7489 77.8223 45.3481 79.2022C45.6374 79.8663 46.1179 80.4629 46.7637 80.7845C47.0736 80.9401 47.4094 81.1062 47.4766 80.66C47.5127 80.411 47.4611 80.162 47.4507 79.913C47.4146 78.9999 47.3991 78.0765 47.5179 77.1686C47.6057 76.4994 47.7607 75.8405 47.988 75.2076C48.1998 74.6007 48.5253 74.0507 48.7061 73.4386C48.9437 72.6345 48.9902 71.7889 49.1711 70.9692C49.2899 70.44 49.4655 69.9264 49.636 69.4128C49.6722 69.2987 49.7187 69.1742 49.822 69.112C50.2094 68.8681 50.3386 69.8538 50.3644 70.0406C50.4264 70.4971 50.4419 70.9848 50.4419 71.4413C50.4419 72.6241 49.9873 73.7654 50.0441 74.9534C50.0855 75.8146 50.4109 76.6602 50.9534 77.3294C51.2272 77.6666 51.5681 77.9675 51.9866 78.0869C52.0951 78.118 52.2139 78.1387 52.3172 78.092C52.777 77.8949 52.0692 77.1582 51.9453 76.9404C51.7334 76.5668 51.5888 76.1518 51.5165 75.7316C51.408 75.1091 51.4596 74.4658 51.6198 73.8536C51.7593 73.3089 51.9762 72.7849 52.1312 72.2454C52.4825 71.0159 52.0331 69.7656 52.3224 68.5309C52.3534 68.4064 52.4257 68.2456 52.5858 68.2923C52.6788 68.3182 52.7408 68.4012 52.7977 68.479C53.3763 69.3506 53.3918 70.5334 53.4434 71.5398C53.4692 72.0275 53.4434 72.5152 53.4434 73.0028C53.4434 73.1584 53.3969 74.4606 53.6552 74.2894C54.2132 73.9314 54.2183 73.0702 54.6419 72.593C54.9209 72.2765 55.2567 72.0431 55.5615 71.7629C57.628 69.8849 55.4892 67.0524 56.1194 64.7905C56.1504 64.6712 56.2228 64.5311 56.3468 64.5311C56.6206 64.5311 56.7962 65.2989 56.8582 65.4961C56.9822 65.9007 57.07 66.3105 57.1475 66.7256C57.2508 67.2962 57.3386 67.8669 57.473 68.4272C57.5815 68.8837 57.6331 69.5581 58.0464 69.859C58.0826 69.8849 58.1291 69.9109 58.1704 69.9005C58.2375 69.8849 58.2634 69.8019 58.2789 69.7345C58.5062 68.5465 58.3305 67.3325 58.4649 66.1342C58.5269 65.5894 58.6508 65.0499 58.873 64.5467C59.0538 64.142 59.4464 63.81 59.5187 63.3587C59.5704 63.0318 59.4258 62.7102 59.2811 62.4145C58.8007 61.4029 58.1652 60.3705 57.9328 59.2707C57.7416 58.3628 57.7313 57.4186 57.9018 56.5056C58.0567 55.6755 58.6922 56.4952 58.8678 56.848C59.1364 57.3771 59.2294 57.9737 59.2863 58.56C59.3379 59.1306 59.2863 59.7583 59.4567 60.3134C59.6944 61.1124 60.4383 61.7401 61.0066 62.3107C61.208 62.5131 62.5047 63.7996 62.7992 63.2134C62.918 62.9852 62.6132 62.6843 62.4634 62.5442C62.2671 62.3522 62.0863 62.181 61.9416 61.9424C61.6575 61.4755 61.5077 60.9308 61.4147 60.3913C61.2029 59.2032 61.1771 57.9841 60.9704 56.7961C60.8309 55.9868 60.5985 55.1827 60.18 54.472C59.7822 53.7872 59.1313 53.2943 58.9195 52.5058C58.873 52.3242 58.935 52.1841 59.1261 52.1426C59.8545 51.9714 60.4796 52.5888 60.8103 53.1594C61.1512 53.7509 61.3372 54.4097 61.5593 55.0478C61.7608 55.6185 61.952 56.3033 62.3859 56.7494C63.2693 57.6573 64.7107 56.8324 64.1476 55.6133C63.7653 54.778 63.0214 54.197 62.4066 53.5433C61.9416 53.0453 61.518 52.4695 61.3889 51.7951C61.2391 51.0117 61.9881 51.3282 62.3549 51.5616C62.7269 51.7951 63.0678 52.0752 63.3933 52.3605C64.0287 52.9208 64.6797 53.5797 65.5372 53.756C65.6354 53.7768 65.8162 53.8027 65.842 53.6679C65.8524 53.6108 65.8369 53.5589 65.811 53.507C65.6664 53.1646 65.3823 52.9052 65.1291 52.6355C64.7055 52.179 64.3749 51.546 64.9173 51.0273C65.2169 50.7419 65.5476 50.7834 65.8937 50.6589C65.904 50.6589 65.9092 50.6537 65.9195 50.6485C66.0332 50.607 66.1365 50.5189 66.1675 50.3995C66.338 49.7718 65.1859 48.9677 64.7572 48.7135L64.752 48.6564ZM41.019 21.6695C40.926 21.8874 40.6315 22.0119 40.4455 22.1312C39.7378 22.5981 39.2057 23.3866 38.3429 23.5993C38.0175 23.6771 37.6558 23.6668 37.3769 23.8587C36.9894 24.1285 36.9119 24.6732 36.5865 25.0052C36.2507 25.3476 35.8219 25.5811 35.4551 25.882C35.016 26.2399 34.6182 26.6238 34.0086 26.4267C33.9001 26.3904 33.7968 26.3437 33.7244 26.2555C33.6211 26.131 33.6418 25.9598 33.6986 25.8197C33.8639 25.441 34.2927 25.2646 34.6802 25.1297C35.1503 24.9637 35.6411 24.7458 35.7392 24.2167C35.8167 23.7861 35.6101 23.3659 35.4654 22.956C35.4189 22.8263 35.3828 22.6915 35.4138 22.5618C35.5119 22.1623 36.2145 22.3231 36.5038 22.3335C37.0204 22.3543 37.5525 22.375 38.0485 22.1934C38.9215 21.8718 39.7326 21.3374 40.6935 21.3582C40.895 21.3582 41.1171 21.4412 41.0138 21.6746L41.019 21.6695ZM50.8035 31.0438C50.881 30.7377 51.3615 31.2358 51.4596 31.3758C51.6301 31.6041 51.7541 31.8635 51.8781 32.1229C52.1106 32.6105 52.2862 33.1345 52.5755 33.5962C53.867 35.6662 53.774 31.2358 53.4021 30.4369C53.2109 30.0374 52.9475 29.6639 52.5962 29.3889C52.2759 29.1347 51.7799 29.0828 51.594 28.6886C51.4958 28.4862 51.4803 28.2528 51.501 28.0245C51.5216 27.7755 51.6095 27.4954 51.8471 27.4124C51.9762 27.3657 52.1261 27.3968 52.25 27.4642C52.374 27.5317 52.4722 27.6354 52.5652 27.734C53.2678 28.4759 53.9032 29.3111 54.2338 30.2864C54.456 30.9401 54.4818 31.6352 54.4715 32.3252C54.456 33.0671 54.3785 33.7934 54.2907 34.53C54.2132 35.1889 54.5748 35.8581 54.3475 36.517C54.2597 36.7815 54.0272 37.015 53.7482 37.015C53.4951 37.015 53.2833 36.8282 53.1128 36.6415C52.1364 35.5728 51.6559 34.1461 51.2582 32.7506C51.1807 32.4705 51.1032 32.1955 51.0257 31.9154C50.9689 31.7131 50.7519 31.2462 50.8035 31.0438ZM45.4825 45.2117C45.7408 45.0353 45.9474 44.7656 46.0869 44.4699C46.4227 43.7591 46.309 43.0225 46.4382 42.2702C46.464 42.1198 46.5105 41.959 46.6293 41.8604C46.7327 41.7826 46.867 41.7618 46.9961 41.7722C47.2131 41.7826 47.3578 41.8812 47.3784 42.1042C47.4507 42.9187 47.4404 43.754 47.2803 44.5529C47.1459 45.2377 46.8153 45.7876 46.5518 46.4101C46.4795 46.5813 46.4279 46.8096 46.5518 46.9341C46.6345 47.0171 46.7688 47.0067 46.8618 46.9341C46.9548 46.8615 47.022 46.7577 47.084 46.6539C47.2183 46.4257 47.3629 46.1974 47.5747 46.0573C47.7917 45.9173 48.0448 45.8965 48.2877 45.8395C48.7526 45.7357 49.1969 45.4971 49.5637 45.1547C51.191 43.6346 50.0441 41.2016 50.3334 39.225C50.3954 38.7892 50.6744 39.2094 50.7519 39.3962C50.8604 39.6556 50.8965 39.9461 50.9585 40.2262C51.0567 40.6465 51.16 41.0822 51.3925 41.4298C51.4596 41.5284 51.5681 41.627 51.6663 41.5699C51.6973 41.5491 51.7231 41.5128 51.7438 41.4765C51.9298 41.1393 51.9504 40.7346 51.8988 40.3508C51.8471 39.9669 51.7231 39.5985 51.6508 39.2146C51.6301 39.1212 51.6198 39.0123 51.6611 38.9241C51.6714 38.9034 51.6818 38.8826 51.6973 38.8722C51.8729 38.6855 52.2914 39.2094 52.3792 39.3339C52.591 39.6504 52.7202 40.0343 52.7873 40.4182C52.8596 40.8643 52.8596 41.4194 52.622 41.8085C52.4825 42.0316 52.281 42.1821 52.1054 42.3636C51.9194 42.5608 51.7593 42.7786 51.6146 43.0173C51.3253 43.4946 51.1135 44.0289 50.9482 44.5788C50.8035 45.0613 50.6847 45.5697 50.4264 45.9899C50.1526 46.4361 49.7445 46.7473 49.3467 47.043C48.9128 47.3699 48.484 47.6915 48.05 48.0183C47.9829 48.0702 47.9054 48.1221 47.8227 48.1169C47.7297 48.1065 47.6574 48.0183 47.5851 47.9509C47.2854 47.6759 47.1563 48.1999 47.1305 48.4541C47.0943 48.7913 47.084 49.1337 47.0943 49.4709C47.1046 49.777 47.1976 50.1609 47.1511 50.4618C47.0633 51.0324 46.1179 50.2543 45.9526 50.0623C45.6633 49.7355 45.4721 49.3049 45.4101 48.8484C45.343 48.3815 45.4101 47.9094 45.5031 47.4529C45.5651 47.1468 45.6271 46.794 45.5341 46.4879C45.4411 46.1767 45.1983 46.0158 45.0434 45.7616C44.8574 45.4556 45.3223 45.3207 45.4825 45.2117ZM52.281 50.1142C52.3275 49.9171 52.3895 49.7251 52.4825 49.5435C52.5084 49.4865 52.5394 49.4346 52.5858 49.3931C52.777 49.2323 52.8958 49.4917 52.8751 49.6525C52.8751 49.6525 52.8751 49.6577 52.8751 49.6629C52.8338 50.0053 52.6117 50.2595 52.467 50.5655C52.374 50.7575 52.3069 50.9598 52.2552 51.1673C52.2242 51.2815 52.2036 51.3956 52.1829 51.5097C52.1726 51.5772 52.1519 51.6498 52.0899 51.6757C52.0434 51.6913 51.9917 51.6705 51.9607 51.629C51.9298 51.5927 51.9143 51.5409 51.8988 51.4942C51.8729 51.406 51.8471 51.3178 51.8213 51.2296C51.4958 50.0416 51.2737 48.7239 51.6663 47.5255C51.7283 47.3439 51.8316 47.1416 52.0176 47.1053C52.1932 47.0742 52.3637 47.2194 52.4205 47.3854C52.591 47.8627 52.2759 48.3867 52.2087 48.8536C52.1467 49.279 52.1881 49.6992 52.2759 50.1142H52.281ZM39.3916 60.0644C39.3658 60.2564 39.2212 60.4068 39.0817 60.5313C38.1053 61.3873 36.9997 62.1447 35.6669 62.2485C35.5687 62.2537 35.4602 62.2589 35.3828 62.1914C35.2794 62.1032 35.2846 61.9372 35.3414 61.8179C35.7547 60.936 36.7466 60.4691 37.1702 59.5768C37.4027 59.0839 37.413 58.5755 37.3872 58.0982C37.351 57.4186 37.2529 56.7494 37.3355 56.0491C37.3975 55.5406 37.5887 54.9596 38.0433 54.6017C38.1105 54.5498 38.1828 54.5031 38.2551 54.4979C38.2758 54.4979 38.2964 54.4979 38.3119 54.5031C38.5496 54.5757 38.1311 55.2813 38.0743 55.4369C38.0123 55.5977 37.9451 55.7585 37.9296 55.9142C37.9141 56.0854 37.9555 56.2358 38.126 56.2669C38.2913 56.2981 38.4772 56.1476 38.6271 56.1632C38.9009 56.1839 38.6271 56.822 38.5702 56.9984C38.4256 57.429 38.3584 57.7558 38.3636 58.1657C38.3739 58.7156 38.1518 59.2292 38.0381 59.7895C38.002 59.9658 38.033 60.2045 38.2809 60.1682C38.4153 60.1474 38.5186 60.0333 38.5909 59.914C38.6632 59.7947 38.7149 59.665 38.8027 59.5612C38.8544 59.5041 38.9215 59.4523 38.999 59.4471C39.1023 59.4471 39.1902 59.5301 39.2522 59.6131C39.34 59.7376 39.4071 59.8828 39.3968 60.0333C39.3968 60.0437 39.3968 60.054 39.3968 60.0696L39.3916 60.0644ZM43.819 62.897C43.292 63.4313 42.7186 63.9293 42.0625 64.2925C41.4064 64.6556 40.6573 64.8735 39.9083 64.832C39.8153 64.8268 39.7068 64.8061 39.6654 64.7231C39.6345 64.6556 39.6654 64.5726 39.6964 64.5052C40.0374 63.8152 40.709 63.3483 40.9621 62.6013C41.2308 61.8231 41.1068 60.9723 41.0706 60.1682C41.0035 58.7467 40.9673 57.3253 40.9725 55.8986C40.9725 55.2916 40.988 54.6795 40.895 54.0777C40.802 53.4759 40.5953 52.8793 40.2131 52.4124C39.9806 52.1271 39.6809 51.8936 39.5001 51.5668C39.0403 50.7316 39.6499 49.5332 40.2544 48.9262C40.3422 48.838 40.4455 48.755 40.5643 48.7342C40.5902 48.7342 40.616 48.7291 40.6418 48.7342C40.8278 48.755 40.9208 48.9833 41.05 49.1078C41.1998 49.253 41.4168 49.336 41.6234 49.3101C42.0057 49.2634 42.2795 48.9158 42.4448 48.5682C42.5946 48.257 42.7031 47.9249 42.8581 47.6137C42.9769 47.3699 43.4522 46.5709 43.8345 46.8199C44.0515 46.96 43.9275 47.4321 43.8965 47.6344C43.8035 48.1947 43.54 48.7135 43.2559 49.2011C42.8168 49.9482 42.2692 50.5604 41.9954 51.406C41.7267 52.2256 41.6596 53.1128 41.8197 53.9636C41.9799 54.804 42.3466 55.5925 42.5223 56.433C42.9304 58.3576 42.3208 60.3342 42.1193 62.29C42.1193 62.3419 42.109 62.3937 42.1297 62.4404C42.2795 62.8347 43.0699 62.2692 43.2146 62.1136C43.5245 61.7764 43.6795 61.3199 43.757 60.8789C43.8913 60.1059 43.8965 59.3122 44.0308 58.5392C44.1135 58.0619 44.4647 56.8635 45.126 56.9154C45.25 56.9258 45.3378 57.0451 45.3895 57.1592C45.5393 57.4913 45.5341 57.87 45.6271 58.2227C45.6478 58.2954 45.6736 58.3732 45.7253 58.4251C45.9371 58.6222 46.3297 58.2072 46.4434 58.0515C46.6087 57.8181 46.681 57.5276 46.7172 57.2422C46.7843 56.656 46.6758 56.0698 46.712 55.4888C46.7327 55.1568 47.0891 53.9117 47.5024 54.638C47.6987 54.9804 47.6832 55.4265 47.7452 55.8052C47.864 56.5263 47.9364 57.2838 47.7091 57.9945C47.4456 58.8193 46.8205 59.4626 46.247 60.1059C45.4308 61.0294 44.6869 62.0202 43.8293 62.9021L43.819 62.897ZM52.2346 64.749C51.594 65.2989 50.8345 65.6828 50.1165 66.1238C49.6102 66.435 49.1039 66.793 48.8146 67.3118C48.3703 68.1055 48.5201 69.086 48.3083 69.9679C48.2463 70.2273 48.0862 70.523 47.8227 70.523C47.6419 70.523 47.4972 70.3778 47.3836 70.2429C47.3061 70.1495 47.2028 70.0769 47.1201 69.9835C46.6448 69.4128 46.4795 68.6243 46.371 67.9084C46.2316 66.9953 46.1076 66.0356 46.3917 65.1381C46.6087 64.4585 47.0478 63.8619 47.2544 63.1771C47.3371 62.9125 47.5024 61.3614 47.926 61.4807C47.9829 61.4963 48.0294 61.5378 48.0655 61.5896C48.1585 61.7245 48.1688 61.9009 48.1585 62.0669C48.1223 62.7621 47.833 63.4054 47.6626 64.0746C47.5592 64.4948 47.4559 64.9202 47.3681 65.3456C47.2854 65.7347 47.1459 66.1808 47.1563 66.5855C47.1563 66.7463 47.2441 66.9227 47.3991 66.9642C47.5541 67.0057 47.7091 66.8916 47.8227 66.7723C48.2877 66.3002 48.6131 65.7658 49.1762 65.3975C49.5947 65.1225 49.8685 64.8424 50.1733 64.4325C50.2973 64.2614 50.7002 63.6129 50.9637 63.81C51.1083 63.919 51.129 64.1732 51.3047 64.2769C51.4906 64.391 51.6766 64.3184 51.8368 64.1887C51.9814 64.0694 52.0847 63.9034 52.1932 63.7426C52.2965 63.5921 52.6427 62.7724 52.9268 62.9125C52.9475 62.9229 52.963 62.9333 52.9836 62.954C53.0456 63.0163 53.0663 63.1045 53.0715 63.1927C53.118 63.8048 52.7047 64.3495 52.2397 64.749H52.2346ZM56.9977 62.1292C56.9564 62.2122 56.8479 62.2329 56.7549 62.2381C56.0058 62.2796 55.2567 62.0617 54.6006 61.6986C53.9445 61.3406 53.3659 60.8426 52.8442 60.3031C51.9814 59.4211 51.2427 58.4303 50.4264 57.5068C49.853 56.8584 49.2279 56.2203 48.9644 55.3954C48.7371 54.6847 48.8094 53.9272 48.9283 53.2061C48.9902 52.8274 48.9799 52.3813 49.1711 52.0389C49.5843 51.3126 49.9408 52.5628 49.9615 52.8897C49.9976 53.5641 49.8633 54.2904 50.0286 54.9544C50.1733 55.5406 50.5607 56.1632 50.9792 56.5886C51.346 56.9621 51.8058 57.2319 52.2087 57.5691C52.7718 58.036 53.2884 58.6274 53.7172 59.2188C53.8464 59.3952 54.4043 60.1993 54.5386 59.8465C54.5541 59.7998 54.5541 59.748 54.549 59.6961C54.4146 58.3836 54.0427 57.1022 54.022 55.7741C54.0014 54.4875 54.2235 53.2009 54.6884 52.0026C54.7763 51.7795 54.8796 51.5512 55.0759 51.4215C55.2722 51.2918 55.5925 51.323 55.6907 51.5357C55.732 51.6239 55.7268 51.7276 55.7268 51.8262C55.7062 52.319 55.6958 52.8119 55.6958 53.3047C55.7062 54.7262 55.6648 56.1528 55.5977 57.5743C55.5615 58.3784 55.4375 59.2292 55.701 60.0074C55.9593 60.7544 56.6309 61.2213 56.9667 61.9113C56.9977 61.9787 57.0287 62.0565 56.9977 62.1292ZM60.5985 39.998C60.4435 40.2522 60.1955 40.4338 59.9992 40.6568C59.6737 41.02 59.4877 41.4973 59.3948 41.9745C59.3018 42.457 59.2914 42.9498 59.2708 43.4375C59.2294 44.584 59.1519 45.7305 59.0538 46.877C58.997 47.5255 58.8678 48.2051 59.059 48.8432C59.2398 49.4554 59.7667 49.8548 60.0199 50.4203C60.0457 50.4774 60.0663 50.5396 60.0405 50.5967C60.0044 50.6641 59.9165 50.6797 59.839 50.6797C59.2346 50.6901 58.6405 50.4877 58.1187 50.1765C57.597 49.8652 57.1527 49.445 56.7445 48.9936C56.0781 48.257 55.515 47.4321 54.8848 46.6591C54.4456 46.1196 53.96 45.5801 53.774 44.9056C53.6139 44.3246 53.6966 43.7176 53.8154 43.1366C53.8774 42.8305 53.8825 42.4726 54.053 42.2028C54.4095 41.6321 54.6574 42.649 54.6626 42.9187C54.6729 43.6917 54.4663 44.4647 54.9054 45.165C55.0811 45.4452 55.2567 45.3155 55.4582 45.165C55.7578 44.942 56.2434 44.9731 56.4914 45.2584C56.7239 45.523 56.6929 45.964 56.6981 46.2908C56.7136 47.0171 56.7755 47.8056 57.2612 48.3815C57.3696 48.5112 57.9896 48.9936 58.1239 48.6824C58.1394 48.6461 58.1394 48.6046 58.1342 48.563C58.0361 46.9756 57.6073 45.3622 57.9999 43.8266C58.1704 43.1574 58.4907 42.5348 58.6508 41.8604C58.811 41.1808 58.78 40.4597 58.594 39.7905C58.3977 39.1005 57.9792 38.5869 57.6486 37.9696C57.4368 37.5701 57.2405 37.1395 57.1837 36.6882C57.163 36.5222 57.0803 36.1383 57.2612 36.0345C57.5763 35.8477 57.9328 36.5066 58.0206 36.7089C58.1342 36.9631 58.2066 37.2329 58.3202 37.4923C58.4442 37.7776 58.656 38.0681 58.9608 38.1148C59.1261 38.1407 59.3018 38.0837 59.4309 37.9696C59.5342 37.8762 59.6221 37.6946 59.7719 37.6842C59.7925 37.6842 59.8132 37.6842 59.8339 37.6842C59.932 37.705 60.0095 37.7776 60.0767 37.8502C60.5416 38.3586 60.9962 39.3443 60.5985 40.0032V39.998Z" fill="black"/>
<path d="M33.0116 36.6936C33.1408 36.5691 33.2854 36.455 33.4353 36.3512C33.7039 36.1645 33.9984 35.9933 34.2412 35.7702C34.4581 35.5679 34.6183 35.2774 34.7939 35.0283C35.1917 34.4732 35.5998 33.9233 36.0235 33.389C36.5917 32.6731 37.0619 31.9468 37.3047 31.0493C37.4545 30.4942 37.4958 29.9028 37.346 29.3477C37.2892 29.1246 37.1962 28.9015 37.036 28.7407C36.7829 28.4761 36.4574 28.4917 36.1216 28.5384C35.5482 28.6162 34.9644 28.6681 34.4013 28.7822C33.8744 28.886 33.3733 29.0831 32.8412 29.1506C32.7068 29.1661 32.5725 29.1765 32.4434 29.1454C32.3142 29.1142 32.1902 29.0312 32.1334 28.9119C32.0456 28.7252 32.1799 28.2427 31.9371 28.1856C31.7511 28.1389 31.4928 28.4035 31.4101 28.5436C31.1053 29.0624 31.3688 29.9132 31.6013 30.4164C31.7046 30.6395 31.8544 30.847 32.0662 30.9715C32.278 31.096 32.5364 31.1323 32.7843 31.1064C32.8205 31.1064 32.8567 31.096 32.898 31.0908C33.7091 31.0026 34.4788 30.7225 35.3105 30.7069C35.3674 30.7069 35.4242 30.7069 35.481 30.7121C35.5379 30.7173 35.5947 30.7277 35.6515 30.7432C35.76 30.7743 35.853 30.8314 35.9046 30.93C35.9976 31.096 35.9305 31.3035 35.8427 31.4695C35.698 31.7445 35.4965 31.9883 35.295 32.2217C34.7371 32.8806 34.1688 33.5291 33.5954 34.1724C33.1408 34.6808 32.681 35.184 32.2057 35.6768C32.7998 35.5782 33.1511 36.2112 33.0168 36.6884H33.022L33.0116 36.6936Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_6364_3373">
<rect width="93" height="129" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
        </div>
    </div>

    <div class="flex flex-col justify-between gap-2 py-4 font-mono text-sm uppercase border-t-2 border-white">
    <div class="container flex gap-2 md:justify-between md:gap-0">
        <div class="hidden w-1/3 text-center md:text-left md:block">
        
            
                <ul class="flex flex-col gap-2 md:flex-row md:gap-4">
                    
                        <li>
                            <a href="/pages/privicay-policy" class="hover:underline">
                                Privacy Policy
                            </a>
                        </li>
                    
                        <li>
                            <a href="/pages/terms-and-conditions" class="hover:underline">
                                Terms & Conditions
                            </a>
                        </li>
                    
                        <li>
                            <a href="/pages/cookie-policy" class="hover:underline">
                                Cookie Policy
                            </a>
                        </li>
                    
                </ul>
            

        </div>
        <div class="w-1/2 md:text-center md:w-1/3">© 2026 Luke 1977</div>

        <div class="w-1/2 text-right md:w-1/3">
            <span>Site by</span> 
            <a href="https://cake.agency/shopify-agency" target="_blank">Shopify Agency</a>
            <span > - Cake Agency</span>
        </div>
    </div>
</div>
</div>


</div>
    
    

    <!-- Global Overlay (used by all drawers, modals, and panels) -->
    

<div
  x-data
  x-cloak
  x-show="$store.overlay && $store.overlay.isOpen"
  x-transition:enter="transition-opacity ease-linear duration-300"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition-opacity ease-linear duration-300"
  x-transition:leave-start="opacity-100"
  x-transition:leave-end="opacity-0"
  @click="$store.overlay && $store.overlay.handleClick()"
  :class="($store.overlay && $store.overlay.config) ? ($store.overlay.config.position + ' ' + $store.overlay.config.zIndex + ' bg-black/40 backdrop-blur-sm') : 'hidden'"
  :style="$store.overlay && $store.overlay.config ? $store.overlay.config.positionStyle : null"
  style="display: none;"
></div>


    <!-- Global Quick Add Modal -->
    <div x-data="globalQuickAddModal()" @open-quick-add.window="openModal($event.detail)">
      

<!-- Modal Content -->
<div
  x-show="isOpen"
  x-transition:enter="transition ease-out duration-300"
  x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
  x-transition:leave="transition ease-in duration-200"
  x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
  x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  class="fixed inset-0 z-[1000] flex items-end mb-10 justify-center p-4 pointer-events-none"
  x-cloak
>
  <div class="relative w-full max-w-[775px] bg-white border-2 rounded-lg shadow-xl pointer-events-auto flex gap-0 overflow-hidden" @click.stop>
    <!-- Close Button -->
    <button
      @click="closeModal()"
      class="absolute z-10 text-gray-400 transition-colors top-4 right-4 hover:text-gray-600"
      aria-label="Close modal"
    >
      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
      </svg>
    </button>

    <!-- Left Side: Product Image (hidden on mobile) -->
    <div class="hidden w-48 sm:block shrink-0 aspect-product-quick">
      <template x-if="product && product.featured_image">
        <img
          :src="product.featured_image"
          :alt="product.title"
          class="object-cover object-right w-full h-full md:object-center"
        />
      </template>
    </div>

    <!-- Right Side: Product Details & Options -->
    <div class="flex-1 p-6 pr-8">
      <!-- Product Info -->
      <div class="mb-2">
        <h2 class="mb-2 text-lg font-semibold capitalize" x-text="product ? product.title.toLowerCase() : ''"></h2>
        <div class="font-mono text-base">
          <template x-if="product && product.compare_at_price > product.price">
            <div>
              <div class="flex gap-4">
                <span x-text="formatMoney(product.price)"></span>
                <span class="uppercase text-mid-stone" x-text="selectedOptions['Colour'] || selectedOptions['Color'] || ''"></span>
              </div>
              <div class="flex items-center gap-2 mt-1">
                <span class="text-xs text-gray-400 line-through" x-text="formatMoney(product.compare_at_price)"></span>
                <span class="text-xs font-medium text-red-600 uppercase" x-text="'SAVE ' + Math.round((product.compare_at_price - product.price) * 100 / product.compare_at_price) + '%'"></span>
              </div>
            </div>
          </template>
          <template x-if="product && (!product.compare_at_price || product.compare_at_price <= product.price)">
            <div class="flex items-center justify-between gap-2">
              <span x-text="formatMoney(product.price)"></span>
              <span class="text-sm" x-text="selectedOptions['Colour'] || selectedOptions['Color'] || ''"></span>
            </div>
          </template>
        </div>
      </div>

      <!-- Dynamic Variant Selectors -->
      <div x-show="product && product.variants" x-cloak>
        <!-- Loop through all non-color options -->
        <template x-for="option in getNonColorOptions()" :key="option.name">
          <div class="mb-6" x-show="option.values.length > 1">
            <div class="mb-3 font-mono text-base uppercase">
              <span x-text="option.name"></span>: <span x-text="selectedOptions[option.name]"></span>
            </div>
            <div class="flex flex-wrap gap-[9.75px]">
              <template x-for="value in option.values" :key="value">
                <label class="cursor-pointer">
                  <input
                    type="radio"
                    :name="option.name"
                    :value="value"
                    class="hidden peer"
                    :checked="selectedOptions[option.name] === value"
                    @click="selectOption(option.name, value)"
                  />
                  <div class="flex flex-wrap items-center justify-center gap-1 font-mono text-sm transition-all border border-cold-stone bg-cold-stone h-11 w-11 peer-checked:border-black" :class="!isOptionValueAvailable(option.name, value) ? 'text-gray-400' : ''">
                    <span x-show="!isOptionValueAvailable(option.name, value)" x-cloak>
                      <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.47852 8.34314C3.47852 9.20932 4.24103 9.91177 5.18128 9.91177C6.12152 9.91177 6.88404 9.20932 6.88404 8.34314" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.34873 4.02941C1.34873 2.08039 3.06426 0.5 5.17994 0.5C7.29563 0.5 9.01116 2.08039 9.01116 4.02941C9.01116 5.78529 9.45281 7.19608 9.80401 7.7549C9.9216 7.94265 9.8519 8.18235 9.6481 8.29069C9.58371 8.325 9.51081 8.34314 9.43685 8.34314H0.92304C0.687846 8.34167 0.498414 8.1652 0.50001 7.94853C0.50001 7.88039 0.52023 7.81373 0.556946 7.7549C0.907609 7.19608 1.34873 5.7848 1.34873 4.02941Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                    </span>
                    <span x-text="value"></span>
                  </div>
                </label>
              </template>
            </div>
          </div>
        </template>
        <!-- Notify me message - shown once after all options -->
        <div x-show="hasAnyUnavailableVariant()" class="flex items-center gap-1.5 mb-6 text-gray-400 text-sm" x-cloak>
          <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.47852 8.34314C3.47852 9.20932 4.24103 9.91177 5.18128 9.91177C6.12152 9.91177 6.88404 9.20932 6.88404 8.34314" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.34873 4.02941C1.34873 2.08039 3.06426 0.5 5.17994 0.5C7.29563 0.5 9.01116 2.08039 9.01116 4.02941C9.01116 5.78529 9.45281 7.19608 9.80401 7.7549C9.9216 7.94265 9.8519 8.18235 9.6481 8.29069C9.58371 8.325 9.51081 8.34314 9.43685 8.34314H0.92304C0.687846 8.34167 0.498414 8.1652 0.50001 7.94853C0.50001 7.88039 0.52023 7.81373 0.556946 7.7549C0.907609 7.19608 1.34873 5.7848 1.34873 4.02941Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          <span>Notify me when size is available</span>
        </div>
      </div>

      <!-- Add to Cart Button -->
      <button
        @click="if (currentVariant && !isVariantAvailable()) { openBackInStock(); } else { addToCart(); }"
        :disabled="!currentVariant || isAdding"
        :class="currentVariant && !isAdding ? 'bg-black hover:bg-black/90' : 'bg-gray-300 cursor-not-allowed'"
        class="float-right w-full px-6 py-4 ml-auto text-sm tracking-wider text-white transition-colors md:w-auto"
      >
        <span x-show="!isAdding && !currentVariant" x-cloak>Select Options</span>
        <span x-show="!isAdding && currentVariant && isVariantAvailable()" x-cloak>Add To Bag</span>
        <span x-show="!isAdding && currentVariant && !isVariantAvailable()" x-cloak>Notify Me</span>
        <span x-show="isAdding" x-cloak>Adding...</span>
      </button>

      <!-- Error Message -->
      <div x-show="error" class="mt-4 text-sm text-center text-red-600" x-text="error"></div>
    </div>
  </div>
</div>

    </div>

    <!-- Global Back in Stock Modal -->
    <div x-data="backInStockModal()" @open-back-in-stock.window="open($event.detail.productTitle, $event.detail.variantTitle, $event.detail.variantId)">
      

<div x-show="isOpen"
     x-cloak
     @keydown.escape.window="close()"
     @click="close()"
     class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto bg-black/40 backdrop-blur-sm"
     style="display: none; z-index: 60;"
     x-transition:enter="transition-opacity duration-300"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
     x-transition:leave="transition-opacity duration-300"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0">

  <!-- Modal -->
  <div class="relative w-full max-w-md p-8 my-8 bg-white border-2 rounded-lg shadow-xl" @click.stop>

    <!-- Close button -->
    <button @click="close()" class="absolute text-gray-400 top-4 right-4 hover:text-gray-600">
      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
      </svg>
    </button>

    <!-- Success State -->
    <div x-show="success" x-cloak>
      <div class="text-center">
        <div class="flex items-center justify-center w-12 h-12 mx-auto mb-4 bg-green-100 rounded-full">
          <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
          </svg>
        </div>
        <h3 class="mb-2 text-lg font-semibold text-gray-900">You&#39;re on the list!</h3>
        <p class="text-sm text-gray-600">We&#39;ll notify you when <span class="font-medium" x-text="productTitle"></span> is back in stock.</p>
      </div>
    </div>

    <!-- Form State -->
    <div x-show="!success" x-cloak>
      <h3 class="mb-2 text-xl font-semibold text-gray-900">Notify me when available</h3>
      <p class="mb-6 text-sm text-gray-600">Enter your email and we&#39;ll let you know when <span class="font-medium" x-text="productTitle + (variantTitle && variantTitle !== 'Default Title' ? ' (' + variantTitle + ')' : '')"></span> is back in stock.</p>

      <form @submit.prevent="submitNotification">
        <div class="mb-6">
          <label for="bis-email" class="block mb-2 font-mono text-sm text-gray-700 uppercase">Email address</label>
          <input
            type="email"
            id="bis-email"
            x-model="email"
            required
            :disabled="loading"
            class="w-full px-0 py-2 border-b-2 border-gray-300 bg-transparent focus:border-[#8B7355] outline-none transition-colors disabled:opacity-50"
            placeholder="name@email.com"
          >
        </div>

        <div x-show="error" x-cloak class="mb-4">
          <p class="text-sm text-red-600" x-text="error"></p>
        </div>

        <button
          type="submit"
          :disabled="loading"
          class="w-full bg-black hover:bg-black/90 text-white py-4 text-sm tracking-wider transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
        >
          <span x-show="!loading">Notify me</span>
          <span x-show="loading" x-cloak>Sending...</span>
        </button>
      </form>

    </div>

  </div>
</div>

<script>
function backInStockModal() {
  return {
    isOpen: false,
    email: '',
    loading: false,
    success: false,
    error: '',
    productTitle: '',
    variantTitle: '',
    variantId: null,
    companyId: 'QNuvmL', // Your Klaviyo company ID

    init() {
      // No scroll lock - allow background scrolling when modal is open
    },

    open(productTitle, variantTitle, variantId) {
      this.productTitle = productTitle;
      this.variantTitle = variantTitle;
      this.variantId = variantId;
      this.isOpen = true;
      this.success = false;
      this.error = '';
      this.email = '';
    },

    close() {
      this.isOpen = false;

      // Reset after animation
      setTimeout(() => {
        this.success = false;
        this.error = '';
        this.email = '';
      }, 300);
    },

    async submitNotification() {
      this.loading = true;
      this.error = '';

      try {
        // Format the catalog variant ID for Shopify
        const catalogVariantId = `$shopify:::$default:::${this.variantId}`;
        console.log('Subscribing to back in stock with variant ID:', catalogVariantId);
        console.log('Email:', this.email);

        const requestBody = {
          data: {
            type: 'back-in-stock-subscription',
            attributes: {
              profile: {
                data: {
                  type: 'profile',
                  attributes: {
                    email: this.email
                  }
                }
              },
              channels: ['EMAIL']
            },
            relationships: {
              variant: {
                data: {
                  type: 'catalog-variant',
                  id: catalogVariantId
                }
              }
            }
          }
        };

        console.log('Request body:', JSON.stringify(requestBody, null, 2));

        // Subscribe using Klaviyo Back in Stock API
        const response = await fetch(`https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=${this.companyId}`, {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'revision': '2025-01-15'
          },
          body: JSON.stringify(requestBody)
        });

        console.log('Response status:', response.status);

        if (!response.ok) {
          // Only try to parse JSON if there's content
          let errorMessage = 'Unable to register notification';
          const contentType = response.headers.get('content-type');
          if (contentType && contentType.includes('application/json')) {
            try {
              const errorData = await response.json();
              console.error('Error response:', errorData);
              errorMessage = errorData.errors?.[0]?.detail || errorMessage;
            } catch (e) {
              console.error('Failed to parse error response:', e);
            }
          }
          throw new Error(errorMessage);
        }

        // Only parse JSON if there's content
        let responseData = null;
        const contentType = response.headers.get('content-type');
        if (contentType && contentType.includes('application/json')) {
          const text = await response.text();
          if (text) {
            responseData = JSON.parse(text);
            console.log('Success response:', responseData);
          }
        }

        // Track the event with Klaviyo
        if (typeof klaviyo !== 'undefined') {
          klaviyo.track('Back in Stock Request', {
            'Product Title': this.productTitle,
            'Variant Title': this.variantTitle,
            'Variant ID': this.variantId,
            'Email': this.email
          });
        }

        this.success = true;

        // Auto close after 3 seconds
        setTimeout(() => {
          this.close();
        }, 3000);

      } catch (err) {
        console.error('Back in stock notification error:', err);
        this.error = err.message || 'Something went wrong. Please try again.';
      } finally {
        this.loading = false;
      }
    }
  }
}
</script>

    </div>

    <!-- Country/Currency Selector Modal -->
    

<div
  x-data="countrySelector()"
  x-cloak
  x-show="isOpen"
  x-transition:enter="transition ease-out duration-300"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition ease-in duration-200"
  x-transition:leave-start="opacity-100"
  x-transition:leave-end="opacity-0"
  @open-country-selector.window="open()"
  @keydown.escape.window="close()"
  class="fixed inset-0 z-50 flex items-center justify-center p-4"
  style="display: none;"
><div class="absolute inset-0 bg-black/40 backdrop-blur-sm" @click="close()"></div><div
    x-show="isOpen"
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0 scale-95"
    x-transition:enter-end="opacity-100 scale-100"
    x-transition:leave="transition ease-in duration-200"
    x-transition:leave-start="opacity-100 scale-100"
    x-transition:leave-end="opacity-0 scale-95"
    class="relative z-10 w-full max-w-md bg-white p-8"
    @click.stop
  ><button
      type="button"
      @click="close()"
      class="absolute top-4 right-4 p-2 text-gray-500 hover:text-black transition-colors"
      aria-label="Close modal"
    >
      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M1 1L13 13M1 13L13 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
      </svg>
    </button><h2 class="text-xl font-semibold mb-6">Select your country/region</h2><form method="post" action="/localization" id="CountrySelectorForm" accept-charset="UTF-8" class="country-selector-form" 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="/shop.css" /><div class="mb-6">
        <label for="CountrySelect" class="sr-only">Country/region</label>
        <div class="relative">
          <select
            id="CountrySelect"
            name="country_code"
            class="w-full appearance-none border border-gray-300 px-4 py-3 pr-10 text-base focus:border-black focus:outline-none"
            x-model="selectedCountry"
          ><option
                value="AI"
                
              >
                ANGUILLA (USD $)
              </option><option
                value="AG"
                
              >
                ANTIGUA &AMP; BARBUDA (USD $)
              </option><option
                value="AW"
                
              >
                ARUBA (USD $)
              </option><option
                value="AU"
                
              >
                AUSTRALIA (GBP £)
              </option><option
                value="AT"
                
              >
                AUSTRIA (EUR €)
              </option><option
                value="BS"
                
              >
                BAHAMAS (USD $)
              </option><option
                value="BH"
                
              >
                BAHRAIN (GBP £)
              </option><option
                value="BB"
                
              >
                BARBADOS (USD $)
              </option><option
                value="BE"
                
              >
                BELGIUM (EUR €)
              </option><option
                value="BZ"
                
              >
                BELIZE (USD $)
              </option><option
                value="BM"
                
              >
                BERMUDA (USD $)
              </option><option
                value="VG"
                
              >
                BRITISH VIRGIN ISLANDS (USD $)
              </option><option
                value="BG"
                
              >
                BULGARIA (EUR €)
              </option><option
                value="CA"
                
              >
                CANADA (USD $)
              </option><option
                value="BQ"
                
              >
                CARIBBEAN NETHERLANDS (USD $)
              </option><option
                value="KY"
                
              >
                CAYMAN ISLANDS (USD $)
              </option><option
                value="CX"
                
              >
                CHRISTMAS ISLAND (GBP £)
              </option><option
                value="CC"
                
              >
                COCOS (KEELING) ISLANDS (GBP £)
              </option><option
                value="CK"
                
              >
                COOK ISLANDS (GBP £)
              </option><option
                value="CR"
                
              >
                COSTA RICA (USD $)
              </option><option
                value="HR"
                
              >
                CROATIA (EUR €)
              </option><option
                value="CW"
                
              >
                CURAÇAO (USD $)
              </option><option
                value="CY"
                
              >
                CYPRUS (GBP £)
              </option><option
                value="CZ"
                
              >
                CZECHIA (EUR €)
              </option><option
                value="DK"
                
              >
                DENMARK (EUR €)
              </option><option
                value="DM"
                
              >
                DOMINICA (USD $)
              </option><option
                value="DO"
                
              >
                DOMINICAN REPUBLIC (USD $)
              </option><option
                value="SV"
                
              >
                EL SALVADOR (USD $)
              </option><option
                value="EE"
                
              >
                ESTONIA (EUR €)
              </option><option
                value="FJ"
                
              >
                FIJI (GBP £)
              </option><option
                value="FI"
                
              >
                FINLAND (EUR €)
              </option><option
                value="FR"
                
              >
                FRANCE (EUR €)
              </option><option
                value="PF"
                
              >
                FRENCH POLYNESIA (GBP £)
              </option><option
                value="GE"
                
              >
                GEORGIA (GBP £)
              </option><option
                value="DE"
                
              >
                GERMANY (EUR €)
              </option><option
                value="GI"
                
              >
                GIBRALTAR (EUR €)
              </option><option
                value="GR"
                
              >
                GREECE (EUR €)
              </option><option
                value="GL"
                
              >
                GREENLAND (USD $)
              </option><option
                value="GD"
                
              >
                GRENADA (USD $)
              </option><option
                value="GP"
                
              >
                GUADELOUPE (USD $)
              </option><option
                value="GT"
                
              >
                GUATEMALA (USD $)
              </option><option
                value="GG"
                
              >
                GUERNSEY (GBP £)
              </option><option
                value="HT"
                
              >
                HAITI (USD $)
              </option><option
                value="HN"
                
              >
                HONDURAS (USD $)
              </option><option
                value="HK"
                
              >
                HONG KONG SAR (GBP £)
              </option><option
                value="HU"
                
              >
                HUNGARY (EUR €)
              </option><option
                value="IS"
                
              >
                ICELAND (EUR €)
              </option><option
                value="IE"
                
              >
                IRELAND (EUR €)
              </option><option
                value="IM"
                
              >
                ISLE OF MAN (GBP £)
              </option><option
                value="IT"
                
              >
                ITALY (EUR €)
              </option><option
                value="JM"
                
              >
                JAMAICA (USD $)
              </option><option
                value="JP"
                
              >
                JAPAN (GBP £)
              </option><option
                value="JE"
                
              >
                JERSEY (GBP £)
              </option><option
                value="KI"
                
              >
                KIRIBATI (GBP £)
              </option><option
                value="KW"
                
              >
                KUWAIT (GBP £)
              </option><option
                value="LV"
                
              >
                LATVIA (EUR €)
              </option><option
                value="LT"
                
              >
                LITHUANIA (EUR €)
              </option><option
                value="LU"
                
              >
                LUXEMBOURG (EUR €)
              </option><option
                value="MT"
                
              >
                MALTA (EUR €)
              </option><option
                value="MQ"
                
              >
                MARTINIQUE (USD $)
              </option><option
                value="MX"
                
              >
                MEXICO (USD $)
              </option><option
                value="MS"
                
              >
                MONTSERRAT (USD $)
              </option><option
                value="NR"
                
              >
                NAURU (GBP £)
              </option><option
                value="NL"
                
              >
                NETHERLANDS (EUR €)
              </option><option
                value="NC"
                
              >
                NEW CALEDONIA (GBP £)
              </option><option
                value="NZ"
                
              >
                NEW ZEALAND (GBP £)
              </option><option
                value="NI"
                
              >
                NICARAGUA (USD $)
              </option><option
                value="NU"
                
              >
                NIUE (GBP £)
              </option><option
                value="NF"
                
              >
                NORFOLK ISLAND (GBP £)
              </option><option
                value="OM"
                
              >
                OMAN (GBP £)
              </option><option
                value="PA"
                
              >
                PANAMA (USD $)
              </option><option
                value="PG"
                
              >
                PAPUA NEW GUINEA (GBP £)
              </option><option
                value="PN"
                
              >
                PITCAIRN ISLANDS (GBP £)
              </option><option
                value="PL"
                
              >
                POLAND (EUR €)
              </option><option
                value="PT"
                
              >
                PORTUGAL (EUR €)
              </option><option
                value="QA"
                
              >
                QATAR (GBP £)
              </option><option
                value="RO"
                
              >
                ROMANIA (EUR €)
              </option><option
                value="WS"
                
              >
                SAMOA (GBP £)
              </option><option
                value="SA"
                
              >
                SAUDI ARABIA (GBP £)
              </option><option
                value="SG"
                
              >
                SINGAPORE (GBP £)
              </option><option
                value="SX"
                
              >
                SINT MAARTEN (USD $)
              </option><option
                value="SK"
                
              >
                SLOVAKIA (EUR €)
              </option><option
                value="SI"
                
              >
                SLOVENIA (EUR €)
              </option><option
                value="SB"
                
              >
                SOLOMON ISLANDS (GBP £)
              </option><option
                value="ES"
                
              >
                SPAIN (EUR €)
              </option><option
                value="BL"
                
              >
                ST. BARTHÉLEMY (USD $)
              </option><option
                value="KN"
                
              >
                ST. KITTS &AMP; NEVIS (USD $)
              </option><option
                value="LC"
                
              >
                ST. LUCIA (USD $)
              </option><option
                value="MF"
                
              >
                ST. MARTIN (USD $)
              </option><option
                value="PM"
                
              >
                ST. PIERRE &AMP; MIQUELON (USD $)
              </option><option
                value="VC"
                
              >
                ST. VINCENT &AMP; GRENADINES (USD $)
              </option><option
                value="SE"
                
              >
                SWEDEN (EUR €)
              </option><option
                value="CH"
                
              >
                SWITZERLAND (EUR €)
              </option><option
                value="TK"
                
              >
                TOKELAU (GBP £)
              </option><option
                value="TO"
                
              >
                TONGA (GBP £)
              </option><option
                value="TT"
                
              >
                TRINIDAD &AMP; TOBAGO (USD $)
              </option><option
                value="TC"
                
              >
                TURKS &AMP; CAICOS ISLANDS (USD $)
              </option><option
                value="TV"
                
              >
                TUVALU (GBP £)
              </option><option
                value="UM"
                
              >
                U.S. OUTLYING ISLANDS (GBP £)
              </option><option
                value="AE"
                
              >
                UNITED ARAB EMIRATES (GBP £)
              </option><option
                value="GB"
                selected
              >
                UNITED KINGDOM (GBP £)
              </option><option
                value="US"
                
              >
                UNITED STATES (USD $)
              </option><option
                value="VU"
                
              >
                VANUATU (GBP £)
              </option><option
                value="WF"
                
              >
                WALLIS &AMP; FUTUNA (GBP £)
              </option><option
                value="YE"
                
              >
                YEMEN (GBP £)
              </option></select>
          <div class="absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none">
            <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </div>
        </div>
      </div>

      <button
        type="submit"
        class="w-full bg-black text-white py-3 px-6 text-sm font-semibold uppercase tracking-wider hover:bg-gray-800 transition-colors"
      >
        Continue
      </button></form></div>
</div>

<script>
  document.addEventListener('alpine:init', () => {
    Alpine.data('countrySelector', () => ({
      isOpen: false,
      selectedCountry: 'GB',

      open() {
        this.isOpen = true;
        document.body.style.overflow = 'hidden';
      },

      close() {
        this.isOpen = false;
        document.body.style.overflow = '';
      }
    }));
  });
</script>

  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>